WordPress链接顺序和排序的插件,不过这款名为CoCo Link Sort的插件并没有介绍的那么好用。

只好继续寻找其它方法：WordPress 链接进行排序（不用插件），虽然详细的介绍了直接修改代码并且可以选择很多的参数来排列wordpress文章，但是还是不能随心的控制某一篇文章的具体位置……万能的google再也找不到更好的方法了！

真的没有办法了吗？无奈之下突然想到wordpress自身不就是按照日期排列文章顺序的吗?而wordpress恰好有更改任何一篇文章的发布日期的功能。立刻实验，把几篇想靠后的文章更改为较早的发布日期再刷新页面果然成功了！我晕！原来是既不用插件也不需要更改代码就可以实现我的目的的呀。

方法1、目录提交

将网站提交道DMOZ目录、yahoo目录、ODP目录一个一些专业目录网站；类似这样的目录太多，网址网站都可以，凡是免费的都要参加进去。

www.hao123.com、www.265.com 、www.5566.net 、www.9991.com、www.37021.com、www.gjj.cc 、ww.3tom.com 、www.qu123.com 、www.jjol.cn、www.yahoo-cool.com、www.7939.com、www.4199.com、www.9505.com 、www.vv11.com、www.855.com、www.da123.com 、www.wu123.com 、www.t2t2.com、www.114.com.cn、site.baidu.com、www.msncn.com、www.k369.com、www.it8g.com、www.7b.com.cn 、www.ttjj.com\www.netsun.com、www.19ku.com、www.haodx.com、www.v23.com 、www.admin5.net、www.xp13.com、www.9495.com、www.t3j4.com 、site.yahoo.com.cn、www.ny3721.com、www.page.com.cn、www.haourl.com、51.163.com、www.wzdby.com

尽量去免费收录，费劲心机得来的，总会是有价值的。 因为被这些收录了就会被转载到数百的网站。

WordPress中调用友情链接的代码：

最简单的调用情况：

要实现随机调用的情况：

limit :限制显示数量
categorize :是否指定类别显示，大众使用一般选择0，不使用指定类别
orderby :显示友情链接顺序，参数包括:

还有一个有用的参数order ：
ASC :顺序排列
DESC :倒序排列

另外如果显示链接过多、过长，影响美观，可以这样添加CSS属性改为两列甚至3列显示，首先是侧边栏sidebar.php

在style.css文件中添加

修改存档页，从网上看到些资料，总结如下。

其实感觉wp细细研究的话，可以发现其本身带有的功能巨大，即使不靠插件也可完成绝大多数的需要。只不过比较麻烦，需要的技术比较高，所以大家还是喜欢用方便的插件来完成，呵呵，随便说两句，进入正题。

函数wp_get_archives是用来调用存档的，可以放在模板中的sidebar.php或者放在专门的存档页面archives.php。

具体写法如下：

wp_get_archives
(‘type=monthly&limit=12&format=
html&before=…&after=…
&show_post_count=true’);

下面说明一下里面的每个函数的意思：

type:归档方式

type=monthly:按月显示
type=daily:按天显示
type=weekly:按周显示
type=postbypost:显示文章标题

limit:显示篇数

limit=10:显示最近10篇文章

format:格式

format=html:默认方式
format=link:输出格式:

<?php
<link rel=’archives’ title=’$title_text’ href=’$url’ />

format=option:输出格式:

<?php
<option value=’$url’>$before $text $after</option>

before:archives前

before=…:要在前面加的文字

after:archives后

after=…:要在后面加的文字

show_post_count:是否显示文章数量

show_post_count=true:要在后面显示文章的数量

来源：http://www.xumomo.com/network/wp_get_archives.html

现在太多的人都在鼓吹这个网站PR值的作用了。就像前几年各大网站都在追求网站的游览量似的，真不知道这样继续下去的结果会是什么？

我在这里并不是想说网站的PR值不重要，不应该去关注它，但是从现在的现状来看有点过度了。现在很多的人都在追求这个浏览量是可以理解的，一个网站没有浏览量是不可能发展下去的，我在这里只是针对企业的网站来说说自己的一些看法。

现在很多的人都在追求的是在Google网上的排名，这的确是应该做的事，也是很重要的一件事，但千万别以这个PR值的高低来判断一个网站的宣传效果的好坏，也许你的网站的PR值比同一行业的一个网站高，你的浏览量也很大，但是你的定单却没有，这是很现实的事情，为什么呢？

就是你只是单纯的去追求浏览量了，网站的内容不健全，让你的潜在客户一看就没有什么吸引力，人家会马上离开的，这样的浏览量又有什么用呢？再者说了现在一个网站的PR值的高低并不能决定你在一个搜索引擎上的排名的好坏。 对于一个企业来讲不仅仅是要吸引你的潜在客户去浏览你的网站，更重要的是要怎么去留住他，让他主动的去跟企业联系，这才是重中之重。

我们现在所做的这些网站优化也好，搜索引擎优化也好本身的用途就是为了让企业在搜索引擎中有一个好的排名，这些工作只是网站宣传推广的最基本的一步而已，只要这一步走的好，对以后的宣传推广会起到很大的推动作用。

我想有很多朋友都遇到过这样的情况，就是每当Google Dance的时候就会发现有很多的站长们着急了，到处发贴诉苦说自己的网站怎么了呀，怎么在Google里找不到了，排名也没有了。等过一段时间可能情况已经恢复了，也就松了一口气了。

为什么会出现这样的情况呢？我现在也是一直在想这个问题，我个人认为很有可能就是这个网站的浏览量的原因，可能你这一段时间内浏览量不错，所以你的排名也不错，但当出现浏览量不行的时候，你的网站的排名自然会降低或者根本就找不到了。这说明的一种情况就是这些网站追求的浏览量只是短暂的，而不是根据这个网站的内容来决定的，现在Google对排名的很重要的标准就是你这个网站的内容，所以说这才是最重要的，只要把你的网站的内容质量做的好，也许你的PR值会不高，但是我相信你的排名会是不错的。所以说不要再只是要求那个PR值或者什么浏览量了，这些并不是最重要的。

说到浏览量，我更想说的就是这个转化率的问题，浏览量里面到底会有多少的用户转化成你的潜在客户并最终成为你的真正客户，我想这是很多人都说不明白的，也许你的网站的浏览里非常的不错，但是定单却没有，这就很清楚的说明了这个问题。

总之在网站上面应该是以内容为上的，实实在在的去做吧，不要只追求那短暂的一瞬间。。。。。。

样式预览：

以下是本站收集的非常实用的火狐扩展，网站设计人员可是首选哦。

你可以用多种方式来调用它：
a. 通过“查看”［View］-》“页面样式”［Page Style］下面的选项;
b. 通过工具栏［Toolbar］的一键切换;
c. 通过状态栏［Status Bar］的图标按钮; CSS validator用W3C的CSS标准来校检页面，在新页面中显示校检结果，不过只对包含了CSS样式文件的页面起作用，例如http：//www.w3.org/

其快捷按钮既可添加在右键菜单中也可添在工具栏上，

小提示： 是否在状态栏和工具栏中显示图标，可以在扩展偏好［Extension Preference］中设置 FireShot 0.59FireShot 能够方便的创建页面的截图［略缩图］，相比于其他的扩展，FireShot提供了一系列的编辑和注释工具，方便你快速的修改所捕获图像或者添加文本，图像注释。 这些功能对于网页设计者，测试者，和浏览者都很有用，此外用户还可以自己定制所要捕获的范围，是页面全部还是屏幕的可见部分 Font Finder 0.5c选择一段文本或一个元素，单击右键并在菜单中选择“Font Finder”，就能看到所选取对象的字体信息 SearchStatus 1.26再你的浏览器中显示Google的PageRank，Alexa排名，竞争力排名，高速关键字密度分析器，关键字高亮显示，后退/相关链接，Alexa的信息和其他的［SEO］搜索引擎优化工具。 MeasureIt 0.3.8通过可以绘制在页面任何地方的刻度尺来显示以像素（px）计算的宽度，高度，元素缩进量 火狐浏览器现在使用的人群越来越广，并出现了许多扩展和插件。

以下是本站收集的非常实用的火狐扩展，网站设计人员可是首选哦。

• Style Sheet Chooser IIStyle Sheet Chooser II 允许浏览者或开发者迅速的在为同一页面编写的不同样式之间来回的切换，甚至能够保证被选择样式应用到该站点的全部页面上。 Style Sheet Chooser II 会覆盖Firefox内置的样式表切换器［style-sheet-switcher］。

  你可以用多种方式来调用它：
  a. 通过“查看”［View］-》“页面样式”［Page Style］下面的选项;
  b. 通过工具栏［Toolbar］的一键切换;
  c. 通过状态栏［Status Bar］的图标按钮;

• CSS validator用W3C的CSS标准来校检页面，在新页面中显示校检结果，不过只对包含了CSS样式文件的页面起作用，例如http：//www.w3.org/

  其快捷按钮既可添加在右键菜单中也可添在工具栏上，

  小提示： 是否在状态栏和工具栏中显示图标，可以在扩展偏好［Extension Preference］中设置

• FireShot 0.59FireShot 能够方便的创建页面的截图［略缩图］，相比于其他的扩展，FireShot提供了一系列的编辑和注释工具，方便你快速的修改所捕获图像或者添加文本，图像注释。 这些功能对于网页设计者，测试者，和浏览者都很有用，此外用户还可以自己定制所要捕获的范围，是页面全部还是屏幕的可见部分

• Font Finder 0.5c选择一段文本或一个元素，单击右键并在菜单中选择“Font Finder”，就能看到所选取对象的字体信息

• SearchStatus 1.26再你的浏览器中显示Google的PageRank，Alexa排名，竞争力排名，高速关键字密度分析器，关键字高亮显示，后退/相关链接，Alexa的信息和其他的［SEO］搜索引擎优化工具。

• MeasureIt 0.3.8通过可以绘制在页面任何地方的刻度尺来显示以像素（px）计算的宽度，高度，元素缩进量

• IE Tab浏览器兼容是所有Web开发者都要考虑的问题，IE Tab能够让您再Firefox中以IE的渲染方式来呈现页面，并且可以方便的在两者之间切换。

• CSSViewer一款小巧的CSS（7个最好的网上CSS资源，20个优秀网站助你征服CSS）属性查看器，随着鼠标的移动显示当前所指示元素的CSS样式信息，其中包括了所有从父级元素继承而来，用户自定义以及浏览器自定义的样式信息。 同Style Sheet Chooser II 一样，你也可以通过在工具栏添加该扩展的图标按钮来激活/禁用该扩展。

• ColorZilla 2.0ColorZilla的主要功能有：

  将浏览器页面内的任何一点转换为16进制的颜色字符串，方便您快速的将其粘贴到其他的CSS样式中;

  通过缩放页面来测量其上任何两点之间的距离;

  从内置的调色板中选择预置的颜色，并把最常使用的颜色添加到自定义的调色板中;

• LinkChecker 0.6.3LinkChecker用于检查页面上超级连接的有效性，验证其是否已经损坏

• LiveHTTPHeaders这个项目的目的是通过以下两种途径实时显示页面的HTTP请求信息：

  a. 在“查看页面信息”［View Page Info］中添加“头部信息”［Hearders］选项卡;

  b. 添加“工具”-》“Web设计”［Tools-》Web Development］菜单项;

  此外用户还能利用它修改HTTP Headers并发起新请求！

• FireFTPFireFTP，一款免费，高效，跨平台的FTP客户端，让你快速直观的访问FTP Server

• Html Validator 0.8.5.2HTML Validator，一款为Mozilla和Firefox添加HTML验证的扩展，能够在状态栏的图标上标注当前页面的HTML语法错误数量，不仅会校检服务器发送来的HTML文件，也会校检内存中的HTML代码（通常为执行Ajax请求后的返回值）。

来源：http://www.hellohuohu.com/2008/09/23/480/

相关文章

• firefox（火狐浏览器）安装使用优化设置指南

如果用得好,trackback&pingback是建立连接和推销博客的几乎完美的方法,同时也可以其他的blogger建立关系

简单点说,trackback是当你的博客中参考他人网文是通知他人网站的一种方法.
当你送出一个trackback后,你博客内容的简短摘要会出现在被参考的网站中.

成熟的博客会给出一个trackback的链接,大多数的trackback链接出现在正文后,评论前.
有时以文字链接形式出现
有时会给出超链接
参考每一篇博文都应该引用该博客说给出的trackback
(注意:并非所有的博客会给出trackback,有的博客会关闭此项功能,或许是禁止转载,或许是不知情,这样你需要联系博客作者以后才能转载.)

在你发布文章前,你要告诉wordpress你要发送一个trackback,在wordpress 2.6中即编辑器后”高级选项”中的”引用”字段,这样当你发送过后,被引用的网站会即时被通知.
wordpress内建的ping特性
wordpress将trackback提高到了新的水平,允许pingbacks
pingbacks允许你在博客正文中直接引用永久链接来通知来源博客作者,不需要单独设置trackback
要使用此功能,需要在”设置”—>”评论”中开启,一般wordpress默认开启了

除非博客自己关闭此项功能,一般所有的wordpress博客都是支持此特性的.
具体网站你也可以通过查看网页源代码,查找<link rel=”pingback” href=”">的方式来检查.
如果网站允许pings,博客中会出现如下形式的链接

成功的trackback&pingback会在博客正文发表后即时出现,但是请注意它可以被博客修改和禁止.你也可以通过点击”编辑”,然后下拉到”custom fields”,wordpress会显示被通知博客的所有链接
有时候博客的trackback&pingbacks系统会出现一些技术问题.如果你怀疑是这种情况你可以致函作者说明可能的问题,并保证被引用博客的信息完整.

发送trackback比pingbacks要好,如果你的网站开启了品pingbacks,就不要在发送trackback. 否则你会发送2个链接过去,这样会引起某些站主的不悦,甚至被判为垃圾评论.
避免发送trackback,除非你确实是参考或者链接了你所发送的站点,否则会被判为垃圾评论.
如果你的trackback或者pingbacks没有出现,不要试图重复发送

wordpress 已经到了 2.7 版了， 以前的管理链接的插件， 不知好不好用了， 而且， 如果是用 wordpress自带的 widget 显示链接的话， 插件也不太灵，而且毕竟消耗资源，所谓“自己动手， 丰衣足食“，下面我们自己动手来修改 wordpress 的 链接显示的排序方式，和首页链接显示的个数， GO！

从wordpress 2.1开始，WP提供的展示链接的函数改为 wp_list_bookmarks ，之前的版本，用 wp_getlinks ，我们这里讲的 2.1+ 版本的 WP。

wp_list_bookmarks 的使用方式，请参见 wp_codebox ，我这里只列出本文用到的核心的几个参数

orderby： 显示链接的排序方式，默认是 name，要自定义排序，就用这个参数

取值范围：

主要内容

1 、WordPress自定义永久链接结构中加入文章分类结构标签的弊端- 解决办法

2、如何进行HTML文件验证

WordPress不愧是号称世上最好的博客程序

在它的永久链接设置里 你可以在这样的细节上享有个性化`

—常规选项:

默认
» http://www.puxiaofeng.cn/?p=123

基于日期和名称
» http://www.puxiaofeng.cn/2007/10/16/sample-post/

数字
» http://www.puxiaofeng.cn/archives/123

自定义，可在下面指定

可用变量 如:%year% 、%monthnum% 、%day% 、%hour% 、%minute% 、%second% 、%postname% 、%post_id% 、%category% 、%author%

———-

注意到很多朋友喜欢用这样的自定义变量结构: /%category%/%postname%

文章得到例如www.puxiaofeng.cn/blogjiqiao/tags 这样的连接地址

即: 你的Blog网址/文章分类名/文章名

在显示了分类名之后还留着文章名.这样看上去貌似很好看,很酷

但是在今天西风向站长之家提交收录申请的时候,遭遇到了这样一个难题.

引用邮件:

请您按照以下步骤完成网站所有权确认工作： 第一步：请点击打开 验证文件 将网页以 webmasterhome.htm 为文件名保存并放至您网站西风博客(www.puxiaofeng.cn) 服务器的根目录下。 第二步：请点击下方链接，以进行网站所有权验证：

首先cos-html-cache的官方网址：

http://www.storyday.com/html/y2008/2122_cos-html-cache-update-to-27.html

这款插件同样也在wp官方发布：

http://wordpress.org/extend/plugins/cos-html-cache/

不知道什么原因，cos-html-cache并没有一个详细的使用说明在最新的下载页面，特此收集一下作为备忘录：

功能描述：生成文章和首页HTML缓存文件，当有评论、修改、添加和删除文章的时候更新首页和当前页面缓存。注意，不缓存其他页面。

环境需求：服务器必须支持URLrewrite

插件独立性：不依赖其他插件

你是否需要该插件？满足下列要求表示你需要该插件：

满足下面的条件则表示你不需要此插件：

安装方法：

change log：

可能是关键词不对吧，结果用WordPress在单篇文章页内加入上一页下一页找到我所需要的了

其实很多主题在设计的时候都已经加入了这个功能，就是在你阅读一篇文章的这个页面页头或是页尾都链接着上一篇和下一篇。作用也是不言而喻的，何必也不用解释多少！WordPress在基本语法里已经有了这个的支持，但是还有很多主题在设计的时候没有注意这样的细节。我的博客的更换主题频率是很高的，所以也就摸索了一些这方面的技巧。下面教大家怎么做！

.floatleft {
float:left;
}
.floatright {
float:right;
}

这个意思就是把上一篇和下一篇同行并且分列左右两端。

<div class=”floatleft”><?php previous_post_link(‘&laquo; %link’) ?></div>
<div class=”floatright”><?php next_post_link(‘%link &raquo;’) ?></div>

本文来自：http://www.hebine.net/blog/archives/234.html

本文来自：http://www.hebine.net/blog/archives/234.html

相关文章

• wordpress 分类文章链接排序不用愁
• WordPress友情链接调用及显示说明
• wordpress历史文章存档标签的调用方法
• wordpress trackback 是什么
• Wordpress自定义链接排序，显示条数等（不用插件） Custom Links Bookmarks
• WordPress自定义链接代码及相关问题
• WordPress如何单日志分页
• WordPress Themes 设计手记（五）

这个绿色免安装版是在 Adobe Dreamweaver CS4 完美者特别版 基础上绿化制作的。

*  使用 Adobe Dreamweaver CS4 简体中文版制作，免序列号、免激活，感谢Ansifa；

*  集成官方英文、简体中文、繁体中文语言组件；

*  直接集成VC运行库，无需安装任何运行库即可运行，下载解压即能用！

*  有问题请反馈！

08.11.22更新说明

*  添加多语言显示组件，包括：英文、简体中文、繁体中文，并可自由切换 (@切换语言.exe)。

如果需要到http://www.gougou.com/搜索名字，用迅雷下载 相关文章No Related Post]]>

Dreamweaver 是世界上最优秀的可视化网页设计制作工具和网站管理工具之一，支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、 HomeSite/BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP功能、处理 Flash 和 Shockwave 等富媒体格式和动态HTML、基于团队的Web创作。在编辑上你可以选择可视化方式或者你喜欢的源码编辑方式！

这个绿色免安装版是在 Adobe Dreamweaver CS4 完美者特别版 基础上绿化制作的。

*  使用 Adobe Dreamweaver CS4 简体中文版制作，免序列号、免激活，感谢Ansifa；

*  集成官方英文、简体中文、繁体中文语言组件；

*  直接集成VC运行库，无需安装任何运行库即可运行，下载解压即能用！

*  有问题请反馈！

08.11.22更新说明

*  添加多语言显示组件，包括：英文、简体中文、繁体中文，并可自由切换 (@切换语言.exe)。

如果需要到http://www.gougou.com/搜索名字，用迅雷下载

相关文章

• No Related Post

在WebDN看到了详细的介绍，现在转载于下（如果不想安装表情插件的朋友可以用这个，在回复里输入相应的字符就可以看到效果了）：

具体请看 这里

1. 微笑
2. , ,
3.

4.

5. 咧嘴笑
6. , ,
7.

8. 悲伤
9. , ,
10.

11. 惊讶
12. , ,
13.

14. 震惊
15. , ,
16.

17. [...]]]> 其实WordPress 本身是支持表情图标的，不过我们从没注意过这些表情究竟需要怎样的字符输入后才会出现，所以包括我在内的很多人都没用到过。

在WebDN看到了详细的介绍，现在转载于下（如果不想安装表情插件的朋友可以用这个，在回复里输入相应的字符就可以看到效果了）：

具体请看 这里

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. ops:
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.

复制代码

WordPress 表情插件

1、Ajax兔斯基表情回复

作者页面 带兔斯基表情版本 不带兔斯基表情版本

安装方法：

（1）将该插件的压缩包解压缩到 {WP_HOME}/wp-content/plugins 下。压缩包中的目录要保留。
（2）将tsj_ajax_comment下的comments.php这个文件覆盖你正在使用的skin的目录下的comments.php（覆盖前请作好备份）
（3）在后台激活改插件

2、WordPress 表情秀

作者页面 插件下载 悠嘻猴表情文件

安装方法：

• 解压缩
• 把文件夹 emotions 上传到你的 WordPress 博客的 wp-content 目录下。
• 把文件 wp_emotion_show.php 上传到你插件目录下，激活即可。
• 查看你的留言中的关键字是否转化成图片，如果没有，尝试输入一些关键字》（具体安装方法请查插件压缩包内说明文件）

3、WP Grins

作者页面 插件下载

安装方法：解压上传到的wp-content/plugins/文件夹，然后进入后台激活此插件即可。

这个插件实现的wordpress默认表情图标，不过没怎么研究，貌似原版本有一些地方需要做改动才能完美实现功能，这里有位朋友写了改编方法，有兴趣可以去看看。

附加两款精美WordPress 表情

WordPress自身带了简单的表情功能和一套表情，显然，Wordpress只注重于强劲的功能，忘记了这个小小的细节。那套默认的表情已经显得残旧不堪了。可是不要紧。今天让我来给你介绍两套十分精彩的表情，让你也炫一下

第一套，来自Utom的Comcom

这是Utom加入康盛创想之后第一份作品，用于Discuz! 7.0。非常精美，而且细节相当不错。强烈推荐！

第二套：来自David Lanham的Riceballs

也是相当不错，难得把表情做得那么小，还可以那么传神。确实不愧是大师

使用方法：把压缩包里的文件直接替换掉Wordpress的wp-includes/images/smilies目录下的文件即可。

为了更好的是用表情功能，强烈推荐安装MG12的Highslide4WP！！

PS：鉴于Wordpress表情的独特性，我删除了部分多余的表情和修改了他们的文件名，以适应Wordpress。(引用自)

点我下载

相关文章

• wordpress 分类文章链接排序不用愁
• godaddy 使用wordpress 实现真正静态化的终极解决方案
• Wordpress 分类排序插件-My Category Order
• “静态化”插件WP Super Cache安装与设置
• 一个五星级插件–Plugin Manager(插件管理者)
• 方便在你的文章插入视频的wordpress插件–Viper’s Video Quicktags
• Wordpress写日志时自动保存远程图片的插件
• 推荐13款wordpress插件

今天说第一个问题，关于一篇很长的日志，如何分页的问题。
问题描述：一篇日志很长，如果一页显示，则页面会拉得太长不好看。
解决方法：在 single.php文件中，寻找<?php the_content(“<p>Read the rest of this entry &raquo;</p>”); ?>，在其后加上一句<?php wp_link_pages(); ?>。之后再发布文章时候，在需要分页的地方，切换到源代码显示，插入<!–nextpage–>，完事。
感谢解决人：麥克斯（一个台湾人）
问题延续：目前我使用了FCKEditor这个插件代替默认的WP编辑器，但是这个编辑器的“插入分页符”按钮，插入之后却不是<!–nextpage–>，而是pagebreak，而且我插入这个按钮，毫无分页的反应，估计和我添加的代码有关。记得这个问题之前在某人博客上看到过，继续寻找。寻找到了解决方案，但很奇特，无法在我这里显示nextpage按钮。

目前仍在努力解决的问题：
1、点击右侧侧边栏的标签、分类，显示出来的文章，里面包含代码、页面地址、RSS地址，这是不对的；
2、目前还是不能给注册用户发邮件，虽然我空间服务商说支持PHP的mail()函数。这个问题解决了，我去插件里面，把安装的wp-mail-smtp插件设置为通过php mail()函数发送，而后又禁用插件，结果发现一切恢复正常。注册、回复评论均有邮件。但为什么我最开始的时候，就是无法发送邮件呢？(引用自)

<div id=”page”>
<div id=”header”></div>
<div id=”content”></div>
<div id=”sidebar”></div>
<div id=”footer”></div>
</div>

这些不同的属性，分别代表着不同的区域，让人一看就知道是什么意思，下面我们重点探讨header,content,sidebar,footer部分的构建。

(一).构建header

<div id=”header”></div> 元素的两个标签之间输入下列代码：

<h1><a href=”<?php bloginfo(’url’); ?>” title=”<?php bloginfo(’name’); ?>”><?php bloginfo(’name’); ?></a></h1>
<p><?php bloginfo(’description’); ?></p>

这里用到了 WP 内置的 bloginfo 函数来生成内容，其中：

bloginfo(’url’)返回网站主页链接；
bloginfo(’name’)返回网站标题；
bloginfo(’description’)返回网站描述。
保存 index.php 文件，然后在浏览器中按 F5 刷新一下页面，看能看到什么？再通过“查看源文件”，核对一下由 WP 的 bloginfo() 函数生成的相关信息。

在一套wordpress模板中，最基本的两个文件是index.php和style.css。其中，前者定义结构和内容，后者定义样式。而事实 上，当我们打开某个模板的文件夹时，看到的并不止这两个，而是更多。这个我们在上一节中就给大家列出来了，这里不妨再列出来，温故而知新。

除此之外，一套主题模板中还可以包含 author.php、home.php、date.php 以及 functions.php 等页面（其中部分页面稍后介绍）。

说明：为简明起见，本指南不涉及如何定义样式表（CSS）文件的内容。

别看上面列出那么多文件，但制作一套模板远没有想象得那么复杂。其实，你只需要制作一个index.php文件，就可以派生出其它文件来，那么为什 么其它文件可以从index.php文件派生出来呢？因为从wordpress应用模板的机制来说，这些模板文件是存在优先级差别的，也可以认为是重要性 不同，它们的优先级顺序是：

index.php -> single.php -> page.php [...]]]>

上一节，我们介绍了wordpress模板制作的基本模板文件和常用Php函数，这一节，我们将介绍如何去应用其中的模板文件和php函数。希望大家耐心点，继续跟进，相信你会有一份收获。

在一套wordpress模板中，最基本的两个文件是index.php和style.css。其中，前者定义结构和内容，后者定义样式。而事实 上，当我们打开某个模板的文件夹时，看到的并不止这两个，而是更多。这个我们在上一节中就给大家列出来了，这里不妨再列出来，温故而知新。

• style.css : CSS(样式表)文件
• index.php : 主页模板
• archive.php : Archive/Category模板
• 404.php : Not Found 错误页模板
• comments.php : 留言/回复模板
• footer.php : Footer模板
• header.php : Header模板
• sidebar.php : 侧栏模板
• page.php : 内容页(Page)模板
• single.php : 内容页(Post)模板
• searchform.php : 搜索表单模板
• search.php : 搜索结果模板

除此之外，一套主题模板中还可以包含 author.php、home.php、date.php 以及 functions.php 等页面（其中部分页面稍后介绍）。

说明：为简明起见，本指南不涉及如何定义样式表（CSS）文件的内容。

别看上面列出那么多文件，但制作一套模板远没有想象得那么复杂。其实，你只需要制作一个index.php文件，就可以派生出其它文件来，那么为什 么其它文件可以从index.php文件派生出来呢？因为从wordpress应用模板的机制来说，这些模板文件是存在优先级差别的，也可以认为是重要性 不同，它们的优先级顺序是：

index.php -> single.php -> page.php -> archive.php -> search.php -> 404.php。

这样，当不存在后边的页面时，WP 会自动调用前面的页面，直至调用 index.php。比如，当程序调用页面页 page.php 时，如果 page.php 模板文件不存在，那么程序会尝试调用前面的文件single.php。而如果 single.php 也不存在，那么就会调用最终的 index.php 来显示页面页。可见 index.php 属于“垫底儿”的缺省页面，它的重要性是最高的。但当存在具体页面时，还是要优先使用具体的页面，可见具体的页面优先级最高。

从上面的分析来看，index.php是一套wordpress模板的核心。由此，wordpress模板制作变的简单起来。下面我们来介绍如何定义主模板文件，我们先来看一幅图，如下：

从这幅图布局来看，主模板被分成四块，header,sidebar,content,footer，在大部分的页面中header, sidebar,footer这三个块是不变的，而wordpress专门为在index.php中包含header,sidebar,footer子页 面提供了对应的get_header()、get_sidebar() 和 get_footer() 函数。

下面，就来详细介绍一下制作 index.php 页面的过程：
首先，在 myThemes 文件夹中建立一个文本文件并将其重命名为 index.php，然后再建立一个 style.css 文件（内容暂时留空）。
然后，用你喜欢的文本编辑器打开 index.php 并输入下列代码（最好复制，因为这一部分不重要）：

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head profile=”http://gmpg.org/xfn/11“>
<meta http-equiv=”Content-Type” content=”<?php bloginfo(’html_type’); ?>;
charset=<?php bloginfo(’charset’); ?>” />
<title><?php bloginfo(’name’); ?> <?php if ( is_single() ) { ?> ? Blog Archive <?php } ?>
<?php wp_title(); ?></title>
<meta name=”generator” content=”WordPress <?php bloginfo(’version’); ?>” />
<!– leave this for stats –>
<link rel=”stylesheet” href=”<?php bloginfo(’stylesheet_url’); ?>”
type=”text/css” media=”all” />
<link rel=”stylesheet” href=”<?php bloginfo(’stylesheet_directory’); ?>
/print.css” type=”text/css” media=”print” />
<link rel=”alternate” type=”application/rss+xml” title=”<?php bloginfo(’name’); ?>
RSS Feed” href=”<?php bloginfo(’rss2_url’); ?>”/>
<link rel=”pingback” href=”<?php bloginfo(’pingback_url’); ?>” />
<?php wp_head(); ?>
</head>
<body>
</body>
</html>

显然，这是一些构成网页文件的 HTML 代码，当然其中包含 PHP 代码。如前所述，HTML 代码定义结构，而 PHP 代码用于生成内容。在 WP 后台的“主题”模块中，选择 myTheme 主题。然后，在浏览器中观察你的 WP 外观。此时，应该显示页面一片空白。但通过“查看源文件”，你会发现 index.php 中的 PHP 代码已经生成了一些头部内容，接着，我们需要定义index.php中body部分，那么它们是如何定义的呢？请看下回讲解。

相关文章

• WordPress模板制作指南（下）
• WordPress模板制作指南(上)
• WordPress Themes 设计手记（五）
• WordPress Themes 设计手记（四）
• WordPress Themes 设计手记（三）
• WordPress Themes 设计手记（二）
• WordPress Themes 设计手记（一）
• wordpress标题title标签优化

一套完整的WordPress模板应至少具有如下文件：

当然，具体到特定的某款模板，可能不止这些文件，但一般而言，这些文件是每套模板所必备的。

贫僧先来介绍一下今天的主角——WordPress Theme Toolkit 和 Unnamed 0.4.1：Wordpress Theme Toolkit 是著名 WordPress 达人 Ozh 开发的专用于编写 WordPress 模板后台管理页面的工具（Ozh 开发了很多经典且实用的WordPress插件和工具，施主可以在这里找到更多好玩的东西）。尽管已经有很久没有更新，但经过测试，发布于九个月前的、将该工具性能压榨殆尽的 Unnamed 0.4 至今仍能非常稳定的工作在 WordPress 2.3-Alpha 平台下，足见 Theme Toolkit 的经典程度。

施主们先来看看 Unnamed 0.4 的后台管理页面截图。

对比 Unnamed 1.2 的后台管理页面， 施主们可以发现，这九个月来，Unnamed 虽然一直在进步，但其基本框架是在 0.4 时代就定型了的。从Unnamed 0.5 起，贫僧开始自己编写后台页面，代码最多时达到700余行，而 0.4 的后台管理页面只有区区200行代码，简练易读。贫僧认为，对于初学者，Theme Toolkit 提供的方便而强大的开发环境可以让施主事倍功半。

1. [...]]]> 4.2    后台管理页面

贫僧先来介绍一下今天的主角——WordPress Theme Toolkit 和 Unnamed 0.4.1：Wordpress Theme Toolkit 是著名 WordPress 达人 Ozh 开发的专用于编写 WordPress 模板后台管理页面的工具（Ozh 开发了很多经典且实用的WordPress插件和工具，施主可以在这里找到更多好玩的东西）。尽管已经有很久没有更新，但经过测试，发布于九个月前的、将该工具性能压榨殆尽的 Unnamed 0.4 至今仍能非常稳定的工作在 WordPress 2.3-Alpha 平台下，足见 Theme Toolkit 的经典程度。

施主们先来看看 Unnamed 0.4 的后台管理页面截图。

对比 Unnamed 1.2 的后台管理页面， 施主们可以发现，这九个月来，Unnamed 虽然一直在进步，但其基本框架是在 0.4 时代就定型了的。从Unnamed 0.5 起，贫僧开始自己编写后台页面，代码最多时达到700余行，而 0.4 的后台管理页面只有区区200行代码，简练易读。贫僧认为，对于初学者，Theme Toolkit 提供的方便而强大的开发环境可以让施主事倍功半。

OK，现在我们来介绍 Theme Toolkit 的使用方法。

1. 调用themetoolkit.php
首先，我们利用下面这条语句将所需的themetoolkit.php加入functions.php中：
<?php include(dirname(__FILE__).'/themetoolkit.php'); ?>

然后，我们来看如何在 functions.php 定义模板所需要的功能：
<?php
themetoolkit(
'mytheme', array(
'option1' => 'Text for Option One',
'option2' => 'Text for Option Two',
'option3' => 'Text for Option Two',
),
__FILE__
);
?>

其中，mytheme 为主题的别名，这无关紧要，数组 array() 中的内容才是关键，第一部分 “option1”为模板某个选项的名称，而 “=>” 之后的部分定义了 option1 的说明文字、样式（比如单选框、复选框、输入框和文本框，不支持下拉选框）和选项状态（比如enable或者disable）。

2. 单选框 （radio）

来看Unnamed 0.4中控制Live Search选项的代码：
‘live_search’ => __(’Live Search’,’unnamed’).’ {radio|enable|’.__(’Enable Live Search(Default)’,’unnamed’).’|disable|’.__(’Disable Live Search’,’unnamed’).’} ## ‘

这是一个典型的单选框应用，__(’…’,’unnamed’) 为本地化代码请直接忽略，我们将代码化简一下得到：
‘live_search’ => ‘Live Search {radio|enable|Enable Live Search(Default) |disable| Disable Live Search} ‘

这便是调用单选框的基本格式，即：
‘选项名称’ => ‘选项标题 { radio | 选项1 | 说明文字1 | 选项2 | 说明文字2 }’

3. 复选框 （checkbox）

复选框的调用方法基本类似：
‘选项名称’ => ‘选项标题 { checkbox | 选项1 | 说明文字1 | 选项2 | 说明文字2 | 选项3 | 说明文字3… }’

4. 输入框 （input field）

施主可以在Unnamed 0.4中找到如下代码，它通过输入框来定义Unnamed文字字体的大小：
‘font_size’ => __(’Text Size’,’unnamed’).’ ## ‘.__(’Type in pixel size of the text. ‘,’unnamed’)

我们很容易看出输入框的调用格式为：
‘选项名称’ => ‘ 选项标题 ## 说明文字 ‘

5. 文本框 （textarea）

文本框的调用格式为：
‘选项名称’ => ‘选项标题 {textarea|行数|列数} ## 说明文字’

6. 设置默认值
我们需要为各个功能设定它们的默认值，开看看Unnamed是怎么做的：

if (!$unnamed->is_installed()) {
$set_defaults['live_search'] = ‘enable’;
$set_defaults['ajax_commenting'] = ‘enable’;
$set_defaults['sliding_menu'] = ‘enable’;
$set_defaults['header'] = ‘header’;
$set_defaults['sidebar_align'] = ‘right’;
$set_defaults['width_type'] = ‘3′;
$result = $unnamed->store_options($set_defaults);
}

注意$unnamed为模板的别名，即前面的”mytheme”，代码很好理解，就不多解释了。

7. 利用函数控制和输出功能
在了解如何调用各种样式来控制模板功能之后，我们需要将这些功能添加到模板中去，我们需要自己编写一些简单的函数来控制和输出这些功能。

比如，当 Live Search 选项为 enable 时，模板的 Live Search 可用，否则禁用。在模板中，这就相当于是否加载 livesearch.js。九个月前的贫僧是这样做的：

在 functions.php 中，定义 unnamed_livesearch() 函数，判断 live_search 选项是否为 enable，若是，则返回真值。

function unnamed_livesearch() {
global $unnamed;
if ($unnamed->option['live_search'] == “enable”) {
return true;
} else {
return false;
}
}

在 header.php 中施主可以看到如下代码，当 live_search 为 enable 时，即 unnamed_livesearch() 的值为真时，调用livesearch.js.php，Live Search 功能被加载，否则该功能被禁用。
<?php if(function_exists('unnamed_livesearch') and unnamed_livesearch()) { ?>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/livesearch.js.php"></script><?php } >

实际上施主还可以写的更简单一些。

施主还可以利用 Theme Toolkit 来改变模板的样式，比如 header 图片，字体，色彩，宽度等等，具体施主可以看unnamed_options_css () 这个函数是怎么写的，由于和上一节 Custom Image Header 类似，在此就不赘述了。

8. 其他
Theme Toolkit 会自动生成删除选项，令施主们没有后顾之忧。施主还可以对themetoolkit.php做一些改动，让它符合自己的特定需求。如果有兴趣自己编写后台管理页面，贫僧强烈建议施主去读 Codex 上的 Plugin API 及其他相关文章。

参考文献：

1. WordPress Theme Toolkit

相关文章

• WordPress Themes 设计手记（四）
• WordPress Themes 设计手记（三）
• WordPress模板制作指南（下）
• WordPress模板制作指南（中）
• WordPress模板制作指南(上)
• WordPress Themes 设计手记（二）
• WordPress Themes 设计手记（一）
• wordpress标题title标签优化

I would rather see the team take their time, delay a release until June with the tagging feature properly implemented and tested, rather than removing it due to potential issues.

OK，让我们进入正题。

四、杂项

4.1    Custom Image Header

Custom Image Header 是WordPress 2.1增加的一个新功能，支持该功能的主题允许用户自定义Header图片。所以今天贫僧来介绍如何让施主们的WordPress主题支持该牛逼闪闪的功能。本文中涉及的相关代码可以在Unnamed Special Edition 的functions.php中找到。

首先，各位施主请看如下几行代码，它们分别定义了header部分的字体颜色、默认背景图片以及图片尺寸：
define('HEADER_TEXTCOLOR','FFFFFF');
[...]]]> 题外话：WordPress团队最近干了两件很2的事情，其一是将一个极不成熟的tag系统引入WordPress 2.2。仅从模板开发者的角度来说，该tag系统与UTW的兼容性较差，基本上支持了WordPress内生的tag就等于放弃对UTW的支持（屠杀 啊），而该tag系统不过是原分类系统的畸形衍生品，功能上实在不敢恭维。其二是他们又把tag给去掉了，说是要到2.3的时候再推出，这就是对UTW判 了死缓。对贫僧个人而言，这意味着刚刚加入对这个破玩艺支持的Unnamed 1.2作废了，搞得贫僧很没有兴致。这些行为实在是太2了，连Blogging Pro也说：

I would rather see the team take their time, delay a release until June with the tagging feature properly implemented and tested, rather than removing it due to potential issues.

OK，让我们进入正题。

四、杂项

4.1    Custom Image Header

Custom Image Header 是WordPress 2.1增加的一个新功能，支持该功能的主题允许用户自定义Header图片。所以今天贫僧来介绍如何让施主们的WordPress主题支持该牛逼闪闪的功能。本文中涉及的相关代码可以在Unnamed Special Edition 的functions.php中找到。

首先，各位施主请看如下几行代码，它们分别定义了header部分的字体颜色、默认背景图片以及图片尺寸：
define('HEADER_TEXTCOLOR','FFFFFF');
define('HEADER_IMAGE','%s/images/bg_header.jpg');
define('HEADER_IMAGE_HEIGHT',150);
define('HEADER_IMAGE_WIDTH',960);

这段代码告诉我们一个道理：Unnamed SE的header部分字体颜色为白色（FFFFFF），默认背景图片为bg_header.jpg，背景图片尺寸为960*150。

再来看下面这段代码，在这里，函数custom_css()包含了定义主题header样式所需的CSS，它会被输出到模板的头部（如果施主不想在 页面头部生成过多代码，可以考虑和Unnamed一样将CSS写入php文件，不过贫僧不推荐这样做，尽管好处大大地，但弊端也很是不少）。

<?php
function custom_css() {
?>
<style type="text/css">
#header {
height:<?php echo HEADER_IMAGE_HEIGHT; ?>px;
background:url(<?php header_image() ?>) transparent repeat top center;
}
<?php if (get_header_textcolor()=='blank' ) { ?>
#header h1, .description {
display:none;
}
<?php } else { ?>
#header h1 a,.description {
color:#<?php header_textcolor() ?>;
}
<?php } ?>
</style>
<?php } ?>

其中，#header部分定义了header图片的高度（HEADER_IMAGE_HEIGHT）和url（header_image()）；而后一部分则判断header的文字部分是否需要隐藏；header_textcolor()则用于定义字体颜色。

用户们都喜欢所见即所得，所以，为用户着想的施主们需要在管理页面中设置当前header样式的预览。为了与模板中的样式保持一致，我们用admin_header_style()定义预览部分的样式（代码意义与前一段基本相同）：

<?php function
admin_header_style() {
?>
<style type="text/css">
#headimg {
background-image:url(<?php header_image() ?>);
background-repeat:repeat !important;
height:<?php echo HEADER_IMAGE_HEIGHT; ?>px;
width:<?php echo HEADER_IMAGE_WIDTH; ?>px;
margin:0 0 10px;
}
#headimg h1 {
font-size:2.2em;
text-align:left;
margin:0;
padding:45px 0 0 20px;
}
#headimg h1 a {
color:#<?php header_textcolor() ?>;
text-decoration: none;
border-bottom: none;
}
#headimg #desc {
color:#<?php header_textcolor() ?>;
font-size:1em;
text-align:left;
padding:0 0 5px 20px;
}
<?php if ('blank' == get_header_textcolor()) { ?>
#headimg h1,#headimg #desc {
display:none;
}
#headimg h1 a,#headimg #desc {
color:#<?php echo HEADER_TEXTCOLOR ?>;
}
<?php } ?>
</style>
<?php } ?>

最后，我们通过add_custom_image_header()来输出CSS到主题和管理页面的头部。

<?php add_custom_image_header('custom_css', 'admin_header_style'); ?>

这样，当该WordPress主题被激活时，系统会自动加载Custom Image Header管理页面，用户可以通过该页面上传和处理header背景图片。更多内容可以参考/wp-admin/custom-header.php。

相关文章

• WordPress Themes 设计手记（五）
• WordPress Themes 设计手记（三）
• WordPress模板制作指南（下）
• WordPress模板制作指南（中）
• WordPress模板制作指南(上)
• WordPress Themes 设计手记（二）
• WordPress Themes 设计手记（一）
• wordpress标题title标签优化

熟悉The Loop的用法能够让你随心所欲的控制文章的输出，因此我们来着重了解一下The Loop：

WordPress使用一个循环体来控制正文内容的显示，文章将按循环体内代码所定义的格式输出到当前页面上。部分模板标签必须在循环体内使用，如每篇文章的标题（the_title()），时间（the_time()）和分类（the_category()） 。

简单表示如下：

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
…找到相关内容则按格式输出正文…
<?php endwhile; else: ?>
…否则输出错误信息…
<?php endif; ?>

The Loop的用法非常灵活，比如你可以将其和分类标签结合起来以限定某个页面或某一部分只显示某个或几个分类的内容，这就是一个最简单的Asides。有兴 趣的自己不妨找找相关插件或模板来看看。我在这里仅举两个简单的例子。比如，如果你想要某一页面只显示分类x（x代表该分类的ID）的内容，你可以这样 写：

<?php if ( have_posts() ) : while ( have_posts() [...]]]> 3.2    Index.php
以WordPress默认模板的index.php为例。我们先来看看它的结构：首先，通过<?php get_header(); ?>获得头信息；然后是一个循环体（The Loop，不知这样叫对不对）；最后通过<?php get_sidebar(); ?>和<?php get_footer(); ?>加载侧边栏和页脚。

熟悉The Loop的用法能够让你随心所欲的控制文章的输出，因此我们来着重了解一下The Loop：

WordPress使用一个循环体来控制正文内容的显示，文章将按循环体内代码所定义的格式输出到当前页面上。部分模板标签必须在循环体内使用，如每篇文章的标题（the_title()），时间（the_time()）和分类（the_category()） 。

简单表示如下：

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
…找到相关内容则按格式输出正文…
<?php endwhile; else: ?>
…否则输出错误信息…
<?php endif; ?>

The Loop的用法非常灵活，比如你可以将其和分类标签结合起来以限定某个页面或某一部分只显示某个或几个分类的内容，这就是一个最简单的Asides。有兴 趣的自己不妨找找相关插件或模板来看看。我在这里仅举两个简单的例子。比如，如果你想要某一页面只显示分类x（x代表该分类的ID）的内容，你可以这样 写：

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php if ( in_category('x') ) { ?>
…正文内容…
<?php } else { ?>
…其他内容…
<?php } ? >
<?php endwhile; else: ?>
…出错信息…
<?php endif; ?>

进一步，来看一个Asides的例子。假设你需要在某个页面的某一位置（比如侧边栏）输出某个分类的前x篇文章，你可以这样做：

<?php $temp_query = $wp_query; ?>
<?php query_posts('category_name=分类名字&showposts=x'); ?>
<?php while (have_posts()) : the_post(); ?>
…Asides内容…
<?php endwhile; ?>
<?php $wp_query = $temp_query; ?>

在这里，我们在Asides的循环体重使用变量temp_query来代替wp_query，以避免同正文部分的循环体发生冲突。更多的例子你可一在文后的参考文献中找到，代码大同小异。另外Durable的index.php也是一个不错的样板。

3.3    Sidebar.php
侧边栏的内容没有太多好说的，记住如果你想自己的侧边栏在不同页面显示不同内容，可以用3.1中提到的方法。我倾向于让用户使用Sidebar widgets或SBM(Sidebar Modules)来自行定义侧边栏的内容，这就是为什么Unnamed默认侧边栏内容偏少的原因。

在这里简单解释一下如何让主题支持Sidebar Widgets或SBM：
首先你需要建立一个functions.php，这个文件通常用于控制主题的后台内容，包括一些后台功能和管理页面。

然后在functions.php中加入下述代码：
if (function_exists('register_sidebar')) { register_sidebars(x,array('name'=>'Sidebar %d')); }

x代表sidebar的数量。

最后，修改Sidebar.php，以双侧边栏为例：


<div id="sidebar">
<div class="left-sidecolumn">
<ul>
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>
<li> … </li>
<?php endif; ?>
</ul>
</div>
<div class="right-sidecolumn">
<ul>
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>
<li> … </li>
<?php endif; ?>
</ul>
</div>
</div>


参考文献：

1. The Loop
2. Widgetizing Themes

相关文章

• WordPress Themes 设计手记（五）
• WordPress Themes 设计手记（四）
• WordPress模板制作指南（下）
• WordPress模板制作指南（中）
• WordPress模板制作指南(上)
• WordPress Themes 设计手记（二）
• WordPress Themes 设计手记（一）
• wordpress标题title标签优化

进入正题，我们以WordPress Default 1.6为例，尽可能详细的分析模板文件中所用到的相关代码及技巧。

3.1    Header.php
我们从头开始好了。打开Header.php，在这里我们可以看到不少常用的模板标签，其中<?php language_attributes(); ?>是WordPress 2.1新增加的标签，用于在头部输出“lang=’zh-CN’”这样的语言标记，站点语言可以在后台定义。

在这里，你可以看到<?php bloginfo() ?>是一个被使用多次的模板标签，用于显示一些站点的相关信息，比如标题、网页类型、字符集、样式表链接、Rss链接等等。其用法是：

<?php bloginfo('show'); ?>

Show是你想要显示的内容，可以是：name、description、url、charset、stylesheet_url等等，具体请见http://codex.wordpress.org/Template_Tags/bloginfo

另外，<title> </title>之间的代码用于输出网页的标题，先看WP默认模板的标题输出：

除了用<?php bloginfo(’name’); ?>输出Blog的名字之外，该模板还使用了”is_single()”函数来判断当前页面是否是单篇汇整页面，如果是，则输出<?php if ( is_single() ) { ?>…<?php } ?>之间的语句。

这是一个非常常用的技巧，它允许你使用一段代码控制不同页面的输出效果，简便且灵活。除了is_single()之外，常用的还 有：is_home()、is_page()、is_paged()、is_archive()、is_search()、is_404()、 is_tag()。意思都很好理解，is_paged()就是某个存档的除第一页外的后n页（这个解释很别扭，俗称“上一页”…）。

如果非再要举个例子，那就来一个豪华的，K2的theloop.php。有别于普通WP模板按网页结构和存档性质划分模板文件的方法，K2使用 theloop.php来定义全部页面的正文内容输出，主要手段就是通过上面提到的那些函数来判断当前页面的性质以输出相应的内容。尽管原理很简单，但这 种处理模板文件的形式大大简化了代码编辑工作，因为你只需要通过一个模板文件中的几行代码就可以改变几乎任何一个页面上的内容。

如果你想要某页面不显示某些内容，只要在is前加上感叹号表示否定即可，例如：
<?php if ( !is_home() ) { ?>…<?php } ?>

最后，在</head>之前，一定会有一个<?php wp_head(); ?>，wp_head()用于获取一些插件或者主题所需的功能，这些功能通常是在后台就定义好的，比如在一些主题和插件里你可以看到 [...]]]> 三、模板文件解析

首先提一下WordPress的模板标签（Template Tags）。WordPress提供的模板标签十分丰富，你几乎可以利用它们把主题做成任何你想要的样子。了解并掌握重要标签的形式和用法是进行 WordPress主题开发的重要环节。WordPress Codex给出了大部分Template Tags的说明，我就不做重复劳动了。

进入正题，我们以WordPress Default 1.6为例，尽可能详细的分析模板文件中所用到的相关代码及技巧。

3.1    Header.php
我们从头开始好了。打开Header.php，在这里我们可以看到不少常用的模板标签，其中<?php language_attributes(); ?>是WordPress 2.1新增加的标签，用于在头部输出“lang=’zh-CN’”这样的语言标记，站点语言可以在后台定义。

在这里，你可以看到<?php bloginfo() ?>是一个被使用多次的模板标签，用于显示一些站点的相关信息，比如标题、网页类型、字符集、样式表链接、Rss链接等等。其用法是：

<?php bloginfo('show'); ?>

Show是你想要显示的内容，可以是：name、description、url、charset、stylesheet_url等等，具体请见http://codex.wordpress.org/Template_Tags/bloginfo

另外，<title> </title>之间的代码用于输出网页的标题，先看WP默认模板的标题输出：

除了用<?php bloginfo(’name’); ?>输出Blog的名字之外，该模板还使用了”is_single()”函数来判断当前页面是否是单篇汇整页面，如果是，则输出<?php if ( is_single() ) { ?>…<?php } ?>之间的语句。

这是一个非常常用的技巧，它允许你使用一段代码控制不同页面的输出效果，简便且灵活。除了is_single()之外，常用的还 有：is_home()、is_page()、is_paged()、is_archive()、is_search()、is_404()、 is_tag()。意思都很好理解，is_paged()就是某个存档的除第一页外的后n页（这个解释很别扭，俗称“上一页”…）。

如果非再要举个例子，那就来一个豪华的，K2的theloop.php。有别于普通WP模板按网页结构和存档性质划分模板文件的方法，K2使用 theloop.php来定义全部页面的正文内容输出，主要手段就是通过上面提到的那些函数来判断当前页面的性质以输出相应的内容。尽管原理很简单，但这 种处理模板文件的形式大大简化了代码编辑工作，因为你只需要通过一个模板文件中的几行代码就可以改变几乎任何一个页面上的内容。

如果你想要某页面不显示某些内容，只要在is前加上感叹号表示否定即可，例如：
<?php if ( !is_home() ) { ?>…<?php } ?>

最后，在</head>之前，一定会有一个<?php wp_head(); ?>，wp_head()用于获取一些插件或者主题所需的功能，这些功能通常是在后台就定义好的，比如在一些主题和插件里你可以看到 add_action(’wp_head’, ‘函数名’);这样的语句。

大部分主题将导航栏也放在header.php中，就简单提一点：WordPress对当前页定义的CSS Class是current_page_item，而其他页面则是page_item，也就是说，你可以在CSS中定义current_page_item和page_item以区分当前页和其他页面的样式。比如：

li.current_page_item {
...
}
li.page_item {
...
}

wp_list_pages()也是一个很有讲究的模板标签，具体用法参见Codex。

接下来的过几天交完论文终稿再写吧。。。

参考文献：

1. Template Tags: bloginfo
2. Hooks: wp_head
3. The Loop

相关文章

• WordPress Themes 设计手记（五）
• WordPress Themes 设计手记（四）
• WordPress Themes 设计手记（三）
• wordpress标题title标签优化
• WordPress中生成静态HTML页面的PHP代码
• wordpress 分类文章链接排序不用愁
• WordPress友情链接调用及显示说明
• wordpress历史文章存档标签的调用方法

这会是几篇半教程性质的手记，估计内容会很杂，也很难写成体系，所以我打算写到哪算哪。有兴趣的随便看看吧，兴许能找到一两个有用的点子。

今天先扯开发WordPress主题可能用到的工具和资源，并简单介绍一下WordPress主题的结构……我废话又多了，开始吧。

传统的网页通常使用HTML来控制页面结构，并通过样式表（CSS）来控制页面的表现。WordPress也使用样式表来控制网页的表现，但其页面 内容则是由几个模板文件（Template Files）共同构建而成的。其中一些模板文件是全局性的，比如头信息和页脚模块，而有一些则只用于特殊场合。

这些模板文件通常由XHTML和简单的PHP代码构成，只要你有一些基本的网页知识，并且知道什么是“if…else…”，就不用太担心代码问题 ——当然，掌握一些基本的XHTML、CSS、PHP和Javascript知识，还是大有好处的。在文章中，我会尽量少涉及模板之外的代码，很多东西， 不是拿来谈论的，比如网页标准，我们遵循它，使用它，就可以了。

我们习惯性的将网页分解为 “头信息（Header）”、“内容（Content）”、“侧边栏（Sidebar）”、“页脚（Footer）”这几个主要部分，而这也是主要 WordPress模板文件划分的依据。通常一个普通的WordPress主题会包含一下几个模板文件：

其中，style.css用于定义主题的外观；头信息模块定义了网站的基本信息，比如标题、关键词等等；站点的主要内容使用index.php输 出，page.php用于输出分页内容，而single.php则被用于单篇汇整，404模块用于返回站点404错误信息；sidebar.php包含了 网站的一些次要内容，比如订阅、分类、链接等等；页脚信息通常会包含站点的版权等相关信息；而其他模块所含内容视情况而定，比如comments.php [...]]]> 我决定静下心来，好好的写一些东西，最好能把我这一年多来设计WordPress主题的体验记录下来，和大家分享。

这会是几篇半教程性质的手记，估计内容会很杂，也很难写成体系，所以我打算写到哪算哪。有兴趣的随便看看吧，兴许能找到一两个有用的点子。

今天先扯开发WordPress主题可能用到的工具和资源，并简单介绍一下WordPress主题的结构……我废话又多了，开始吧。

一、开发工具及相关资源

• 本地WordPress架设：Xampp（WordPress官方也推荐了这一软件组合，方便实用）。
• 代码：Dreamweaver（我选择它仅仅是出于习惯，你完全可以选择一个更称手的）。
• 图像：Photoshop、Illustrator、Fireworks之类之类。
• 版本控制：Google Code，在教育网利用svn往google code上传东西实在是太慢了，不过还是推荐。
• 浏览器测试：Firefox（当然，少不了Web Developer Toolbar）、Internet Explorer 7、Mutiple IEs（包含可独立运行的IE3——IE6）、Opera、Swift（基于WebKit引擎的浏览器，用于Safari兼容性测试）。
• 相关站点：
  • WordPress Codex
  • WordPress Hooks
  • WordPress Theme Viewer

二、WordPress主题结构——模板文件及其调用

传统的网页通常使用HTML来控制页面结构，并通过样式表（CSS）来控制页面的表现。WordPress也使用样式表来控制网页的表现，但其页面 内容则是由几个模板文件（Template Files）共同构建而成的。其中一些模板文件是全局性的，比如头信息和页脚模块，而有一些则只用于特殊场合。

这些模板文件通常由XHTML和简单的PHP代码构成，只要你有一些基本的网页知识，并且知道什么是“if…else…”，就不用太担心代码问题 ——当然，掌握一些基本的XHTML、CSS、PHP和Javascript知识，还是大有好处的。在文章中，我会尽量少涉及模板之外的代码，很多东西， 不是拿来谈论的，比如网页标准，我们遵循它，使用它，就可以了。

我们习惯性的将网页分解为 “头信息（Header）”、“内容（Content）”、“侧边栏（Sidebar）”、“页脚（Footer）”这几个主要部分，而这也是主要 WordPress模板文件划分的依据。通常一个普通的WordPress主题会包含一下几个模板文件：

• 样式表：style.css
• 头信息模块：header.php
• 内容模块：index.php、page.php、single.php、archive.php、search.php、404.php
• 侧边栏模块：sidebar.php
• 页脚模块：footer.php
• 评论模块：comments.php
• 搜索表单模块：searchform.php

其中，style.css用于定义主题的外观；头信息模块定义了网站的基本信息，比如标题、关键词等等；站点的主要内容使用index.php输 出，page.php用于输出分页内容，而single.php则被用于单篇汇整，404模块用于返回站点404错误信息；sidebar.php包含了 网站的一些次要内容，比如订阅、分类、链接等等；页脚信息通常会包含站点的版权等相关信息；而其他模块所含内容视情况而定，比如comments.php 用于控制评论输出，而searchform.php则包含了搜索表单。当然，WordPress也允许用户调用自己定义的模块。

注意：当archive.php和search.php不存在时，WordPress会自动调用index.php中的内容，因此这两个模板文件已经不是必需的了，在此不作介绍。

在WordPress中，主要的模板文件都有自己专用的调用代码：

• style.css：<?php bloginfo(’stylesheet_url’); ?>
• header.php：<?php get_header(); ? >
• sidebar.php：<?php get_sidebar(); ? >
• footer.php：<?php get_footer(); ? >
• comments.php：<?php comments_template();? >

而其他辅助模块则可以使用相关语句来调用，比如你要在侧边栏里调用搜索模块，就可以在sidebar.php的相关位置输入：

<?php include (TEMPLATEPATH . '/searchform.php'); ?>

该语句也可用于调用你自己创建的模板文件。

举个例子，比如在index.php中，我们需要头信息、正文、侧边栏和页脚信息，那么该模板的结构就是：


<?php get_header(); ?>
…主体内容…
<?php get_sidebar(); ?>
<?php get_footer(); ?>


先写这么多吧，下回再续-_-!

本文来源http://xuyiyang.com

相关文章

• WordPress Themes 设计手记（五）
• WordPress Themes 设计手记（四）
• WordPress Themes 设计手记（三）
• wordpress 分类文章链接排序不用愁
• WordPress友情链接调用及显示说明
• wordpress历史文章存档标签的调用方法
• wordpress trackback 是什么
• Wordpress自定义链接排序，显示条数等（不用插件） Custom Links Bookmarks

进入你的wordpress后台管理-外观-主题编辑器-页眉          也就是编辑header.php文件
<?php wp_title(”); ?> <?php if ( is_single() or is_page() or is_category() ) { ?> - <?php } ?> <?php bloginfo(’name’); ?>

将上面的代码覆盖<title>。。。</title> 就可以

其中用到的wordpress函数解释

<?php wp_title(”); ?> 这个是输出你当前文章的标题

<?php if ( is_single() or is_page() or is_category() ) { ?> – <?php } ?>     这个是说：如果是 单篇文章、页面文章、或者标签页 输出一个 [...]]]> 都说wordpress的title标签原本不利于搜索引擎优化，title标签原本是按照  博客名>文章名 显示出来的。对搜索引擎并不友好，懒的找wordpress中文插件的朋友、或者觉得插件影响速度的可以用以下代码直接实现 wordpress的title标签的优化，实现对搜索引擎的友好。

进入你的wordpress后台管理-外观-主题编辑器-页眉          也就是编辑header.php文件
<?php wp_title(”); ?> <?php if ( is_single() or is_page() or is_category() ) { ?> - <?php } ?> <?php bloginfo(’name’); ?>

将上面的代码覆盖<title>。。。</title> 就可以

其中用到的wordpress函数解释

<?php wp_title(”); ?> 这个是输出你当前文章的标题

<?php if ( is_single() or is_page() or is_category() ) { ?> – <?php } ?>     这个是说：如果是 单篇文章、页面文章、或者标签页 输出一个 -  符号（这个就是说在文章标题和后面的博客名称之间放了个分隔符）

<?php bloginfo(’name’); ?>     显示你的博客名称。

wordpress博客中的 <title>标签优化还是很容易的，这样既实现了对搜索引擎的友好，不用插件，也不会影响wordpress博客的响应速度。减少了去寻找 wordpress中文插件、安装插件、弄不好还会产生插件冲突等不必要的麻烦，省心多了。

http://blog.popdo.net/2008/04/wordpress%E6%A0%87%E9%A2%98title%E6%A0%87%E7%AD%BE%E4%BC%98%E5%8C%96.html

相关文章

• WordPress Themes 设计手记（五）
• WordPress Themes 设计手记（四）
• WordPress Themes 设计手记（三）
• WordPress Themes 设计手记（二）
• WordPress中生成静态HTML页面的PHP代码
• wordpress 分类文章链接排序不用愁
• WordPress友情链接调用及显示说明
• wordpress历史文章存档标签的调用方法

作为博客写手、网页设计师和元老级网民，我们每天要浏览许多的网站和博客。除阅读之外，我们也会对其它所有相关都会感到好奇。这些好奇往往产生 自网站(博客)的数字和数据，例如页面点击量、Feed订阅数、排名、网站虚拟主机和网站的价值等等。暴风彬彬建议你看看这篇《通过27个网站分析工具了解网站的9个有趣真相》。暴风彬彬在此之前也曾经推荐过《20个免费的SEO网站分析工具》，如果感兴趣，也可以去看一看。

Alexa

Compete

Statbrain

Quantcast

Google 网站趋势

Pingdom

这句就是告诉它分类要依照名称排序、并显示拥有的文章数量、而且分类要显示分类RSS连结。

各个自设选项列表如下

sort_column
ID 或 name，预设为 ‘ID
分别为依 ID 值或分类名称排序

sort_order
asc [...]]]>

这句就是告诉它分类要依照名称排序、并显示拥有的文章数量、而且分类要显示分类RSS连结。

各个自设选项列表如下

sort_column
ID 或 name，预设为 ‘ID
分别为依 ID 值或分类名称排序

sort_order
asc 或 desc，预设为递增 asc
排序递增或递减

list
0 或 1，预设为以清单方式显示： 1
设定是否以清单方式显示？
将会在分类上加上

optiondates
0 或 1，预设为不显示： 0
设定是否显示每个分类下最新发表文章的发表日期？

optioncount
0 或 1，预设为不显示： 0
是否显示分类所拥有的文章计数？

hide_empty
0 或 1，预设为隐藏： 1
设定是否隐藏无文章的分类？

use_desc_for_title
0 或 1，预设为显示成分类说明： 1
设定分类连结的title是否显示为分类说明？

children
0 或 1，预设为显示： 1
是否显示子分类

hierarchical
0 或 1，预设为层级方式显示： 1
子分类是否以层级方式显示

child_of
无预设值
只显示某项分类（ID）的子分类
child_of=分类ID值
有设定此项目的话，hide_empty要设为0

exclude
无预设值
设定不要显示的分类ID，可为复数
如 exclude=ID1,ID2,ID3,…..

feed
无预设值
设定分类 RSS 的显示文字
如 feed=RSS
如果这个项目有设定的话，分类之後将会显示分类Feed的连结

feed_image
无预设值
设定分类 RSS 的图片路径
如 feed=images/rss.gif
如果同时有设定 feed_image 与 feed，则将以 feed_image 为主

http://www.no-god.cn/index.php/20080613/wp_list_cats-detailed-explanation-function.html

相关文章

• wordpress 分类文章链接排序不用愁
• WordPress友情链接调用及显示说明
• wordpress历史文章存档标签的调用方法
• wordpress trackback 是什么
• Wordpress自定义链接排序，显示条数等（不用插件） Custom Links Bookmarks
• WordPress自定义链接代码及相关问题
• WordPress在单篇文章页内加入上一页下一页
• WordPress如何单日志分页

本站备份(不推荐):这里

a{

color:purple;

}

a:visited{

color:red;
background-color:black

}

a:hover{

background-color:white;

}

用CSS的:link化类别来制定没有访问过链接的属性.

没有访问过的链接是什么颜色,访问过的链接是什么颜色

pseudo-Class Example Use Description

:link a:link {…} 设置为访问过链接属性
:visited a:viseted{…} 设置访问过链接属性
:active a:active {…} 鼠标点击与释放之间时
:hover a:hover { 鼠标悬停时