AJAX效果即是提供评论的时候使用页面局部刷新的效果而不是整个页面刷新,实现这个效果虽然可以直接使用WordPress博客插件,但是很多WordPress博主是代码流,对于博客插件能少用则少用,能不用那就更好,所以博客吧介绍下非插件实现WordPress博客评论AJAX效果。
非插件AJAX效果方法:
下载文件comments-ajax.js和文件comments-ajax.php,博客吧提供打包下载comments_ajax,把这两个文件上传至主题的根目录
登陆自己的Wordpress博客后台,点击“外观”选项卡下的编辑选项进入主题编辑页面
选择编辑header.php文件,找到代码
< ?php if (is_singular()) wp_enqueue_script(‘comment-reply’); ?> 把上面的代码替换为以下代码 <?php if (is_singular()){ ?> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%C2%A0type%3D%22text%2Fjavascript%22%C2%A0src%3D%22http%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fjquery%2F1.2.3%2Fjquery.min.js%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%C2%A0type%3D%22text%2Fjavascript%22%C2%A0src%3D%22%3C%3Fphp%C2%A0bloginfo('template_directory')%3B%C2%A0%3F%3E%2Fcomments-ajax.js%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" /> <?php } ?>
更新文件,这样就完成了不用插件实现wordpress博客评论的AJAX效果了
提示:部分主题的header.php文件没有该行代码,那就找到
<?php wp_head();?>
在该代码前面(上面)添加上面的代码即可。