Wordpress 2.7的评论分页功能对于评论比较多的博客而言是个很好的功能，可以有效的减少页面体积，但是同时分页评论功能也会造成一个与SEO相关的问题——复制内容。wp-hackers邮件组里就有人指出这个问题了。

Isn’t this bad for SEO? We now have a post with multiple pages, but
the post content is repeated over multiple URLs. This will screw up
search engines, as well as site stats (popular posts will end up
“splitting the vote” between comment-page-1, comment-page-2, comment-page-3, etc…)

对于开启了分页评论的文章页面，wordpress是使用以下URL格式来对各个分页进行标记的：
http://example.com/my-post-permalink/ （文章页面主页）
http://example.com/my-post-permalink/comment-page-1/ （评论分页第一页）
http://example.com/my-post-permalink/comment-page-2/（评论分页第二页）
这几个页面的主体内容其实是一样的，页面文字除了具体评论有变化外其余的都一样，title是一样的，meta内容也是一样的。所以就有人质疑，分页评论是否会为Wordpress2.7博客增加复制内容这一SEO问题。

现在提供一个解决办法，通过在Wordpress主题的fuctions.php里添加一段PHP代码就可以。这个代码解决复制内容的思路是让各评论分页与文章主页的post内容显示不一样，评论分页上只显示文章摘要。

[php]function seo_paged_comments_content_filter($t = ”) {
$cpage = intval(get_query_var(’cpage’));
if ( ! empty( $cpage ) ) {
remove_filter(’the_content’, ’seo_paged_comments_content_filter’);
$t = get_the_excerpt();
$t .= sprintf(’

%2$s

‘, get_permalink(), get_the_title());
}
return $t;
}
add_filter(’the_content’, ’seo_paged_comments_content_filter’);[/php]

在Wordpress 2.6的使用过程中，我也曾经对WP的登陆页面进行过自定义，包括修改其样式，或者改变页面内容。现在Wordpress升级到2.7了，WP开发者对登陆页面进行了一些改动，但是要实现登陆页面的美化还是不复杂的，Frank就提供了一个简单的方法。

首先，在你的主题的functions.php里添加以下代码，如果你的主题没有functions.php，可以自己建立一个。

1. function fb_custom_login() {
2. echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/custom-login/custom-login.css" />';
3. }
5. add_action('login_head', 'fb_custom_login');

这是要求Wordpress对登陆页面使用独立的css样式表custom-login.css，该样式表是放在主题目录下的custom-login文件夹。

custom-login.css的内容可以自己做，完全可以打造出符合自己网站风格的Wordpress登陆页面来。如果比较懒惰，也可以使用以下的css

1. html {
2. background-color: #fff;
3. }
5. #login form {
6. padding-top: 100px;
7. }
8. #login form .submit input {
9. border-color: #bcb38f !important;
10. color: #777 !important;
11. }
12. #login form .submit input:hover {
13. border-color: #bcb38f !important;
14. color: #bcb38f !important;
15. }
16. #login h1 {
17. display: none;
18. }
19. .login #nav a {
20. color: #777 !important;
21. }
22. .login #nav a:hover {
23. color: #bcb38f !important;
24. }
26. #wphead img, #wphead h1 {
27. display: none;
28. }
29. #wphead {
30. height: 100px;
31. }
32. #wphead-info {
33. padding-top: 27px;
34. }
36. #footer {
37. display: none;
38. }
39. #footer_custom {
40. clear: both;
41. text-align: center;
42. width: 500px;
43. margin: auto;
44. height: 100px;
45. }
46. #footer_custom .docs {
47. padding-top: 0px;
48. line-height: 100%;
49. }
50. #footer_image {
51. border:none;
52. }

对于每天都在不同博客间留言的朋友来说，每次想要评论都要找到评论狂然后输入自己的信息是比较麻烦的事情。Firefox插件easyComment是个发表评论中毒用户的必备良药，可以实现在wordpress博客上One-Click评论留言。

在安装玩easyComment之后，点击firefox状态栏上的easycomment图标后会出现如图所示输入框。依次输入自己的内容后，就ok了。（Your message这栏不用填写，除非你每次留言都是同样的内容。。） 然后随便找个你经常上的wordpress博客，在任何文章页面的任何位置点击这个easycomment图标，easycomment插件会自动搜索评论框的位置并且自动输入你预填写的个人信息和内容，很是方便博客评论。

easycomment插件的具体介绍和下载地址在这里：http://blog.bf-itservice.de/82/easycomment-firefox-extension

Firefox和IE等浏览器的地址栏右边都有一个自带的搜索框，里面自带例如Google的搜索并且可以自己添加删除搜索引擎，这个就是OpenSearch的应用。关于OpenSearch的详细说明，可以查阅其官方网站。使用OpenSearch技术应用，可以您的网站创建一个自定义搜索，访问者可以将网站搜索添加到他们的浏览器搜索栏中，此后就可以直接从他们的浏览器搜索栏中搜索网站内容，就像他们可以从同一界面上搜索Google或其他搜索引擎，而不需要单独打开网站页面。

Wordpress博客更加容易使用OpenSearch应用，因为其自身支持OpenSearch并且OpenSearch所需要的XML文件非常容易制作。譬如我的博客上就实现了OpenSearch，并且我添加到firefox浏览器中。

Wordpress使用OpenSearch应用的方法很简单，两步：首先，在Wordpress主题模板的header.php里加上代码

天眞博客
Search on gexiaofei.com blog.

gexiaofei@vip.qq.com
Gexiaofei.com Blog Search
http://www.gexiaofei.com/favicon.ico
Weblog WordPress Webdevelopment




Frank Bueltge

Search data Copyright 2007, All Rights Reserved

open
false
de-DE
UTF-8
UTF-8

这个应用对于一些站内搜索比较多的博客有用，可以很方便的让用户直接从浏览器中查找博客内容，而不需要每次登陆博客输入搜索。如果你感兴趣，可以添加我的博客搜索到你的firefox或者IE7，尝试一下是否方便很多。

迟到的消息，今天看google reader才知道Wordpress 2.7要来了。Wordpress的这次更新据说有很多的变化，功能方面也有很大的提高。我觉得除了基本效能方面的提升以外，对我这个一直没时间没内容更新的博客基本没有什么影响。

Thread Comments这个东西对于评论不多的网站用处并不大，尤其是要实现这种回复式评论需要对博客主题的comments.php文件进行很大的修改很有可能让一些人望而却步。针对评论的快捷键设置（Keyboard shortcuts）和评论分页也只有评论多的博客有用，对我么有用处哇:( 这次2.7的功能更新让我感觉wordpress已经逐渐抛弃人气弱的博客用户，因为这些功能所能带来的挫折感估计会很强，譬如我。。

从早期的wordpress用到现在，可以很明显的感觉到wordpress前进的步伐很快，除了用户体验和功能方面的提升，也更加重视互动的实现，博客平台本来就是个互动的平台，wordpress也越来越社会化了。不过个人博客平台能用到的功能到底有多少呢？

折腾了两天的wordpress 2.5，做出了两个wordpress模板，一个就是这个博客上用的Simjr,另外一个暂时不公布了。Simjr是比较简洁的主题，没有多加什么功能，但是在做另外个主题的时候要添加很多个性化的东西，所以查阅了一些老外的博客，收录了不少很酷的wordpress技巧，留存这里备忘。

• 控制linkroll显示顺序
1. <?php wp_list_bookmarks('title_li=&orderby=description&order=ASC&categorize=0'); ?>
• 过滤单篇日志

如果某篇文章需要在wordpress博客文章列表、搜索结果或者其他任何地方不显示的话，可以使用下面语句。

1. <?php if (have_posts()) : while (have_posts()) : the_post(); if( $post->ID == '179' ) continue; ?>
2. <?php the_content();?>
3. <?php endwhile;endif;?>
• 只有登陆会员可见内容
1. <?php if (is_user_logged_in()) : ?>
2. <?php global $user_identity;get_currentuserinfo();?>
4. <p>Welcome back <?php echo $user_identity;?></p>
5. <p>Here is a list of private pages only viewable by Members:</p>
6. <ul>
7. <?php wp_list_pages('title_li=&child_of=20'); ?>
8. </ul>
9. <?php else >
10. Welcome, visitor!
11. <?php endif;?>
• 限制目录搜索

如果想让搜索只在某个目录分类下进行的话

1. <form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
2. <div><input type="text" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" />
3. <input type="hidden" name="cat" value="22" />
4. <input type="submit" id="searchsubmit" value="Search" />
5. </div>
6. </form>
]]> http://www.gexiaofei.com/200803239.html/feed 4 http://www.gexiaofei.com/20080101330.html http://www.gexiaofei.com/20080101330.html#comments Tue, 01 Jan 2008 11:08:55 +0000 天眞 http://www.gexiaofei.com/blog/20080101278.html

Wordpress 2.3.2版本允许用户自定义wordpress数据库错误信息页面，这个功能对于mysql主机不稳定的朋友来说是很有用的。当wordpress与数据库链接出现问题的时候，就会显示你的自定义内容，而不是wordpress自动的错误信息提示。

过程很简单，创建一个db-error.php页面，然后保存到wp-content目录下面就OK了。对这个页面，可以当成一个普通的页面进行创造，甚至运用CSS来装饰一下。最简单的wordpress数据库错误页面如下：

1. <html>
2. <head>
3. WORDPRESS数据库错误
4. </head>
5. <body>
6. WORDPRESS数据库连接出现错误，请稍后访问。
7. </body>
8. </html>
]]> http://www.gexiaofei.com/20080101330.html/feed 0 http://www.gexiaofei.com/20071230323.html http://www.gexiaofei.com/20071230323.html#comments Sat, 29 Dec 2007 20:51:59 +0000 天眞 http://www.gexiaofei.com/blog/20071230267.html

花了一个晚上，把校内的模板偷到了WordPress上来了。还是没有完全做好，先抓图示意下。一直挺喜欢校内的样子的，过几天搬到博客上来。

校内模板首页：

很喜欢校内左侧导航和下面的广告区块，都偷过来了，包括那个更多功能。

校内模板文章页面：

抄袭的校内里面在看别人博客文章的时候会显示出作者的头像和相关信息。

校内模板评论界面：

回复功能、表情功能。只是现在的表情图片太丑点，要把校内的表情图也偷过来。

]]> http://www.gexiaofei.com/20071230323.html/feed 12 http://www.gexiaofei.com/20071106255.html http://www.gexiaofei.com/20071106255.html#comments Tue, 06 Nov 2007 11:10:40 +0000 天眞 http://www.gexiaofei.com/blog/20071106191.html

前几天用shell命令的时候一个失手，把服务器上一个存放多个英文网站的文件夹给删了，尸骨无存。最最郁闷的是这些网站的主题大多数都是我个性化修改过的，现在连个备份都没有了。重新做这些wordpress博客是很痛苦的，到现在也刚修复了两个。

网站资料丢失的事情我遇到过很多次了，最严重的是去年我们自己购买的服务器硬盘损坏，文件带数据库通通丢失。最郁闷的是，我从来没有在本地备份的习惯，所有的操作都是在服务器上进行。看来以后要好好改改这个坏习惯了。

在整理插件的过程中，发现了一个很好用的wordpress自动升级脚本，非常好用。不过要使用这个wordpress脚本的前提是你需要有服务器的shell权限。

1. #!/bin/bash
2. CURDIR=$(pwd)
3. SITE="http://yoursite.com/blog"
4. echo Updating Wordpress in $CURDIR
5. echo 1. downloading latest build
6. wget -q http://wordpress.org/latest.tar.gz
7. echo 2. unpacking latest build
8. tar zxf latest.tar.gz
9. cd wordpress/
10. echo 3. replacing old files with fresh ones
11. tar cf - . | (cd $CURDIR; tar xf -)
12. echo 4. updating your blog
13. wget -q -O - ${SITE}/wp-admin/upgrade.php?step=1> /dev/null
14. echo 5. removing unneeded files and directory
15. rm -f ../latest.tar.gz
16. echo 6. all done !

手动过程很简单，把文件保存名为updatewp（不带文件名后缀），放到wordpress根目录下，修正文件权限chmod +x updatewp，最后输入 ./updatewp就ok了。

]]> http://www.gexiaofei.com/20071106255.html/feed 1 http://www.gexiaofei.com/20071019205.html http://www.gexiaofei.com/20071019205.html#comments Fri, 19 Oct 2007 07:21:34 +0000 天眞 http://www.gexiaofei.com/blog/20071019133.html

为了保证博客的个性化和功能需要，我在这个博客上使用了多个wordpress插件，另外还使用了google分析和雅虎统计来观察博客流量细节。这些插件和统计代码的使用很大程序上减缓了博客的打开速度。更重要的是博客主机服务商Dreamhost是在国外的，打开速度很大程序上影响了博客的正常阅读。通过网上查找以及自己研究，最终实现了博客加载速度的提升（反正我自己是比较满意…）。

从总体来说，网站页面提速主要可以从这几个方面入手：减少页面体积、加快页面元素加载、减少数据库查询、纯静态化页面生成等等。在这个博客上我主要使用了合并CSS和JS文件，优化JS加载的方法。在我优化之前，这个博客加载的CSS和JS如下图所示。


合并wordpress和插件的CSS文件

除了wordpress主题所需要的CSS文件，有些插件也会加载个性化定义，这样在打开博客的时候就需要调用多个css文件，合并多个CSS文件就可以加快这一进程。
合并CSS很简单，只需要将页面调用的几个CSS文件综合到一个文件中独立调用就可以了。需要注意的是CSS中所调用的图片路径一定要调整正确。这个合并可以将插件的CSS合并到主题的css文件中去。

合并JS文件

我将coolcode.js合并到mootools.js中了。一般合并JS只需要将原JS文件中的代码拷贝到目标文件中就可以了。或者你可以使用阅微堂提供的方法：
建立一个新的all.js.php文件，内容是：

1. <?php
2. require_once('目录/wp-blog-header.php' ) ;
3. include ("/blog/a.js" ) ;
4. include ("/b.js" ) ;
5. ?>

就是将header.php里面的那些js文件都include到all.js.php，然后在header里面包含all.js.php文件即可：

1. <script xsrc="all.js.php" type="text/javascript" />

取消插件对其CSS和JS文件的自动加载

合并了插件的CSS和JS文件后还没有完全结束。一般插件都会通过add_action(’wp_head’,” ) ;类似的语句将其自带的CSS、JS文件加载到wordpress head部分。我们需要需要插件文件，将对应的add_action语句注销掉。譬如我就注销掉了coolcode中的以下语句：

1. add_action('wp_head', array(&$CoolCode, 'add_css'));
2. add_action('wp_head', array(&$CoolCode, 'add_js'));

优化adsense广告加载

google adsense的广告加载一直是影响网页打开速度的大问题。adsense优化加载的方法是从网上找到，不过把地址忘记了。adsense广告加载优化也算是adsense优化的一个方面了。

1. <div id="delicious_loading">loading...</div>
2. <div id="delicious_show" style="display:none;"></div>

在页面主循环结束语句前加入下面的代码：

1. <div id="delicious_loaded" style="display:none">
2. 你的google adsense广告代码
3. </div>

在合并了的js文件中加入以下代码：

1. function delicious() {
3. document.getElementById("delicious_loading").style.display = 'none';
4. document.getElementById("delicious_loaded").style.display = 'none';
5. document.getElementById("delicious_show").innerHTML=document.getElementById("delicious_loaded").innerHTML;
6. document.getElementById("delicious_show").style.display = 'block';
7. };
9. window.onload = delicious;

这样google adsense广告只有在网站主体内容完全显示后才会出现，不会在网页打开过程中出现休克。

]]> http://www.gexiaofei.com/20071019205.html/feed 5