WordPress是2003年第一次发布，打造了用来作为博主们建立博客的内容管理程序，而现今它已被认定为最流行的博客程序。Wordpress不断地用新的功能、特性在新的版本中更新出来，这样利用Wordpress已经完全可以搭建出一个完善的CMS，而不仅仅是博客。许多博主和一些大的商业公司都用Wordpress作为他们的CMS：CNN, Wall Street Journal, Nikon, Pepsi等等…Wordpress 3.0 已扩展成为用户友好创建一个完整的CMS网站的客户端。

3.0正式版预定在5月发行的，但到了5月底都还没有发行。由此可见，3.0版本有可能推迟到6月初才能发行。在写这篇博文时，3.0的测试版本2已经发现，你可以点击链接下载：http://wordpress.org/development/2010/05/wordpress-3-0-beta-2/

一、新菜单管理功能

在我看来，该特性是3.0版本中最为期待的一个功能，在默认安装后即可使用。在此之前，一般都是通过一些插件或者Wordpress技巧来实现的，但这样相对复杂，普通用户一般都不能完成。而现在，它将变得非常的简单。

你可以添加单页面、文章分类，甚至自定义网站链接。通过自定义网站链接特性，你可以直接连接到一篇博文、另一个网站，或者任何你想链接的地方。用户可以很友好地用来设置类似于目前的侧边栏小工具，你可以轻松地拖放来定制位置，只要你自己喜欢的话。

二、自定义文章类型功能

在已发行的版本中，你只能添加文章或者单页面。在3.0版本中，你可以创建你专属的自定义文章类型，并建立相应的字段将他们联系起来。比如一个用户选择创建一个叫“播客”类型的文章，那么程序将仅添加“播客”类型的文章，就是那么简单。你不必通过程序走一个复杂的过程，去解释为什么需要添加一个新的分类为“播客”的文章，只需要点击某一特定的类别并填写某些自定义字段即可。只需要一个简单的步骤，而不再需要一些插件。

三、多站点功能

WordPress MU不久前宣布它将由一个独立的个体集成到Wordpress 3.0中。MU允许你通过一个管理员去管理多个站点。这对运行了多个站点或者博客的人来说是非常好的，只需一次登陆便可以在一个地方管理多个站点。这对于一些分享模板、内容、或者插件的站点来说是非常有用的。只需一次安装，即可用更少的工作和时间做同样的事情。

3.0版本中默认是不开放该功能的，不过可以通过很简单的步骤即可开启该功能。首先在wp-config.php中添加下面的代码：

1

define('WP_ALLOW_MULTISITE', true);

然后在后台的Tools菜单栏下就会出现“Network”菜单。点击后输入Network Title、管理员邮件地址后，点击安装。 WordPress会让您自行选择设置这些站点是存放在次级领域还是次级目录下。 如果你将Wordpress安装在一个子文件夹中或者是在本地测试，Wordpress将会推荐你使用子目录。

四、其他一些值得注意的功能

1.在安装的过程中，你可以选择自己的用户名和密码，而不像之前的版本是默认的admin用户名，而密码是自动随机生成；

2.新的默认主题：2010。看起来貌似不错哦，简洁和轻量级，尽可能少的样式属性。

本文整理和翻译自：http://webdesignledger.com/tools/wordpress-3-0-changing-the-way-we-manage-content

你也许会喜欢阅读这些：

• 2009年09月13日 -- Wordpress:2.9版本–新的特性 (13)
• 2010年09月13日 -- 资讯:2010年09月编程语言排行榜 (23)
• 2010年08月12日 -- Sizzle:开源JS选择器，如何自定义选择器 (31)
• 2010年08月3日 -- 资讯:2010年08月编程语言排行榜 (12)
• 2010年07月9日 -- 资讯:2010年07月编程语言排行榜 (23)
• 2010年06月12日 -- CSS:Firefox 4 将支持CSS3 calc方法 (18)
• 2010年06月9日 -- 资讯:2010年06月编程语言排行榜 (13)
• 2010年05月23日 -- 资讯:2010年05月编程语言排行榜 (23)
• 2010年05月13日 -- 开源:使用Imagevue Gallery搭建Flash动态相册 (21)
• 2010年04月6日 -- 资讯:2010年04月编程语言排行榜 (10)

下面我对几处增强Ajax效果进行一下具体说明，大家以后访问我博客时也可以适当地使用。之所以说是增强型Ajax效果，是因为我并没有改变原先的代码，而是在原始代码基础上添加了jQuery控制，这样即使jQuery代码没有加载完成时，你也可以访问到相应的页面。

1.Ajax加载历史文章列表：

在博客的右边有一个最新文章板块，大家可以看到在标题的右边有上页、下页的链接，点击相应的链接便可Ajax加载上下页的文章列表，每次加载10条。图：

2.分类Ajax加载相关最新10条文章记录：

点击博客左边的每个摘要型Post的分类链接、博客右边的分类目录版块链接或者每篇完整型文章的分类链接。会出现一个loading的shadow层，加载完成后罗列出该分类下的最新文章。图：

3.标签Ajax加载相关最新10条文章记录：

点击博客左边的每个摘要型Post的标签链接、博客右边的热门标签版块链接或者每篇完整型文章的标签链接。同样会出现一个loading的shadow层，加载完成后罗列出该标签下的最新文章。图：

4.Ajax提交评论和回复别人的留言：

在此之前，没此提交评论后，当前页面都要重新加载一次，很是耗时。添加Ajax评论后，速度会更快，也大量减少了请求。我的博客一直只提供2层回复。不喜欢多层次回复，看着很难受！具体Ajax评论效果大家只需留言即可看到。

花了精力添加这些Ajax效果，无非是为了让各位博友和来访者可以更加方便地阅读我的博客，同时也希望大家可以多多给我意见。每次添加新的功能我都会在左边的蓝条里写出来，大家可以一目了然地看到我最新的修改信息。

希望我的努力可以让你多多回访，多多支持！！

你也许会喜欢阅读这些：

• 2009年09月23日 -- Ajax:当前页面更改内容，前端实现 (14)
• 2010年10月21日 -- jQuery:热区高亮maphighlight插件推荐 (23)
• 2010年09月20日 -- jQuery:数字、字符串格式化扩展 (31)
• 2010年09月2日 -- 示例:Selectbox模拟实现效果 (22)
• 2010年08月12日 -- Sizzle:开源JS选择器，如何自定义选择器 (31)
• 2010年06月30日 -- Firebug:Javascript测试利器，Console面板函数详解 (4)
• 2010年06月3日 -- Wordpress:3.0版本特性，将改变你的内容管理方式 (12)
• 2010年03月15日 -- jQuery:揭露jQuery的隐藏功能 (5)
• 2010年02月26日 -- jQuery:丰富效果的Flash图片播放（JS重写版） (18)
• 2010年02月24日 -- Javascript:新消息闪烁标题提示代码分享 (7)

在国外的博客上发现了下面的一段代码，可以通过Ajax跨域读取Buzz数据，以Json数据格式返回，我只需将返回的数量罗列成一个列表即可。代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

jQuery(function($) {
	(function(){
		var username = 'hiro.zhd',		//gmail用户名
			num = 5,		//期望加载几条数据	
			div = $('#buzz');	//列表显示的盒子
 
	   // 需要传给Google Feed API 的参数 : Buzz Feed URL, Number of Entries 
	   var data = {q:'http://buzz.googleapis.com/feeds/' + username + '/public/posted', 
				num:num,
				output:'json',
				v:'1.0'};
	   // 调用Google Feed API
	   $.ajax({
		  url:'http://ajax.googleapis.com/ajax/services/feed/load',
		  data:data,
		  dataType:'jsonp',
		  success:function(json){
			 // 通过Google Feed API返回json数据
 
			 // 若返回状态标记错误，给出错误提示信息
			 if(json.responseStatus!=200) {
				div.html('<b style="color:red">'+ json.responseDetails +'</b>');
				return; 
			 };
			 // Buzz 记录是以一个数组返回
			 var entries= json.responseData.feed.entries;
			 var length= entries.length;
 
			 // length为0，表示没有任何记录
			 if(length==0) return; 
 
			 // 默认开始添加一个隐藏的列表元素，以便后边动画地显示
			 var ul = $('<ul class="gb" style="display:none"></ul>').appendTo(div.html(''));
 
			 // 循环buzz数组
			 for(var i=0; i<length ; i++){
				// 格式化发布时间
				var pDate = new Date(entries[i].publishedDate);
				// 获得内容
				var snippet = entries[i].contentSnippet;
				// 通过正则表达式转换链接的http格式
				snippet = snippet.replace(/\b(https?\:\/\/\S+)/gi,' <a href="$1">$1');
 
				ul.append('<li>'
				   +'<span class="gb-content">'+ snippet +'</span>'
				   +'<span class="gb-meta">'
					  + '<a href="'+ entries[i].link +'">'+ pDate.toLocaleString() +'</a>'
				   +'</span>'
				+'</li>');
			 };
 
			 ul.fadeIn('slow');
		  }
	   });
	})(jQuery);    //只有jQuery方法实例化完成后才执行
});
</length>

在此处我使用的是匿名函数的方式（一般只使用一次的函数体比较适用），在函数体内部使用$.ajax()方法，通过设置dataType:’jsonp’来跨域读取json数据后，遍历数据获得列表并显示出来。

downloaddemo

你也许会喜欢阅读这些：

• 2009年09月16日 -- Wordpress:正确地引入comment-reply.js文件 (23)
• 2009年09月6日 -- Wordpress:高亮管理员的留言信息 (37)
• 2009年08月31日 -- Wordpress:4个常见的显示博客版权的方法 (10)
• 2011年04月1日 -- HTML5:《HTML5. Up and Running》读书笔记.Chp4.Canvas (22)
• 2011年03月21日 -- HTML5:《HTML5. Up and Running》读书笔记.Chp3.Elements (24)
• 2011年03月15日 -- HTML5:《HTML5. Up and Running》读书笔记.Chp2.Features (23)
• 2011年03月2日 -- CSS:区分IE版本的三个方法 (27)
• 2011年02月24日 -- Javascript:图片无限循环滚动 (27)
• 2010年12月30日 -- Javascript:根据指定日期获得星期数 (23)
• 2010年11月22日 -- Range:文本框选区学习笔记 (16)

1.PHP代码：

打开functions.php文件，添加如下的php代码，通过判断是否是第二次输出来给出左右浮动的div标签。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

< ?php 
function my_multi_col($content){
	$columns = explode("<h2>", $content);
 
	$i = 0;
 
	foreach ($columns as $column) {
		if (($i % 2) == 0){
			$return .= '<div class="content_left">';
			if ($i > 1){
				$return .= "<h2>";
			} else{
				$return .= '<div class="content_right"><h2>';
			}
			$return .= $column;
			$return .= "</h2></div>";
			$i++;
		}
 
		if(isset($columns[1])){
			$content = wpautop($return);
		}else{
			$content = wpautop($content);
		}
		echo $content;
	}
}
 
add_filter('the_content', 'my_multi_col');
 
?>
</h2></div>

代码中的h2是你的每个文章标题所包含的标签。

2.CSS代码：

完成在functions.php文件中添加好上面的代码后，记得打开style.css文件，添加上样式代码。

1
2
3
4
5
6
7
8
9
10
11

.content_right, .content_left {
    width:45%;
}
 
.content_left {
    float:left;
}
 
.content_right {
    float:right;
}

那么同理，我们可以根据判断$i变量来输出3列、4列等。只要想的到，就能做得到！

你也许会喜欢阅读这些：

• 2009年07月24日 -- Wordpress:显示tags在一个下拉列表中 (8)
• 2009年09月16日 -- Wordpress:正确地引入comment-reply.js文件 (23)
• 2009年08月31日 -- Wordpress:4个常见的显示博客版权的方法 (10)
• 2009年08月13日 -- Wordpress:最新2.84更新的原因：密码重置漏洞（图文教程解决） (15)
• 2009年07月30日 -- Wordpress:如何去除wp中的版本信息 (16)
• 2009年07月22日 -- Wordpress:两个wp的小技巧，非常实用哦！ (12)
• 2009年07月20日 -- Wordpress:自定义单页模板的制作和配置 (20)
• 2009年06月18日 -- WordPress学习笔记–url设置 (8)
• 2011年04月20日 -- CSS3:Transition属性详解 (82)
• 2011年04月1日 -- HTML5:《HTML5. Up and Running》读书笔记.Chp4.Canvas (22)

今天共享的该主题非常简约，是我在前一家留学公司时为公司内部新闻发布而制作的主题。既然是内部新闻，所以是一定要登录了才可以查看的。整个主题文件夹非常精简，总大小13.6k，包括主要的文件index.php、style.css外，只有两个用户分隔的背景图。因为只是用于发表内部新闻的缘故，没有添加评论功能。

该主题的登录页面的配色是根据我博客当前主题的配色设计，而登录后的配色则是根据Decilicous网站的配色设计。（具体可见附图）

download

一、登录界面：

你在输入了网址后，首先看到的是登录页面。该功能主要是根据Wordpress的条件判断标签：is_user_logged_in()，只有登录的用户才可以查看博客的内容，否则只会看到登录界面。

在此还要介绍两个函数的作用：
1.wp_loginout():该函数是大多的主要用来退出登录状态的链接函数，但退出后博客会自动跳转到Wordpress后台登录的界面；该函数使用后产生的是一个a标签包含的链接，并且包含了链接的文字“退出”，使用该函数不可更改退出这两个字。

2.wp_logout_url($_SERVER['REQUEST_URI'])：该函数也可以实现退出功能，但他使用后只是生成一个链接地址，而没有被a标签包含。所以需要自己使用a标签，将该删除写在a标签的href属性里，那么这样我们可以自定义a标签的链接文字了。并且该链接点击后不会跳转到任何其他页面，仍显示当前的页面（有点Ajax的味道！）。

登录界面的截图：

二、登录后的主界面：

主界面是采用的两栏布局，左窄右宽。配色采用Delicious风格，用了一个x轴重复的背景图来分隔左边的板块，永了一个长的突变来分隔右边的每个post，这样便于阅读。截图（点击看全图）：

三、单个Post的界面：

单个post的界面只是将文章内容全部显示，将文章链接去除，在这用到is_single()判断函数，在此函数下不使用a标签即可。截图（点击看全图）：

总结:

最近没什么时间做新的主题，该主题中的有些函数应用还是不错的，若你研究的话可以发现如何使用条件判断实现将多个文件集合在一个index.php文件中（在第一个主题中也得以体现了）。该主题因需要登录，所以有点局限性，适合公司内部使用。淡然你若喜欢该风格的主界面，也可以去掉相应的判断代码即可无需登录了。

希望大家继续支持我，有空我会在做一些实用的主题的。

你也许会喜欢阅读这些：

• 2009年08月5日 -- 主题：我的第一个主题ihiro提供下载了 (101)
• 2010年06月3日 -- Wordpress:3.0版本特性，将改变你的内容管理方式 (12)
• 2010年03月25日 -- Ajax:近期博客改版的增强Ajax加载说明 (43)
• 2010年02月20日 -- Wordpress:如何将GoogleBuzz数据插入到博客中 (11)
• 2009年11月25日 -- Wordpress:将文章自动显示为两列 (13)
• 2009年09月16日 -- Wordpress:正确地引入comment-reply.js文件 (23)
• 2009年09月13日 -- Wordpress:2.9版本–新的特性 (13)
• 2009年09月6日 -- Wordpress:高亮管理员的留言信息 (37)
• 2009年08月31日 -- Wordpress:4个常见的显示博客版权的方法 (10)
• 2009年08月13日 -- Wordpress:最新2.84更新的原因：密码重置漏洞（图文教程解决） (15)

引入comment-reply.js的方法有三种：

1.方法一:根据判断条件加载

在header.php文件的head标签内添加如下代码：

1

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

其中的 is_singular() 是集合了is_single()和is_page()两个判断的功能，根据此判断条件判断后只有在但页面时才会加载comment-reply.js文件。

2.方法二:更加健壮的判断条件

同样在header.php文件的head标签内添加代码：

1
2
3
4

< ?php
if ( is_singular() AND comments_open() AND (get_option('thread_comments') == 1))
  wp_enqueue_script( 'comment-reply' );
?>

该段代码的好处是判断条件的增多，使得代码更加健壮。

3.方法三:在function.php中添加action

在function.php文件中添加如下代码：

1
2
3
4
5
6
7
8
9

< ?php
function theme_queue_js(){
  if (!is_admin()){
    if ( is_singular() AND comments_open() AND (get_option('thread_comments') == 1))
      wp_enqueue_script( 'comment-reply' );
  }
}
add_action('get_header', 'theme_queue_js');
?>

主要是通过添加一个action实现过滤加载。

你也许会喜欢阅读这些：

• 2009年08月31日 -- Wordpress:4个常见的显示博客版权的方法 (10)
• 2010年02月20日 -- Wordpress:如何将GoogleBuzz数据插入到博客中 (11)
• 2009年11月25日 -- Wordpress:将文章自动显示为两列 (13)
• 2009年09月6日 -- Wordpress:高亮管理员的留言信息 (37)
• 2009年08月13日 -- Wordpress:最新2.84更新的原因：密码重置漏洞（图文教程解决） (15)
• 2009年07月24日 -- Wordpress:显示tags在一个下拉列表中 (8)
• 2011年03月2日 -- CSS:区分IE版本的三个方法 (27)
• 2010年06月3日 -- Wordpress:3.0版本特性，将改变你的内容管理方式 (12)
• 2010年05月17日 -- CSS:通过一个样式表区分IE的各个版本 (11)
• 2010年03月25日 -- Ajax:近期博客改版的增强Ajax加载说明 (43)

特性一：图像编辑器

貌似网络上是有这样的插件存在，但在wordpress2.9版本中，该特性不再是一个插件，而是wordpress的一个后台部分，可以通过该特性在博客的后台对图像进行一些编辑，以满足网页布局的需要。
特性截图：

特性二： excerpt过滤器

在wordpress2.9版本中新增加了两个过滤器来调整excerpt(the_excerpt())摘要部分，通过修改返回值的方式达到调整摘要字符串长度和more链接的文字。只需在function.php文件中添加如下代码即可(版本2.9可用):

1
2
3
4
5
6
7
8
9
10
11

// 更改excerpt()摘要的字符长度，可以通过修改返回值实现
function new_excerpt_length($length) {
	return 40;
}
add_filter('excerpt_length', 'new_excerpt_length');
 
// 修改excerpt()的more链接的文字，同样可以通过修改返回值实现
function new_excerpt_more($more) {
	return '...';
}
add_filter('excerpt_more', 'new_excerpt_more');

特性三：评论垃圾回收站

在wordpress2.9版本中将添加评论垃圾回收站的功能，你可以将一些无用的评论删除，而这些被删除的评论就暂时保存在回收站中，直到过期，你可以在wp_config.php文件中定义过期的时间长度，代码如下：

1

define( 'EMPTY_TRASH_DAYS', 30 );

特性截图：

另附上最新的Wordpress的Cheat Sheet文档：下载地址

你也许会喜欢阅读这些：

• 2010年06月3日 -- Wordpress:3.0版本特性，将改变你的内容管理方式 (12)
• 2010年09月13日 -- 资讯:2010年09月编程语言排行榜 (23)
• 2010年08月3日 -- 资讯:2010年08月编程语言排行榜 (12)
• 2010年07月9日 -- 资讯:2010年07月编程语言排行榜 (23)
• 2010年06月12日 -- CSS:Firefox 4 将支持CSS3 calc方法 (18)
• 2010年06月9日 -- 资讯:2010年06月编程语言排行榜 (13)
• 2010年05月23日 -- 资讯:2010年05月编程语言排行榜 (23)
• 2010年04月6日 -- 资讯:2010年04月编程语言排行榜 (10)
• 2010年03月25日 -- Ajax:近期博客改版的增强Ajax加载说明 (43)
• 2010年03月9日 -- 资讯:2010年03月编程语言排行榜 (7)

那么我总结了两个高亮管理员的留言的方法。方法如下：

方法一、 简单的固定管理员方法：

该方法只有当管理员的邮箱地址是固定不变的时候才可以生效，若改变的管理员的邮箱地址，那么也需要在源代码中修改相应的地址。所以该方法比较适合一个人固定邮箱地址的博客。

打开comments.php文件，若管理员只有一个人，添加如下代码：

1
2
3
4
5
6
7
8
9
10
11

< ?php
      $admin_email = "hiro.zhd@gmail.com";
 
       $admin_comment = false;   //设置一个布尔类型的变量来判断该留言是否为管理员的留言
 
       //如果该留言是管理员的留言
       if($comment->comment_author_email == $admin_email){  
            $admin_comment = true;  
            break;  
       }  
?>

当然若一个博客有多个管理员的话，可以使用一个数组来存放这些管理员的邮箱地址，那么该方法的源代码是：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

< ?php  
     $admin_emails = array(
                                "hiro.zhd@gmail.com",
                                "hiro@ihiro.org",
                                "hiro@gmail.com"
                           );     
 
     $admin_comment = false;     //设置一个布尔类型的变量来判断该留言是否为管理员的留言
     foreach ($admin_emails as $admin_email){  
         //如果该留言是管理员的留言 
         if($comment->comment_author_email == $admin_email){  
             $admin_comment = true;  
             break;  
         }  
    };  
 ?>

最后在使用xhtml来控制留言列表时，只需判断$admin_comment的布尔值即可，为真则该留言是管理员的留言，为假，则是来访者的留言，xhtml源码如下：

1
2
3

<li class="<?php if($admin_comment) echo 'admincomment'; ?>">  
     <!-- 这里输出其他的html信息 -->  
</li>

最后，只需对类admincomment样式化即可突出管理员的留言(样式化的css则可以自己随意更改)，如：

1
2
3
4
5

.admincomment{
      background:#191919; 
      color:#FFF; 
      border:1px solid #333;
}

方法二、自动侦测管理员邮箱：

只需添加一些与数据库操作的php代码即可自动侦查到博客中所有管理员的邮箱地址，从而存储在一个数组中，代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

< ?php   
     $user_level = 8;   //默认地，wp有1-10是个数字来控制wp中用户的角色（如管理员、编辑、作者、阅读者等），而管理员的数字则是8
     $admin_emails = array();   //用来存放侦查到的所有管理员邮箱地址的数组 
 
     //从数据库中查找做角色数字为8的所有管理员帐号
     $admin_accounts = $wpdb->get_results("SELECT * FROM $wpdb->usermeta WHERE meta_key = 'wp_user_level' AND meta_value >= $user_level ");  
 
     //获得每个管理员各自的邮箱地址
     foreach ($admin_accounts as $admin_account){  
         $admin_info = $wpdb->get_row("SELECT * FROM $wpdb->users WHERE ID = $admin_account->user_id");  
 
         //将管理员的邮箱地址添加到存放的数组中 
         $admin_emails[$admin_account->user_id] = $admin_info->user_email;  
     }     
?>

既然获得了所有管理员的邮箱地址，那么剩下的工作就和方法一的多个管理员判断一样了，即：

1
2
3
4
5
6
7
8
9
10

< ?php  
     $admin_comment = false;     //设置一个布尔类型的变量来判断该留言是否为管理员的留言
     foreach ($admin_emails as $admin_email){  
         //如果该留言是管理员的留言 
         if($comment->comment_author_email == $admin_email){  
             $admin_comment = true;  
             break;  
         }  
    };  
 ?>

然后xhtml代码：

1
2
3

<li class="<?php if($admin_comment) echo 'admincomment'; ?>">  
     <!-- 这里输出其他的html信息 -->  
</li>

css代码：

1
2
3
4
5

.admincomment{
      background:#191919; 
      color:#FFF; 
      border:1px solid #333;
}

那么到此为止，高亮管理员留言的方法介绍完毕。希望可以给大家带去点帮助！

你也许会喜欢阅读这些：

• 2010年02月20日 -- Wordpress:如何将GoogleBuzz数据插入到博客中 (11)
• 2009年09月16日 -- Wordpress:正确地引入comment-reply.js文件 (23)
• 2009年08月31日 -- Wordpress:4个常见的显示博客版权的方法 (10)
• 2011年03月2日 -- CSS:区分IE版本的三个方法 (27)
• 2010年06月3日 -- Wordpress:3.0版本特性，将改变你的内容管理方式 (12)
• 2010年05月17日 -- CSS:通过一个样式表区分IE的各个版本 (11)
• 2010年03月25日 -- Ajax:近期博客改版的增强Ajax加载说明 (43)
• 2009年11月25日 -- Wordpress:将文章自动显示为两列 (13)
• 2009年11月8日 -- 主题:我的第三个主题innerNews提供下载 (24)
• 2009年09月13日 -- Wordpress:2.9版本–新的特性 (13)

1. 傻瓜式输入：

看这个方法的名字就知道了，该方法纯正就是手动地输入版权信息：

1

 Copyright&copy; 2009. <a href="www.ihiro.org">Hiro's Blog</a>

这样手动输入的方法好处是加载处理的速度快，缺点是每年都要手动更新一次！
输出格式：Copyright © 2009 Hiro’s Blog

2. php的date函数输出：

1

Copyright &copy; < ?php echo date('Y'); ?>.<a href="<?php echo get_option('home'); ?>">< ?php bloginfo('name'); ?></a>

该方法的好处时，每年自动更新为当年的年份，无需人为地更改。
输出格式：Copyright © 2009 Hiro’s Blog

3. 显示一段年限的版权：

博客建立的时间过了一年了，那么博客的版权年限就应该更新为如：2008-2009的格式了。该方法其实很简单，就是基于第二个方法实现的。因为建博的时间是死的，所以完全可以用纯的html输入,而当年的年限则用date()函数动态地输出：

1

Copyright &copy; 2008-< ?php echo date('Y'); ?>.<a href="<?php echo get_option('home'); ?>">< ?php bloginfo('name'); ?></a>

输出格式：Copyright © 2008-2009 Hiro’s Blog

4. 在functions.php中添加功能函数(自动侦查式)：

只需打开主题中的functions.php文件，添加如下代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

< ?php 
function copyrightDate() {
	global $wpdb;
	$copyright_dates = $wpdb->get_results("
		SELECT 
			YEAR(min(post_date_gmt)) AS firstdate, 
			YEAR(max(post_date_gmt)) AS lastdate 
		FROM 
			$wpdb->posts
	");
	if($copyright_dates) {
		$copyright = "Copyright &copy; " . $copyright_dates[0]->firstdate;
		if($copyright_dates[0]->firstdate != $copyright_dates[0]->lastdate) {
			$copyright .= '-' . $copyright_dates[0]->lastdate;
		}
		echo $copyright . "&nbsp;" . get_bloginfo('name');
	}
}
add_filter('wp_footer', 'copyrightDate');
?>

该方法可以动态地检查你的建博时间，若你的建博时间不满一年，则输出格式和第二种方法一样，即：Copyright © 2009 Hiro’s Blog
若你的博客建立了超过一年的时间，则输出的格式和第三种方法一样，即：Copyright © 2009-2010 Hiro’s Blog

总结

这四种方式是逐渐增强的，大家可以根据自己的喜好选择一种方式来显示自己的版权年限。

你也许会喜欢阅读这些：

• 2009年09月16日 -- Wordpress:正确地引入comment-reply.js文件 (23)
• 2010年02月20日 -- Wordpress:如何将GoogleBuzz数据插入到博客中 (11)
• 2009年11月25日 -- Wordpress:将文章自动显示为两列 (13)
• 2009年09月6日 -- Wordpress:高亮管理员的留言信息 (37)
• 2009年08月13日 -- Wordpress:最新2.84更新的原因：密码重置漏洞（图文教程解决） (15)
• 2009年07月24日 -- Wordpress:显示tags在一个下拉列表中 (8)
• 2011年03月2日 -- CSS:区分IE版本的三个方法 (27)
• 2010年06月3日 -- Wordpress:3.0版本特性，将改变你的内容管理方式 (12)
• 2010年05月17日 -- CSS:通过一个样式表区分IE的各个版本 (11)
• 2010年03月25日 -- Ajax:近期博客改版的增强Ajax加载说明 (43)

昨天登录后台发现wordpress2.84版本提示更新，这距离2.83版本的发布才几天而已的时间。是什么原因导致wp更新如此迅速了。到国外的网站和wp官方搜索了资料一看，原来是密码重置的漏洞。如果你的wp版本是2.83或低于2.83的，你就要注意了。千万别得罪人啊，特别是玩wp的人，小心他把你的邮箱给发爆了（开个玩笑，呵呵！）。

那么，这个漏洞的所在是？你不妨自己小测一下。（以下所有图片都是我个人测试所截的图，仅供大家参考，我的密码已经更改，漏洞也已经修复，请勿试图攻击我哦！）。

1.测试漏洞步骤：

访问：http://你的域名/wp-login.php?action=rp&key[]=（通过该链接可以直接跳过邮件论证而将博客的管理员密码重置），系统提示如图：

此时你可以看到你的邮箱中有新邮件了，内容如下：

至此，你的密码重置成功。恭喜你，你发现wordpress的漏洞了！！

2.漏洞源代码所在:

打开wp-login.php文件（wordpress的更目录）,找到185行代码：如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

function reset_password($key) {
	global $wpdb;
 
	$key = preg_replace('/[^a-z0-9]/i', '', $key);
 
	if ( empty( $key ) )
		return new WP_Error('invalid_key', __('Invalid key'));
 
	$user = $wpdb->get_row($wpdb->prepare("SELECT * FROM $wpdb->users WHERE user_activation_key = %s", $key));
	if ( empty( $user ) )
		return new WP_Error('invalid_key', __('Invalid key'));
 
//后面的代码过长，在此省略.......
}

然后在转到275行：如下

1
2
3
4
5
6
7
8
9

$action = isset($_REQUEST['action']) ? $_REQUEST['action'] : 'login';
$errors = new WP_Error();
 
if ( isset($_GET['key']) )
	$action = 'resetpass';
 
// validate action so as to default to the login screen
if ( !in_array($action, array('logout', 'lostpassword', 'retrievepassword', 'resetpass', 'rp', 'register', 'login')) && false === has_filter('login_form_' . $action) )
	$action = 'login';

接下来转到369行：如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

break;
 
case 'resetpass' :
case 'rp' :
	$errors = reset_password($_GET['key']);
 
	if ( ! is_wp_error($errors) ) {
		wp_redirect('wp-login.php?checkemail=newpass');
		exit();
	}
 
	wp_redirect('wp-login.php?action=lostpassword&error=invalidkey');
	exit();
 
break;

3.解决的办法：

1. 立即升级到2.84版本；

2. 修改wp-login.php文件，将190行的代码，如下：

1
2

	if ( empty( $key ) )
		return new WP_Error('invalid_key', __('Invalid key'));

修改为：

1
2

	if ( empty( $key ) || is_array( $key ) )
		return new WP_Error('invalid_key', __('Invalid key'));

4. 官方：

官方更新解决方法：http://core.trac.wordpress.org/changeset/11798

你也许会喜欢阅读这些：

• 2009年11月25日 -- Wordpress:将文章自动显示为两列 (13)
• 2009年09月16日 -- Wordpress:正确地引入comment-reply.js文件 (23)
• 2009年08月31日 -- Wordpress:4个常见的显示博客版权的方法 (10)
• 2009年07月24日 -- Wordpress:显示tags在一个下拉列表中 (8)
• 2010年06月3日 -- Wordpress:3.0版本特性，将改变你的内容管理方式 (12)
• 2010年03月25日 -- Ajax:近期博客改版的增强Ajax加载说明 (43)
• 2010年02月20日 -- Wordpress:如何将GoogleBuzz数据插入到博客中 (11)
• 2009年11月8日 -- 主题:我的第三个主题innerNews提供下载 (24)
• 2009年09月13日 -- Wordpress:2.9版本–新的特性 (13)
• 2009年09月6日 -- Wordpress:高亮管理员的留言信息 (37)

于是昨晚乎，花了1-2个小时的时间整理了前一个主题的源代码，删除了那些没有的代码。并且整理了一下psd源码，放在了源文件的压缩包里一并共享给大家！主题效果如图：

downloaddemo

就该主题我说明的几点：

1. 该主题主要用到的插件是pageNavi，但因为我在header.php中并没有调用wp_head()函数，所以pageNavi插件的css样式文件无法引入，所以我在style.css文件中对pageNavi进行样式化；

2. 若在源文件中看到_e(”, ‘ihiro’)等之类的函数，不要惊讶，我在该函数后加一个英文参数是为了使输出的结果为英文的；

3. 我通过使用wordpress的条件判断is_xxxx()函数来根据不同情况显示不同内容，将多个文件整合到了index.php文件中，大家在源文件可以看的出来；

4. 我将两个psd的源文件放在压缩包的images下的source文件夹内，并附上logo使用的字体安装文件。

最后，感谢大家一直以来的关注和支持，我会继续努力！

特此向大家道歉：此共享主题并非我现在用的主题，而是我的站点上线时使用的第一个主题，效果见文章的截图或预览页面（因之前的预览链接是我登录后台后，直接使用的外观标签下的预览链接的地址，导致大家预览时没有看到真正的预览效果，现已经更正，抓取了截图）。感谢shirak的提示，非常感谢！也望大家原谅我之前的粗心！

你也许会喜欢阅读这些：

• 2009年11月8日 -- 主题:我的第三个主题innerNews提供下载 (24)
• 2010年06月3日 -- Wordpress:3.0版本特性，将改变你的内容管理方式 (12)
• 2010年03月25日 -- Ajax:近期博客改版的增强Ajax加载说明 (43)
• 2010年02月20日 -- Wordpress:如何将GoogleBuzz数据插入到博客中 (11)
• 2009年11月25日 -- Wordpress:将文章自动显示为两列 (13)
• 2009年09月16日 -- Wordpress:正确地引入comment-reply.js文件 (23)
• 2009年09月13日 -- Wordpress:2.9版本–新的特性 (13)
• 2009年09月6日 -- Wordpress:高亮管理员的留言信息 (37)
• 2009年08月31日 -- Wordpress:4个常见的显示博客版权的方法 (10)
• 2009年08月13日 -- Wordpress:最新2.84更新的原因：密码重置漏洞（图文教程解决） (15)

WordPress提供了一些功能函数可以轻松地显示数据库查询的统计信息，这些信息可以公开地显示在网页中，或者隐藏在源代码中，更或者只有你自己可以看到。Wordpress主要提供了两个统计函数：

1.网页加载时查询数据库的次数:<?php echo get_num_queries(); ?>
2.服务器端完成这些查询所花费的时间:<?php timer_stop(7); ?>

可以使用3种方式在网页中显示:

1. 公开地显示查询的统计信息：

如果你觉的你的服务器或空间的处理速度好，或者想让你的访问者看到这些查询统计信息的话，你可以将这些统计信息公开显示在页面中：（效果查看博客的页面底部）

1

<p>< ?php echo get_num_queries(); ?> queries in < ?php timer_stop(3); ?> seconds</p>

2. 将统计信息显示在源代码中，而不出现页面的内容中：

如果你不想将统计信息显示在页面上供访问者查看，但又想自己可以知道这些统计信息，那么你可以通过html的注释将结果只显示在源代码中（PS：大家也可以从源代码中查看的哦！）：

1

<!-- <?php echo get_num_queries(); ?> queries in < ?php timer_stop(3); ?> seconds -->

3. 统计信息只有你自己登录了后可以看到：

该方法是第二种显示的优化方法，只需博客管理员登录后就可以查看查询统计信息，访问者是无法查看的：

1
2
3
4
5

< ?php if (current_user_can('level_10')) {
 
	echo '<!-- ' . get_num_queries() . ' queries in ' . timer_stop(3) . ' seconds -->';
 
} ?>

查询结果显示的效果可以观测我博客的底部。

你也许会喜欢阅读这些：

• 2010年06月3日 -- Wordpress:3.0版本特性，将改变你的内容管理方式 (12)
• 2010年03月25日 -- Ajax:近期博客改版的增强Ajax加载说明 (43)
• 2010年02月20日 -- Wordpress:如何将GoogleBuzz数据插入到博客中 (11)
• 2009年11月25日 -- Wordpress:将文章自动显示为两列 (13)
• 2009年11月8日 -- 主题:我的第三个主题innerNews提供下载 (24)
• 2009年09月16日 -- Wordpress:正确地引入comment-reply.js文件 (23)
• 2009年09月13日 -- Wordpress:2.9版本–新的特性 (13)
• 2009年09月6日 -- Wordpress:高亮管理员的留言信息 (37)
• 2009年08月31日 -- Wordpress:4个常见的显示博客版权的方法 (10)
• 2009年08月13日 -- Wordpress:最新2.84更新的原因：密码重置漏洞（图文教程解决） (15)

在wp博客中，有一个常见的安全技巧是：不要在你的wp中显示出你的版本信息。许多开发者或者使用者都常常将wp的版本信息显示了出来，但这样可能会被一些人利用该版本的漏洞对你的博客进行攻击。很多人对此比较模糊，这样可能就会给你的博客带来安全性的问题。

默认情况下，当wp_head() 函数在header.php文件的head标签中被调用时wordpress就执行了wp_generator()，wp_head()函数所处位置如图：

当wordpress在网页中运行时，wp_generator()函数输出如下内容（可以在页面源代码中查看到）：

1

<meta name="generator" content="WordPress 2.8.1" />

那么如何去除wordpress的版本信息以保证博客的安全呢，方法有三：

1. 最暴力的方法：

直接删除header.php文件中的wp_head()函数（我当前主题就是采用的这种方法）；

2. 比较好的方法:

比删除wp_head()函数更好的方法是在function.php文件中添加一个功能函数，通过返回一个空白的字符串给the_generator()函数，这样输出的版本信息将为空，代码如下：

1
2
3
4

function remove_version_info() {
     return '';
}
add_filter('the_generator', 'remove_version_info');

3. 正确的方法：

只需在function.php文件中添加41个字符的代码，即可实现,它是通过remove_action()函数删除了wp_head()函数中的wp_generator()函数，代码如下：

1

remove_action('wp_head', 'wp_generator');

题外话：remove_action()函数的功能很多、很强大，以后遇到会再讲解！

你也许会喜欢阅读这些：

• 2009年11月25日 -- Wordpress:将文章自动显示为两列 (13)
• 2009年07月24日 -- Wordpress:显示tags在一个下拉列表中 (8)
• 2009年07月22日 -- Wordpress:两个wp的小技巧，非常实用哦！ (12)
• 2009年07月20日 -- Wordpress:自定义单页模板的制作和配置 (20)
• 2009年06月18日 -- WordPress学习笔记–url设置 (8)
• 2011年04月20日 -- CSS3:Transition属性详解 (82)
• 2011年04月1日 -- HTML5:《HTML5. Up and Running》读书笔记.Chp4.Canvas (22)
• 2011年03月21日 -- HTML5:《HTML5. Up and Running》读书笔记.Chp3.Elements (24)
• 2011年03月15日 -- HTML5:《HTML5. Up and Running》读书笔记.Chp2.Features (23)
• 2010年11月22日 -- Range:文本框选区学习笔记 (16)

现在很多的博客上的标签都是以a标签内联显示或者漂亮点的标签使用li标签制作成一个列表显示，另外就是利用插件动态地falsh显示。用a标签内联显示时若设置wp_tag_cloud()的smallest和largest参数值不相等，那么这个标签云显示的就比较丑陋的；而用li标签显示上百个标签的话，会占据很大的页面，不友好；而使用插件flash动态显示确实很美观，但加载速度明显降低，而且会出现不同浏览器层次的bug。若刚好这个flash标签云的上方刚好有个鼠标移动上去的下拉菜单，说不定在不同的浏览器下，有的是现实在flash上层，有的却是跑到了flash的下面去了。这个现象很常见哦！

今天在国外的网站上看到了这个解决方案，觉得很是不错，它将标签显示在一个下拉列表框中，这样既不占据很大的页面，经css美化的话显示器来也很不错哦！

步骤一：添加功能函数到function.php文件中，具体代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87

< ?php
function dropdown_tag_cloud( $args = '' ) {
	$defaults = array(
		'smallest' =&gt; 8, 'largest' =&gt; 22, 'unit' =&gt; 'pt', 'number' =&gt; 45,
		'format' =&gt; 'flat', 'orderby' =&gt; 'name', 'order' =&gt; 'ASC',
		'exclude' =&gt; '', 'include' =&gt; ''
	);
	$args = wp_parse_args( $args, $defaults );
 
	$tags = get_tags( array_merge($args, array('orderby' =&gt; 'count', 'order' =&gt; 'DESC')) ); // Always query top tags
 
	if ( empty($tags) )
		return;
 
	$return = dropdown_generate_tag_cloud( $tags, $args ); // Here's where those top tags get sorted according to $args
	if ( is_wp_error( $return ) )
		return false;
	else
		echo apply_filters( 'dropdown_tag_cloud', $return, $args );
}
 
function dropdown_generate_tag_cloud( $tags, $args = '' ) {
	global $wp_rewrite;
	$defaults = array(
		'smallest' =&gt; 8, 'largest' =&gt; 22, 'unit' =&gt; 'pt', 'number' =&gt; 45,
		'format' =&gt; 'flat', 'orderby' =&gt; 'name', 'order' =&gt; 'ASC'
	);
	$args = wp_parse_args( $args, $defaults );
	extract($args);
 
	if ( !$tags )
		return;
	$counts = $tag_links = array();
	foreach ( (array) $tags as $tag ) {
		$counts[$tag-&gt;name] = $tag-&gt;count;
		$tag_links[$tag-&gt;name] = get_tag_link( $tag-&gt;term_id );
		if ( is_wp_error( $tag_links[$tag-&gt;name] ) )
			return $tag_links[$tag-&gt;name];
		$tag_ids[$tag-&gt;name] = $tag-&gt;term_id;
	}
 
	$min_count = min($counts);
	$spread = max($counts) - $min_count;
	if ( $spread &lt;= 0 )
		$spread = 1;
	$font_spread = $largest - $smallest;
	if ( $font_spread &lt;= 0 )
		$font_spread = 1;
	$font_step = $font_spread / $spread;
 
	// SQL cannot save you; this is a second (potentially different) sort on a subset of data.
	if ( 'name' == $orderby )
		uksort($counts, 'strnatcasecmp');
	else
		asort($counts);
 
	if ( 'DESC' == $order )
		$counts = array_reverse( $counts, true );
 
	$a = array();
 
	$rel = ( is_object($wp_rewrite) &amp;&amp; $wp_rewrite-&gt;using_permalinks() ) ? ' rel="tag"' : '';
 
	foreach ( $counts as $tag =&gt; $count ) {
		$tag_id = $tag_ids[$tag];
		$tag_link = clean_url($tag_links[$tag]);
		$tag = str_replace(' ', '&nbsp;', wp_specialchars( $tag ));
		$a[] = "\t&lt;option value='$tag_link'&gt;$tag ($count)&lt;/option&gt;";
	}
 
	switch ( $format ) :
	case 'array' :
		$return =& $a;
		break;
	case 'list' :
		$return = "&lt;ul class='wp-tag-cloud'&gt;\n\t&lt;li&gt;";
		$return .= join("&lt;/li&gt;\n\t&lt;li&gt;", $a);
		$return .= "&lt;/li&gt;\n&lt;/ul&gt;\n";
		break;
	default :
		$return = join("\n", $a);
		break;
	endswitch;
 
	return apply_filters( 'dropdown_generate_tag_cloud', $return, $tags, $args );
}
?>

步骤二：安放下拉列表框的代码，调用功能函数

完成上面的步骤后，只需要在你需要安放下拉列表框的地方调用该功能函数即可（通常会放在siderbar.php文件中）。在其中放入如下代码

1
2
3
4

<select name="tag-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
	<option value="#">Liste d'auteurs</option>
	< ?php dropdown_tag_cloud('number=0&order=asc'); ?>
</select>

那么这样子你就有了一个下拉列表的标签，这样阅读起来更加友好吧。当然自己可以针对该列表框使用css美化哦！

你也许会喜欢阅读这些：

• 2009年11月25日 -- Wordpress:将文章自动显示为两列 (13)
• 2009年09月16日 -- Wordpress:正确地引入comment-reply.js文件 (23)
• 2009年08月31日 -- Wordpress:4个常见的显示博客版权的方法 (10)
• 2009年08月13日 -- Wordpress:最新2.84更新的原因：密码重置漏洞（图文教程解决） (15)
• 2009年07月30日 -- Wordpress:如何去除wp中的版本信息 (16)
• 2009年07月22日 -- Wordpress:两个wp的小技巧，非常实用哦！ (12)
• 2009年07月20日 -- Wordpress:自定义单页模板的制作和配置 (20)
• 2009年06月18日 -- WordPress学习笔记–url设置 (8)
• 2011年04月20日 -- CSS3:Transition属性详解 (82)
• 2011年04月1日 -- HTML5:《HTML5. Up and Running》读书笔记.Chp4.Canvas (22)

一、 使用wp_enqueue_script()函数调用wp内部的js：

1. 调用jQuery库：
使用方法：在head标签间添加代码，如下：

1

< ?php wp_enqueue_script("jquery"); ?>

优点：主题模板会自动调用wp博客系统中的jQuery库，比自主加载的速度要快，而且随着wp系统的升级，主题的jQuery库的版本与系统的jQuery库版本相同；
缺点：一直提倡将js文件在页面的底部引入（也就是放在footer.php文件中），这样会使页面显示的速度加快，但使用wp_enqueue_script()函数调用wp系统的jQuery库是不能放在footer.php中的，放在底部将调用不到wp系统的jQuery库。而且此时jQuery的$()简写方法将会失效，此时你可以使用原始的jQuery()方法或使用如下方法简写：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

var $j = jQuery.noConflict();
 
$j(function(){
 
    $j("#sidebar li a").hover(function(){
    	$j(this).stop().animate({
    		paddingLeft: "20px&"
    	}, 400);
    }, function() {
    	$j(this).stop().animate({
    		paddingLeft: 0
    	}, 400);
    });
 
});

2. 调用comment-reply.js：
使用方法：在head标签间添加代码，如下：

1
2
3

< ?php if(is_single()) { 
	wp_enqueue_script( 'comment-reply' );
} ?>

因为comment-reply.js只有在单页的时候才会使用，所以需判断当前页是否为single，是则加载，否则无须加载。

注意：wp_enqueue_script()必须放在<?php wp_head(); ?>之前。

二、动态的版权年限：

我们一般在输入版权信息的年限时，都是手动输入，但如使用date(“Y”);方法就可以根据服务器的时间显示版权年限，无需每年都要手动修改。如：

1

Copyright &copy; < ?php echo date("Y");?>

你也许会喜欢阅读这些：

• 2009年11月25日 -- Wordpress:将文章自动显示为两列 (13)
• 2009年07月30日 -- Wordpress:如何去除wp中的版本信息 (16)
• 2009年07月24日 -- Wordpress:显示tags在一个下拉列表中 (8)
• 2009年07月20日 -- Wordpress:自定义单页模板的制作和配置 (20)
• 2009年06月18日 -- WordPress学习笔记–url设置 (8)
• 2011年04月20日 -- CSS3:Transition属性详解 (82)
• 2011年04月1日 -- HTML5:《HTML5. Up and Running》读书笔记.Chp4.Canvas (22)
• 2011年03月21日 -- HTML5:《HTML5. Up and Running》读书笔记.Chp3.Elements (24)
• 2011年03月15日 -- HTML5:《HTML5. Up and Running》读书笔记.Chp2.Features (23)
• 2010年11月22日 -- Range:文本框选区学习笔记 (16)

开篇语：

最近一直在利用闲暇的时间在做自己的第二个主题。在此过程中，重新认识到很多在第一个主题中没有用到的技术。可以说我的第一个主题（现在你们看到的）的结构是相对简单的，用了点css和js的代码实现起来非常容易。但我的第二个主题（CMS风格）的机构将会复杂点，加上我并不急着更换现在的主题，所以我不准备很快发布第二个主题。其实该主题还在建设中，服务器端的代码将近完成，css部分也完成了布局。现在就剩下局部细化和js控制。但我还是不准备很快就更换现在的主题，计划在下月的4号（博客上线1月半纪念）或19号（博客上线2月纪念）的时候再发布。

也正是因为在制作第二个模板，所以学到了很多知识，今天就和大家分享一下自定义单页模板制作和配置的过程。

举例：留言本

你也许看到有很多的博客上有一个单页的留言本而感到羡慕吧，我也是。我一直想要有个单页的留言本，于是我在wp的官网或其他主题收集网站上下载主题包，查看源文件，但都没有发现我需要的内容。直到今天我知道了自定义单页模板的制作原理后才知道原来很多主题中都有着自定义单页的，只是我当时不知道如何去配置而已。

步骤1：源文件的创建
建立一个文件guestbook.php或可以另存comments.php为该文件，在文件的开始处添加模板注释（一定要添加，因为WP应通过该注释确认你是一个模板文件的，这和style.css文件的原理一样。）。注释代码如下：

1
2
3
4
5

< ?php
/*
Template Name: guestbook
*/
?>

删除comments.php文件中的多余代码，精简后的源代码如下（该源代码中部分标签是为了我的博客的css编写而添加的，你可以自主地删除和添加）：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

< ?php get_header(); ?>
     <div id="content">     
 
        <!-- 左侧 开始 -->
        <div id="con-left">
			<div class="entry">
                < ?php if (have_posts()) : ?>
                    < ?php while (have_posts()) : the_post(); ?>
            		<div class="post">
                        <div class="post-top"></div>
                        <!--
                        	你可以自主添加的其他内容
                         -->
                        <div>    
                            < ?php comments_template(); ?>
                        </div>
                        <div class="post-btm"></div>
                	</div>
                    < ?php endwhile; ?>
                < ?php else : ?>
                    <!-- 无文章提示 -->
                    <div class="post">
                        <div class="post-top"></div>
                        <h2 class="aligncenter search">抱歉,没有找到合适的页面.</h2>
                        <div class="aligncenter">请您<a href="<?php echo get_settings('home'); ?>">返回首页< ?php echo $langblog;?></a>或在搜索中查找您所需的信息.带来不便,敬请谅解!</div>
                        <div class="post-btm"></div>
                    </div>
                < ?php endif; ?>
            </div>
            <!-- 今日更新 结束 -->
        </div>
        <!-- 左侧 结束 -->
 
        <!-- 右侧 开始 -->
        <div id="con-right">
            < ?php include (TEMPLATEPATH . '/sidebar.php'); ?>
        </div>
        <!-- 右侧 结束 -->
     </div>
< ?php get_footer(); ?>

css编写部分省略…..

步骤2：WP后台设置调用该模板
登录到你的后台，页面->添加新页面，在标题栏中输入“留言本”，文本区域置空，选择右下角的属性框的模板下来列表为之前建立的模板guestbook，如图：

然后点击发布即可。

步骤3：确认导航栏块代码是否使用wp_list_pages(”);函数来输出所建立的页面。

根据上面的步骤你就可以完成自定义个性单页模板的制作和配置，大家可以发挥想象，通过修改源代码的方式创建相册单页啊、电影单页啊，等等。

你也许会喜欢阅读这些：

• 2009年11月25日 -- Wordpress:将文章自动显示为两列 (13)
• 2009年07月30日 -- Wordpress:如何去除wp中的版本信息 (16)
• 2009年07月24日 -- Wordpress:显示tags在一个下拉列表中 (8)
• 2009年07月22日 -- Wordpress:两个wp的小技巧，非常实用哦！ (12)
• 2009年06月18日 -- WordPress学习笔记–url设置 (8)
• 2011年04月20日 -- CSS3:Transition属性详解 (82)
• 2011年04月1日 -- HTML5:《HTML5. Up and Running》读书笔记.Chp4.Canvas (22)
• 2011年03月21日 -- HTML5:《HTML5. Up and Running》读书笔记.Chp3.Elements (24)
• 2011年03月15日 -- HTML5:《HTML5. Up and Running》读书笔记.Chp2.Features (23)
• 2010年11月22日 -- Range:文本框选区学习笔记 (16)

1. 登录Wordperss后台, 点击导航菜单右侧的Setting（设置）选项；
2. 进入, WordPress address (URL)保持不变. Blog address (URL)由原来的http://www.ihiro.org/blog更改为 http://www.ihiro.org/；
3. 复制一份blog子目录文件夹里面的index.php文件, 打开, 把

1
2
3
4
5

< ?php
    /* Short and sweet */
    define(’WP_USE_THEMES’, true);
    require(’./wp-blog-header.php‘);
?>

修改为

1
2
3
4
5

< ?php
    /* Short and sweet */
    define(’WP_USE_THEMES’, true);
    require(’./blog/wp-blog-header.php‘);
?>

4. 把修改后的这份index.php上传到根目录；
5. 至此，便可以使用www.ihiro.org直接访问我的Blog。

你也许会喜欢阅读这些：

• 2009年11月25日 -- Wordpress:将文章自动显示为两列 (13)
• 2009年07月30日 -- Wordpress:如何去除wp中的版本信息 (16)
• 2009年07月24日 -- Wordpress:显示tags在一个下拉列表中 (8)
• 2009年07月22日 -- Wordpress:两个wp的小技巧，非常实用哦！ (12)
• 2009年07月20日 -- Wordpress:自定义单页模板的制作和配置 (20)
• 2011年04月20日 -- CSS3:Transition属性详解 (82)
• 2011年04月1日 -- HTML5:《HTML5. Up and Running》读书笔记.Chp4.Canvas (22)
• 2011年03月21日 -- HTML5:《HTML5. Up and Running》读书笔记.Chp3.Elements (24)
• 2011年03月15日 -- HTML5:《HTML5. Up and Running》读书笔记.Chp2.Features (23)
• 2010年11月22日 -- Range:文本框选区学习笔记 (16)

你也许会喜欢阅读这些：

• 2010年06月3日 -- Wordpress:3.0版本特性，将改变你的内容管理方式 (12)
• 2010年03月25日 -- Ajax:近期博客改版的增强Ajax加载说明 (43)
• 2010年02月20日 -- Wordpress:如何将GoogleBuzz数据插入到博客中 (11)
• 2009年11月25日 -- Wordpress:将文章自动显示为两列 (13)
• 2009年11月8日 -- 主题:我的第三个主题innerNews提供下载 (24)
• 2009年09月16日 -- Wordpress:正确地引入comment-reply.js文件 (23)
• 2009年09月13日 -- Wordpress:2.9版本–新的特性 (13)
• 2009年09月6日 -- Wordpress:高亮管理员的留言信息 (37)
• 2009年08月31日 -- Wordpress:4个常见的显示博客版权的方法 (10)
• 2009年08月13日 -- Wordpress:最新2.84更新的原因：密码重置漏洞（图文教程解决） (15)