WordPress主题5styles特点：

界面整洁、明快，五种纯div+css样式打造的博客布局，自由切换并有浏览器缓存，方便浏览者找到自适宽度浏览。

中文；两栏，左右侧栏自由切换；支持Widget；支持Gravatar；兼容IE6、IE7、IE8、Firefox等常规浏览器。

5styles界面图片：

所需插件：

中文 WordPress 工具箱、WP-PostViews、WordPress Related Posts、WP-PageNavi

预览与下载：

预览 本地下载 | 站外下载

更新1

有网友反映该主题的字体偏小、颜色偏浅。请自行修改样式表，修改方法如下：

1、如果想修改文章的字体。
打开主题中的style.css文件；
找到

.entry{ margin: 8px 0; padding:0px; line-height:22px;}

添加字体大小和前景色样式

.entry{ margin: 8px 0; padding:0px; line-height:22px;font-size:14px;color:#000;}

2、如果想修改整个的字体。
请按上述方法修改body里的对应属性

• 2009-07-19 -- wordpress主题切换预览插件：Theme Switcher Reloaded (5)
• 2009-05-17 -- WordPress主题amarketer发布 (86)
• 2009-03-12 -- WordPress主题RBcss发布 (79)
• 2008-11-28 -- wordpress主题结构层次图 (15)
• 2008-10-20 -- 给Blog换新主题 (15)
• 2008-08-25 -- WordPress搭建企业网站 (44)
• 2008-03-02 -- WordPress 主题简明教程 (3)
• 2011-12-31 -- wordpress自定义栏目（Custom Fields）的应用 (0)
• 2009-11-02 -- 我的文章我做主，分享别人获益自己 (17)
• 2009-06-30 -- WordPress安装简明步骤 (9)

摘自：MarsLau's Blog | 原文链接：Permalink |
Tags: 5styles, wordpress, 主题, 原创

您可能也喜欢：
WordPress主题RBcss发布	WordPress主题amarketer发布	wordpress主题结构层次图	WordPress 主题简明教程	WordPress搭建企业网站
无觅

Feed enhanced by Better Feed from Ozh

下载地址：http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded

安装：

主题访问地址：http://域名/ ?wptheme=主题名

注意：该插件只适用支持widget的主题

之前写过一些主题RBcss、Amarketer等，都是找别的博客演示。现在知道 Theme Switcher Reloaded 这个插件，就方便多了。见：http://wp-themes.marslau.com/

• 2009-07-22 -- WordPress主题5styles (56)
• 2009-05-17 -- WordPress主题amarketer发布 (86)
• 2009-03-19 -- wordpress插件推荐：WP-EasyArchives 以及月存档链接问题补充 (10)
• 2009-03-12 -- WordPress主题RBcss发布 (79)
• 2008-11-28 -- wordpress主题结构层次图 (15)
• 2008-10-20 -- 给Blog换新主题 (15)
• 2008-10-16 -- 中文 WordPress 工具箱 (12)
• 2008-08-25 -- WordPress搭建企业网站 (44)
• 2008-03-02 -- WordPress 主题简明教程 (3)
• 2011-12-31 -- wordpress自定义栏目（Custom Fields）的应用 (0)

摘自：MarsLau's Blog | 原文链接：Permalink |
Tags: demo, wordpress, 主题, 插件

Feed enhanced by Better Feed from Ozh

由于该主题是专门为自己打造的，没有考虑过通用的代码，所以一直没有发布，很多网友向我要的时候也不好意思供他们使用。但最终遇见了一位热心的博友思亭，抽出自己的时间将模板整理重写，并在论坛上发表了一下，在这正式感谢一下。

amarketer主题特性：
清爽蓝色；支持Gravatar；兼容IE6、IE7、IE8、Firefox、chrome等浏览器。

所需插件：
中文 WordPress 工具箱、WP-PostViews、WordPress Related Posts、WP-PageNavi

预览与下载：
预览：本站 下载

主题更新：

主题的留言板page页面：下载

主题的首页home.php：下载

• 2009-07-22 -- WordPress主题5styles (56)
• 2009-07-19 -- wordpress主题切换预览插件：Theme Switcher Reloaded (5)
• 2009-03-12 -- WordPress主题RBcss发布 (79)
• 2008-11-28 -- wordpress主题结构层次图 (15)
• 2008-10-20 -- 给Blog换新主题 (15)
• 2008-08-25 -- WordPress搭建企业网站 (44)
• 2008-03-02 -- WordPress 主题简明教程 (3)
• 2011-12-31 -- wordpress自定义栏目（Custom Fields）的应用 (0)
• 2009-06-30 -- WordPress安装简明步骤 (9)
• 2009-03-19 -- wordpress插件推荐：WP-EasyArchives 以及月存档链接问题补充 (10)

摘自：MarsLau's Blog | 原文链接：Permalink |
Tags: amarketer, wordpress, 主题

Feed enhanced by Better Feed from Ozh

做RBcss主题的初衷是简单、通用。因此在主题模板设计和制作时没有使用一张图片，没有用到JS，纯粹的div+css，大大减小了网站的体积，提升页面加载速度，加上注意了部分SEO技巧，相信纯CSS的RBcss主题对博客的推广有一定的好处。

RBcss主题色调是经典的红黑搭配，这也是我一直想尝试的色调搭配，又因为是纯CSS的，所以主题名称也是由此命名的RBcss：Red+Black+css。

图片预览：

RBcss主题特性：

两栏；黑红色；支持Widget；支持Gravatar；通过 XHTML 1.1 和 CSS 3 验证；兼容IE6、IE7、IE8、Firefox、chrome等浏览器。

可以根据需要添加WP-PostViews、WordPress Related Posts、WP-PageNavi等常用插件。
预览与下载：

预览

下载（无需插件）

下载（需WP-PostViews、WordPress Related Posts、WP-PageNavi插件）

更新：

1、3月14日：改正了使用Widget时侧栏标题调错样式的问题。

• 2008-11-28 -- wordpress主题结构层次图 (15)
• 2008-08-25 -- WordPress搭建企业网站 (44)
• 2009-07-22 -- WordPress主题5styles (56)
• 2009-07-19 -- wordpress主题切换预览插件：Theme Switcher Reloaded (5)
• 2009-05-17 -- WordPress主题amarketer发布 (86)
• 2008-10-20 -- 给Blog换新主题 (15)
• 2008-03-02 -- WordPress 主题简明教程 (3)
• 2011-12-31 -- wordpress自定义栏目（Custom Fields）的应用 (0)
• 2009-09-10 -- 5个css布局的常见问题及解决方法 (10)
• 2009-06-30 -- WordPress安装简明步骤 (9)

摘自：MarsLau's Blog | 原文链接：Permalink |
Tags: CSS样式, RBcss, wordpress, 主题, 模板

Feed enhanced by Better Feed from Ozh

这张wordpress模板结构图，能在你写主题提供很清晰的思路。

• 2009-03-12 -- WordPress主题RBcss发布 (79)
• 2008-08-25 -- WordPress搭建企业网站 (44)
• 2009-07-22 -- WordPress主题5styles (56)
• 2009-07-19 -- wordpress主题切换预览插件：Theme Switcher Reloaded (5)
• 2009-05-17 -- WordPress主题amarketer发布 (86)
• 2008-10-20 -- 给Blog换新主题 (15)
• 2008-03-02 -- WordPress 主题简明教程 (3)
• 2011-12-31 -- wordpress自定义栏目（Custom Fields）的应用 (0)
• 2009-06-30 -- WordPress安装简明步骤 (9)
• 2009-03-19 -- wordpress插件推荐：WP-EasyArchives 以及月存档链接问题补充 (10)

摘自：MarsLau's Blog | 原文链接：Permalink |
Tags: wordpress, 主题, 层次, 模板

Feed enhanced by Better Feed from Ozh

新主题写的时候兼容了Firefox、ie6、ie7、chrome等浏览器，我想这对大多数网友应该足够了。如有出错的地方希望能给予指正。
功能上比老版的主题添加了Gravatar头像，侧栏添加了tab标签，结构看起来也应该会规整一点儿。
希望新wordpress主题能给博友们不错的感觉，至少要比以前的好点。

• 2009-07-22 -- WordPress主题5styles (56)
• 2009-07-19 -- wordpress主题切换预览插件：Theme Switcher Reloaded (5)
• 2009-05-17 -- WordPress主题amarketer发布 (86)
• 2009-03-12 -- WordPress主题RBcss发布 (79)
• 2008-11-28 -- wordpress主题结构层次图 (15)
• 2008-08-25 -- WordPress搭建企业网站 (44)
• 2008-03-02 -- WordPress 主题简明教程 (3)
• 2011-12-31 -- wordpress自定义栏目（Custom Fields）的应用 (0)
• 2009-06-30 -- WordPress安装简明步骤 (9)
• 2009-03-19 -- wordpress插件推荐：WP-EasyArchives 以及月存档链接问题补充 (10)

摘自：MarsLau's Blog | 原文链接：Permalink |
Tags: wordpress, 主题

Feed enhanced by Better Feed from Ozh

更详细的WordPress主题模板的结构层次请见：wordpress主题结构层次图

一．WordPress搭建中小企业网站思路

WordPress是基于文章的博客程序，而企业或产品网站也是基于一篇篇的文章，所以用WordPress搭建企业网站是可行的。用WordPress建中小企业站模板的思路如下：

1)  大分类+子分类：

首先，根据需求明确企业网站的整体结构，需要几大类的内容，如分为1产品介绍，2技术中心，3关于我们，4 试用购买，这些内容可以放在网站的主菜单上。

然后，细化企业网站结构，既明确子分类，如：

由上图可以清晰的了解网站的结构，上图中 表示该文章分类的id号，因为WordPress本身有一个未分类和链接占用分类的1、2两个id号，我们只能从3开始，图中id为3、4、5、6的几个分类为大分类；而7、8、9、10为3的子分类，其他父子分类关系也如此。子分类可作为网站内页的side里的内容。值得一提的是， 表示文章，“关于公司”、“联系我们”、“合作伙伴”三个文章是直接属于大分类5，这个网站的“关于我们”内页side里既有分类又有文章，如何解决？下边会有介绍。现在整体的大思路应该很明确了就是 大分类+子分类。

2)  让每个大分类内页的side里显示子分类：

如图：

这是我们要的效果 ， 因为我们每个大分类下面都要显示各自的子分类 ， 所以在 sidebar.php 里的分类列表只写 <?php wp_list_cats(‘child_of=5′); ?>  已经不能满足我们的需求。因此需要写一个if判断语句：

这个if语句帮我们解决了在每个大分类下面调用其各自子分类。

但上面我们所提到的“关于我们”的side里是“文章+子分类”的列表，所以以上代码也不能完全满足，需要在 { wp_list_cats(‘child_of= 5 ‘);} 里加入已发文章的静态链接。如下：

现在side里“文章+子分类”的列表，我们很好的解决了。由此启发，当我们在点击各大分类下side列表不一定都用分类，因为如果是分类的话，右边调用的是 category .php， 显示分类页。如果每个大分类下都是这样显示分类列表的话，看起来还是很像blog，不像企业网站。所以我们的网站构架要改一下了，如图：

正如图中所示有两种方法实现：一是写一篇该子分类概述的文章，文章里有其他该子分类的链接，把概述文章的链接用刚才所述的方法写在sidebar.php里；另外一种是写一个子分类概述page页面把链接写在sidebar里。这里我们采取第一种方法。因为用page的话会导致页面过多不好管理，而且page的url地址为： http://域名/页面缩略名/ 的结构，这样就不好识别是哪个分类的内容了。改完的代码如下：

至此，sidebar里的子分类（文章）列表已经改完。

接着，需要在子分类上标上该大分类的名称，这一点我仍是采用了if语句将其写死。

  至此，sidebar里的title名称也写完了。sidebar里的子分类（文章）模块内容也全都完成，如若需要可在下面再写点热点链接之类的内容。

  最后，single.php、category.php、 archive.php (企业网站它的用处不大)、index.php等都可以调用该sidebar.php了。

3)  菜单调用大分类

Sidebar做好了，下面就让菜单上显示调用的大分类，调用 <?php wp_list_cats(‘include=3,4,5,6′); ?> 这句函数即可。include=ID：是我们调用的大类，多个大类的ID号用英文“,”隔开。

4)  修改category.php

现在菜单上列出的是大分类调用，这样每个大分类下面就都会显示分类列表，但如果现在有的大分类不想显示分类列表，而显示该分类的第一篇文章，就需要来修改category.php文件了。思路和修改sidebar差不多。最初 category.php的结构应该如下：

现在因为需要点击大分类3、5、6时，页面上展示的是文章而非分类列表，所以在 <div id= ” content ” ></div>里添加一个if语句：

把以前的 /*这里是调用分类的内容*/   的 中。

而需要在结构中添加的是大分类3、5、6中 这一块的内容，代码如下

query_posts （）是获取文章，其内参数可用 ’ p=文章ID ’ 或 ’ name=文章缩略名 ’ 来调用想放在大分类下首页的文章；

<h2></h2>里是文章名称；

the_content(); 是调用文章内容。

这样就可以在菜单中列出的大分类上点击，出来想要的文章或分类列表了。

以上几点就是企业级网站全站用WordPress搭建的大致思路。

二．注意事项

1、  这样的主题模板要基于WordPress的数据库，因为在写side时用到了分类的id号。

2、  正是因为第一条，这样的WordPress主题模板没有通用的，只能因企业而异。

3、  永久链接最好用 /%category%/%postname%/ （分类+文章缩略名）的形式，这样url地址会看起来更有结构性，看起来也更像企业或产品网站。

效果可见：www.bonzerreport.com，是不是从中找不到blog的影子了。

• 2009-03-12 -- WordPress主题RBcss发布 (79)
• 2008-11-28 -- wordpress主题结构层次图 (15)
• 2009-07-22 -- WordPress主题5styles (56)
• 2009-07-19 -- wordpress主题切换预览插件：Theme Switcher Reloaded (5)
• 2009-05-17 -- WordPress主题amarketer发布 (86)
• 2008-10-20 -- 给Blog换新主题 (15)
• 2008-03-02 -- WordPress 主题简明教程 (3)
• 2011-12-31 -- wordpress自定义栏目（Custom Fields）的应用 (0)
• 2009-06-30 -- WordPress安装简明步骤 (9)
• 2009-03-19 -- wordpress插件推荐：WP-EasyArchives 以及月存档链接问题补充 (10)

摘自：MarsLau's Blog | 原文链接：Permalink |
Tags: wordpress, 主题, 企业, 企业网站, 模板

Feed enhanced by Better Feed from Ozh

每一套 WP 主题都由结构层、表现层和数据层构成，可以说是典型的、符合 Web 体系标准的“三层结构”。WP 主题的这种模式块化的特点决定了其设计其实是非常简单，但又极其灵活的。可以说，学会了制作 WP 主题，就相当于基本理解了 Web 开发的客户端模型，对进一步学习掌握 Web 技术具有重要意义。这也正是 WP 的魅力所在！

在一套 WP 主题中，最基本的两个文件是 index.php 和 style.css。其中，前者定义结构和内容，后者定义样式。所谓结构，就是由指由 XHTML 标签构成的网页基本架构。在 WP 主题中，结构层主要使用的是添加了适当的 id 或（和）class 属性的 div 和 ul 元素，以便更好地通过表现层来控制页面的布局和外观。所谓表现层，其实就是网页的布局和样式－－也就是外观。表现层由 CSS（层叠样式表）规则定义构成。而数据层，顾名思义，也就是网站中实际显示的内容，是通过调用 WP 内置的函数（有时需要传递适当的参数）从数据库中取得的。

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

事实上，当我们打开某个主题的文件夹时，看到的并不止这两个文件，而是更多。但一般来说，在一个完整的 WP 主题文件夹中都应该包含下列文件（也称为模板文件）：

页面	模板文件	用途
首页	index.php	显示网站首页
单页	single.php	显示博文的页面（相当于细节页）
静态页	page.php	显示静态页的页面（包含各级静态页面）
分类页	category.php	显示分类页的页面（相当于栏目页）
存档页	archive.php	显示存档页的页面（相当于按时间归类的栏目页）
搜索页	search.php	显示搜索结果的页面
评论页	comments.php	显示评论的页面
弹出式评论页	comments-popup.php	显示弹出式评论的页面
404错误页	404.php	显示 404 错误信息的页面
层叠样式表	style.css	控制页面布局外观

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

虽然上面列出了与 WP 内置功能对应的 9 个 php 文件，但制作一套主题远没有想像得那么复杂。因为事实上，你只需要制作一个 index.php 文件，就可以派生出另外 8 个文件来！

从 WP 应用主题的机制来说，这 9 个模板文件是存在优先级差别的，也可以认为是重要性不同。它们的优先级顺序是：

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 是一套 WP 主题的核心之后，我们就可以将制作 WP 主题的过程简单地分成两步，即－－定义主模板文件 index.php 和派生其他模板文件。

定义主模板文件 index.php

从页面布局的角度上，有必要将主模板文件 index.php 拆分成 header.php、sidebar.php 和 footer.php 三个子页面。WP 专门为在 index.php 中包含这三个子页面提供了对应的 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 部分的结构和内容。

（一）构建 header

在 body 元素内，新建如下结构化标记元素，注意各元素都带有不同的 id 属性：

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

然后，在该 <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() 函数生成的相关信息。

（二）构建 content

在 <div id=”content”></div> 中，我们要通过循环显示博文，包括每个博文的标题、作者、发表日期以及其他相关信息。并且，可以分页显示博文（取决于 WP 后台的设置）。
首先，在 <div id=”content”> 与 </div> 之间输入下列代码：

<?php while (have_posts()) : the_post(); ?> <div class=”post” id=”post-<?php the_ID() ?>”>
<!– 博文标题及链接 –>
<h2><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”<?php the_title(); ?>”>
<?php the_title(); ?></a></h2>
<!– 发表日期 –>
<div class=”post-date”>
<span class=”post-month”><?php the_time(’M’) ?></span>
<span class=”post-day”><?php the_time(’d’) ?></span>
</div>
<!– 作者 –>
<span class=”post-author”><?php _e(’Author’); ?>：<?php the_author(’, ‘) ?></span>
<!– 类别 –>
<span class=”post-cat”><?php _e(’Categories’); ?>：<?php the_category(’, ‘) ?></span>
<!– 注释 –>
<span class=”post-comments”>
<?php comments_popup_link(’No Comments »’, ‘1 Comment »’, ‘% Comments »’); ?></span>
<!– 内容 –>
<div class=”entry”>
<?php the_content(’更多内容 »’); ?>
</div>
<!– 其他元（Meta）数据 –>
<div class=”post-meta”>
<?php edit_post_link(’编辑’,’ | ‘,”); ?>
</div> </div>
<?php endwhile; ?><div class=”navigation”>
<span class=”previous-entries”><?php next_posts_link(’前一篇’) ?></span> <span class=”next-entries”><?php previous_posts_link(’后一篇’) ?></span>
</div>
<?php else : ?>
<div class=”post”>
<h2><?php _e(’Not Found’); ?></h2>
</div><?php endif; ?>

看似复杂，其实不然。首先：

<?php if (have_posts()) : ?>
<?php else : ?>
<?php endif; ?>

这三行，在 WP 中表示 if 控制结构。注意，if 语句通过测试 have_posts() 函数来判断是否存在博文。而

<?php while (have_posts()) : the_post(); ?>
<?php endwhile; ?>

这两行，是 WP 中的 while 循环。其中，while 语句通过测试 have_posts() 决定是否调用 the_post() 函数。如果测试 have_posts() 返回 true，则调用 the_post() 函数，初始化与博文相关的内置变量。
在 while 循环内部，首先要注意通过 div、h2、span 这三个元素定义的嵌套语义结构，以及相应元素的 class 和 id 属性（其中只为 class 为 post 的 div 元素定义了一个 id 属性－－post-<?php the_ID() ?>）。这是将来使用 CSS 控制外观的关键所在。在这个 div 元素中，为显示博文的相关信息，分别调用了以下 WP 函数：

• the_ID()：返回博文 ID；
• the_permalink()：返回博文固定链接 URL；
• the_title()：返回博文标题；
• the_time(’M’)：返回发表日期中的月份；
• the_time(’d’)：返回发表日期中的天；
• the_author()：返回博文作者；
• the_category()：返回博文的类别；
• the_content()：返回博文的内容，其中的参数表示用于“更多内容”的链接文本；

以上函数都是以 the_ 开头的，加上后面的函数名不仅颇有自解释的味道，而且令人联想到 this 关键字。此外_e() 函数是一个包装函数，这个函数主要用于语言的转换，如果调用该函数并传递标准的 WP 术语，如：Author 或 Categories，则返回你相应语言包中的译文，在中文包中分别是“作者”和“类别”。当然，不用也可。但会失去一些适应性。
还有，omments_popup_link() 和 edit_post_link() 两个函数，分别显示注释和编辑链接，这里不多说了。
另外，在 <?php endwhile; ?> 后面显示了分页导航链接，调用的函数分别是：next_posts_link() 和 previous_posts_link()。此时，如果你的博文总数小于 WP 后台设置的最多显示数目，比如：你在后台设置最多显示 5 篇，而你有 10 篇博文，就会分页显示；否则，如果你的博文少于或等于 5 篇则看不到分页导航链接。
最后，不要丢下 <?php else : ?> 语句后面的内容：

<div class=”post”>
<h2><?php _e(’Not Found’); ?></h2>
</div>

显然，这是一个错误提示信息。

（三）构建 sidebar

sidebar 的内容当然要在 <div id=”sidebar”></div> 元素中构建了。sidebar，中文叫侧边栏，其中可以包含很多内容。比如：分类、页面、链接、日历等等导航及相关信息。
在 WP 中，sidebar 中的内容都以无序（ul）或有序（ol）列表的形式输出。因此，需要在 <div id=”sidebar”></div> 中输入以下标记：

<ul>
<?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar() ) : ?>
<li id=”search”>
<?php include(TEMPLATEPATH .’/searchform.php’); ?>
</li> <li id=”calendar”>
<h2><?php _e(’Calendar’); ?></h2>
<?php get_calendar(); ?>
</li> <?php wp_list_pages(’title_li=<h2>页面</h2>’); ?> <li class=”catnav”>
<h2><?php _e(’Categories’); ?></h2>
<ul>
<?php wp_list_cats(’sort_column=name&optioncount=1&hierarchical=0′); ?>
</ul>
</li>
<li class=”archivesnav”>
<h2><?php _e(’Archives’); ?></h2>
<ul>
<?php wp_get_archives(’type=monthly’); ?>
</ul>
</li>
<li class=”blogrollnav”>
<h2><?php _e(’Links’); ?></h2>
<ul>
<?php get_links(’-1′, ‘<li>’, ‘</li>’, ‘<br />’, FALSE, ‘id’, FALSE, FALSE, -1, FALSE); ?>
</ul>
</li>
<li class=”meta”>
<h2><?php _e(’Meta’); ?></h2>
<ul><?php wp_register(); ?><li><?php wp_loginout(); ?></li>
<?php wp_meta(); ?></ul>
</li>
<?php endif ?></ul>

以上代码从第三行开始，分别通过包含 searchform.php 显示搜索表单；

在构建侧边栏时，要为生成搜索框新建一个 searchform.php 文件，其内容如下：

<form method=”get” id=”searchform” action=”<?php bloginfo(’home’); ?>/”>
<div>
<input type=”text” value=”<?php echo wp_specialchars($s, 1); ?>” name=”s” id=”s” size=”15″ /><br />
<input type=”submit” id=”searchsubmit” value=”Search” />
</div>
</form>

将其保存在 myTheme 文件夹中，通过 include 语句包含进来就可以了。注意，常量 TEMPLATEPATH 中保存的是模板路径。
最后，说明一下以上代码第二行和倒数第二行。显然这是一个 if 语句块。那这个 if 语句块包含 sidebar 是何用意呢？这是部件化侧边栏的需要，就是让 sidebar 适合 Widget 插件（WP 2.0 后内置了 Widget，所以不用再安装了）。如果要使用 Widget 插件，必须对 sidebar 进行部件化。这样，在 WP 后台通过 Widget 插件你就可以使用拖动来方便地定义侧边栏的组件了。部件化侧边栏，除了在 ul 元素内侧放入这个 if 语句之外，还必须在 myTheme 文件夹中建立一个文件 functions.php，其内容如下：

<?php
if ( function_exists(’register_sidebar’) )
register_sidebar(array(
‘before_widget’ => ‘<li id=”%1$s” class=”widget %2$s”>’,
‘after_widget’ => ‘</li>’,
‘before_title’ => ‘<h2 class=”sidebartitle”>’,
‘after_title’ => ‘</h2>’,
));
?>

（四）构建 footer

footer 中一般都一些版权信息和不太重要的链接。所以可以在 <div id=”footer”></div> 元素中简单地放入下列代码：

<p>Copyright © 2007 <?php bloginfo(’name’); ?></p>

至此，核心 index.php 文件就算是大功告成了！

接下来，是拆分 index.php 和基于 index.php 派生子模板文件。

在 myTheme 文件夹中新建 header.php、sidebar.php 和 footer.php 三个文件。把 index.php 中的 <div id=”header”></div>、<div id=”sidebar”></div> 和 <div id=”footer”></div> 三个结构化元素及其内容分别转移（剪切）到这三个新文件中。然后，在 <div id=”header”></div> 原来的位置处输入代码：

<?php get_header();?>

在 <div id=”sidebar”></div> 原来的位置处输入代码：

<?php get_sidebar();?>

在 <div id=”footer”></div> 原来的位置处输入代码：

<?php get_footer();?>

前面说过，这三个 get 函数是 WP 专门为包含结构化的文件定义的。现在你的 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>
<div id=”page”><?php get_header(); ?> <!– content –>
<div id=”content”>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?> <div class=”post” id=”post-<?php the_ID() ?>”>
<!– 博文标题及链接 –>
<h2><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”<?php the_title(); ?>”>
<?php the_title(); ?></a></h2>
<!– 发表日期 –>
<div class=”post-date”>
<span class=”post-month”><?php the_time(’M’) ?></span>
<span class=”post-day”><?php the_time(’d’) ?></span>
</div>
<!– 作者 –>
<span class=”post-author”><?php _e(’Author’); ?>：<?php the_author(’, ‘) ?></span>
<!– 类别 –>
<span class=”post-cat”><?php _e(’Categories’); ?>：<?php the_category(’, ‘) ?></span>
<!– 注释 –>
<span class=”post-comments”>
<?php comments_popup_link(’No Comments »’, ‘1 Comment »’, ‘% Comments »’); ?></span>
<!– 内容 –>
<div class=”entry”>
<?php the_content(’更多内容 »’); ?>
</div>
<!– 其他元（Meta）数据 –>
<div class=”post-meta”>
<?php edit_post_link(’编辑’,’ | ‘,”); ?>
</div> </div>
<?php endwhile; ?> <div class=”navigation”>
<span class=”previous-entries”><?php next_posts_link(’前一篇’) ?></span> <span class=”next-entries”><?php previous_posts_link(’后一篇’) ?></span>
</div>
<?php else : ?>
<div class=”post”>
<h2><?php _e(’Not Found’); ?></h2>
</div><?php endif; ?>
</div><!– end content –><?php get_sidebar(); ?> <?php get_footer(); ?></div>
</body>
</html>

然后，是派生子模板文件。把这个“模块化”的 index.php 文件另存为 single.php、page.php、archive.php、 search.php 和 category.php。当然，都保存在 myTheme 文件夹中。这样，WP 在显示页面时就会调用相应的页面文件了。比如，显示博文详细内容时，会调用 single.php；而显示页面内容时，则调用 page.php。
最后，要做的工作就是自定义这些子模板文件。

PS：1.文章转载于“为之漫笔”。

          2.如果您是刚接触wordpress主题，想更系统学习它，我推荐您一个由“我爱水煮鱼”翻译的主题教程   （下载）

• 2009-07-22 -- WordPress主题5styles (56)
• 2009-07-19 -- wordpress主题切换预览插件：Theme Switcher Reloaded (5)
• 2009-06-30 -- WordPress安装简明步骤 (9)
• 2009-05-17 -- WordPress主题amarketer发布 (86)
• 2009-03-12 -- WordPress主题RBcss发布 (79)
• 2008-11-28 -- wordpress主题结构层次图 (15)
• 2008-10-20 -- 给Blog换新主题 (15)
• 2008-08-25 -- WordPress搭建企业网站 (44)
• 2011-12-31 -- wordpress自定义栏目（Custom Fields）的应用 (0)
• 2009-03-19 -- wordpress插件推荐：WP-EasyArchives 以及月存档链接问题补充 (10)

摘自：MarsLau's Blog | 原文链接：Permalink |
Tags: wordpress, 主题, 教程

Feed enhanced by Better Feed from Ozh