WordPress优化修改记录

1.CDN

2.复制网页文字弹出提示

永久链接: https://eee.run/2020-05-27/436.html

3.鼠标点击特效

主题设置:footer自定义 js 代码

使用:将上述代码添加至主题文件footer.php中之前即可。

<script type="text/javascript">
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
var $i = $("<span/>").text(a[a_idx]);
a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "#ff6651"
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});
</script>

 

4.文章添加公众号验验证码

永久链接: https://eee.run/2020-04-09/295.html

5.缓存加速

  • 启用 Memcached
  • 安装 WP super cache

永久链接: https://eee.run/2020-04-08/247.html

6.服务器

 

7.插件

  • WP Super Cache 缓存插件
  • WP-Optimize - Clean, Compress, Cache 压缩图片,清理数据库
  • WPJAM BASIC 优化插件
  • 微信公众平台验证码查看插件永久链接: https://eee.run/2020-04-09/295.html
  • Mammoth .docx converter 将word文件直接导入文章
  • Wordfence 安全插件()防火墙,查杀等等)

8.google adsense

页头代码

9.将Markdown格式文字复制到wp

用Typora编辑器,文件导出 html(without styles),然后复制代码,粘贴即可。

10.页脚网站运行时间

<span id="momk"></span><span id="momk" style="color: #ff0000;"></span>
<script type="text/javascript">
function NewDate(str) {
str = str.split('-');
var date = new Date();
date.setUTCFullYear(str[0], str[1] - 1, str[2]);
date.setUTCHours(0, 0, 0, 0);
return date;
}
function momxc() {
var birthDay =NewDate("2019-11-8");
var today=new Date();
var timeold=today.getTime()-birthDay.getTime();
var sectimeold=timeold/1000
var secondsold=Math.floor(sectimeold);
var msPerDay=24*60*60*1000; var e_daysold=timeold/msPerDay;
var daysold=Math.floor(e_daysold);
var e_hrsold=(daysold-e_daysold)*-24;
var hrsold=Math.floor(e_hrsold);
var e_minsold=(hrsold-e_hrsold)*-60;
var minsold=Math.floor((hrsold-e_hrsold)*-60); var seconds=Math.floor((minsold-e_minsold)*-60).toString();
document.getElementById("momk").innerHTML = "本站已安全运行:"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
setTimeout(momxc, 1000);
}momxc();
</script> <style>
#momk{animation:change 10s infinite;font-weight:800; }
@keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
</style>

 

 

遇到的问题:粘贴代码之后不显示时间     解决:关闭页面压缩,或者优化插件功能。

11.WordPress页脚显示查询次数、加载时间和内存占用代码

将下面的代码添加到当前主题的模板函数 functions.php 文件:

//显示数据库查询次数、查询时间及内存占用的代码
function performance( $visible = false ) {
	$stat = sprintf( '%d 次查询 用时 %.3f 秒, 耗费了 %.2fMB 内存',
        get_num_queries(),
        timer_stop( 0, 3 ),
        memory_get_peak_usage() / 1024 / 1024
    );
    echo $visible ? $stat : "<!-- {$stat} -->" ;
}

然后可以在需要显示的地方,使用下面的代码进行调用:

<?php if(function_exists('performance')) performance(true) ;?>

performance的参数 true 表示在页面中直接显示。
如果你想在页面前端不显示,只在html源码中可见,可改为 false

任意颜色的文字代码:

<font style="color:#FFFFFF"><?php 
//页面加载时间查询代码(白色字体)
if(function_exists('performance')) performance(true) ;?></font>	

 


如果你想在页脚加载,可以将下面的代码添加到 functions.php 该函数的下面(确保你的主题文件中包含 wp_footer() ):

add_action( 'wp_footer', 'performance', 20 );

 

版权声明:
作者:散逸
链接:https://eee.run/2020-07-14/110.html
来源:散逸-博客-导航
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>
文章目录
关闭