票友山

WordPress 主题制作系列教程#6：侧边栏

原文地址：http://www.wpdesigner.com/2007/03/01/wp-theme-lesson-5e-posts-nav-link/
翻译:票友山

你是不是一直期待着对侧边栏的讲解？乍一眼看上去，侧边栏似乎很复杂，但事实上它一点都不难。一旦你熟悉了它的结构，你就可以很快的写出源代码，并让它具有独特的风格。

在转向侧边栏之前，确认一下现在你的index.php 文件内容应该是这样的。

别忘了打开Xampp 控制。。。

步骤 1：创建一个无形的盒子，class 名为：sidebar 。这段代码在container 盒子之下，在</body> 标签之上

<div class=”sidebar”>

</div>

步骤 2：在你的siderbar 盒子里面启用一个无序列表。

<ul> - 开启无序列表。

</ul> - 关闭无序列表

步骤 3: 再你的无序列表 （UL）中添加一个列表项目（LI），并为这个列表项目（LI）添加一个二级标题。

<li><h2><?php _e(’Categories’); ?></h2>

</li>

注意使用Tab 键缩进<li> 和</li> 标签，组织好代码格式。

<li> - 开启列表项目
<h2> - 开启二级标题
<?php _e(’Categories’); ?> - 输出词语Categories
</h2> - 关闭二级标题
</li> - 关闭列表项目

和以前一样，<?php e(’ ‘); ?> 中并不一定要有Categories。如果你仅仅为你自己创建这个主题，使用二级标题标记<h2>Categories</h2>。

保存index.php 文件，刷新浏览器，你用该会看到用二级标题显示的Categories ，如下图：

二级标题前的点表明这个二级标题是在列表项目（LI）之中。如果你的无序列表（UL）中有两个列表项目，这会有两个点号。看看是不是每个项目都对了。

步骤 4:
在列表项目中添加如下代码；

<ul>
<?php wp_list_cats(’sort_column=name&optioncount=1&hierarchical=0′); ?>
</ul>

这些代码的意义如下：

<ul> - 开启另一个无序列表
<?php wp_list_cats(); ?> - 调用分类链接列表
</ul> - 关闭无序列表

保存并刷新浏览器，下图是我的分类链接的样子：

你的默认的分类是未分类。如果你的发布没有分到不同的分类下面，你的分类链接列表中就会只有一个项目，未分类。

进一步的说明：

• sort_column=name - 按照名称排列分类链接
• optioncount=1 - 显示每个分类下的发布数目
• hierarchial=0 - 不要将子分类的项目设为次级项目，也就是说，我的的项目 链接在列表中是按照第一级项目来显示的。
• & - 每次你添加一个不同的属性，你都要在新属性之前添加一个& 来让他和别的已经存在的属性分开。比如，& 分开了sort_column 和optioncount。

为什么不用<li> 和</li> 标签围住<?php wp_list_cats(); ?>：

当你使用wp_list_cats() 调用分类链接的时候，它会自动在每个链接上加上<li> 和</li> （列表项目）标签。看你的浏览器，点击查看 > 页面源代码 或者源文件；当新窗口弹出之后，滚动到底部，看看分类链接的源代码，你会注意到每个都有一对列表项目标签。

当处理侧边栏，无序列表和列表项目的时候，你要时刻谨记：

规则 #1：关闭所有你打开的标签。

版权说明

无特殊说明均为原创文章，转载请注明。
本文链接地址: http://sunxun.info/2009/07/wp-theme-6-sidebar/