由于此 篇文章倍受 Spam喜爱,所以关闭 评论,如有问题,请在其他任何地方留言.谢谢

本文参考了FORECE'S BLOG,在这里表示十分感谢.因为我在网上找了很多的实现评论AJAX效果的代码或者是插件.效果都不理想.只有这一个让我真正的实现了AJAX效果.

唯一不同的是.我把代码提到的那个google的js文件下载到了本地.然后上传到了服务器上.感觉这样比较奥保险一点吧.呵呵.

下面说说我按照文章中提到的做法.由于我使用的是wordpress3.1.所以就直接下载了文章中提到的comments-ajax-1.3.zip.

1.下载上面说的zip文件.

2.下载后将里面的文件上传到当前使用的模板所在的目录里面.然后修改模板文件head.php.找到以下内容

1
2

<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>

用下面的几行代码代替(我前面说了.我直接把google的那个js文件下载下来放在了服务器上,所以要在调用地址那里改一下,其实.下面的那个comments-ajax.js文件也可以放在一个专门放第三方js文件的地方,这样便于以后管理.)

1
2
3
4
5

<script type="text/javascript" src="/js/jquery.min.js"></script>
<?php wp_head(); ?>
<?php if ( is_singular() ){ ?>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/comments-ajax.js"></script>
<?php } ?>

(更多...)

很早之前 bentutu 童鞋就告诉我说可以实现图片的幻灯便效果.但是我一直都不知道是怎么回事.

从我真正的有了自己的独立博客之后.才知道.原来这种效果可以用插件实现.于是在bentutu 童鞋的帮助下.找到了有关的文章链接.所以我就跟着做了.

我的目标就是占用最少的资源和空间.所以占用空间大的插件一律不要.呵呵

第一个找到的是 叫lighbox,听一个博主说js文件太大.直接淘汰.

第二个找到的是 fancyzoom.但是我在安装的过程中.发现.这个文件也是相当的大.js文件都是10+K的.加载起来肯定是相当的慢.赶紧淘汰.

最后还是使用slimbox插件最好啊.就一个js文件,而且只有4.1K大小.虽然下载下来的zip文件夹很大,但是打开后我发现.里面有一个screenshot文件.足足有180多K.直接删除.删除后再看大小,只有8+K了.呵呵.正和我意.

slimbox插件官方下载地址,下载之后可以删除screenshot文件后再上传,也可以在wordpress后台查找插件.安装后.再用FTP工具到文件夹里面删除.总之是删除了就好.

本文参考了KuKi的懒懒窝,只不过在调用地址的地方.稍微修改了一下.呵呵
看到人家的wordpress都有那个什么图片渐显.很酷.同时对网页加载效果也好.所以也在网上热心人的帮助下.弄出了这个效果下面记录一下.以后换主题的时候直接就拿来用了.

1、下载 jquery.lazyload.zip （包含 jquery.lazyload.js 和 fill.gif ）

2、将上面2文件，放到 wordpress 的某个目录，比如放在 domain.com/js 目录下

3、在当前主题的  header.php 中适当位置(我是加在了head.php文件的<!– javascript START –>后面,感觉这里统一加载js文件.效果会更好点)添加下面 JS调用代码：

<script type="text/javascript" src="/js/jquery.lazyload.js">
</script>
<script type="text/javascript">
jQuery(document).ready(
function($){
$("img").lazyload({
placeholder : "/js/fill.gif",
effect : "fadeIn"
});
});
</script>

网上讲的还要改路径.其实在路径上没有必要添加上自己的网址.直接用相对路径就可以了. 看我上面写的.没有我的网址.直接用目录就可以.
注意！！本文中使用的jQ库不能使用google的1.3.2版的mini的jQ库，1.4.2到是可以使用，不过太新太大，不推荐使用。
推荐使用 WordPress 自带的jQ库，文件位于：/wp-includes/js/jquery/jquery.js。
调用方法（可将此段代码加到上面第3步代码之前）：

<script type='text/javascript' src='/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>

这样就做完了.保存文件之后重新打开网页就可以看到效果了.呵呵.速度确实快了一点.不知道是不是我的心理原因.呵呵.总之效果挺好的