大家好，基础教程时刻又到了。

这一部分我想说说边栏的部分，毕竟对于博客来说，边栏是集成很多功能的区域，重要性不言而喻。

由于每个模板的sidebar.php各不相同，很难一一举例。在这里只能用我的主题Insense来说明了。不过举一反三使我们每个人学习得更快，加油吧朋友。

一般来说，我们可以在边栏放置”分类“，“存档页“，”最新文章“，“最新回复”，”日历“，”功能“，”广告“等等模块。

现在我介绍一下如何在边栏增加一个模块吧。

先打开Insense的sidebar.php，先看看这段代码吧：

<div class=”General Archives”>  
<h3>Archives</h3>
  <ul>
   <?php wp_get_archives(’type=monthly’); ?>
  </ul>
<div class=”GeneralCorner”></div>
</div>

这段代码的功能就是在边栏里增加”存档（archives）“模块，实现过程如下：

1. 建立一个层div，class=General Archives。
2. 建立标题（三级标题）<h3>，标题名为Aechives。（你可以改成中文的）
3. 建立一个无需列表<ul>，在<ul>中调用函数wp_get_archives()。

为什么要建立一个层呢？

—-把每个模块都用层div装起来，各自之间分开，有利于样式css的定义，并使代码更加清晰易懂。

为什么要建立一个无序列表<ul></ul>呢？

—-因为有一些函数，例如wp_get_archives()，wp_list_cats()等会把获取到的存档，分类数据分别用<li></li>标记装起来。而无序列表<ul>正确结构是

<ul>

<li></li><li></li><li></li>…

</ul>

既然函数已经自动帮我们生成了<li></li>，我们就需要在外面用<ul></ul>来把他们装起来。这样才构成一个完整的无序列表。

好吧，现在还是跟着我来实操一下吧。这样就不会那么枯燥了。

我们要往边栏里加入一个显示最新文章的模块。这可能会需要用到中文 WordPress 工具箱这个插件。安装好插件并激活好后，我们就可以开始了，打开你的sidebar.php吧。

然后在你觉得适合的地方打入以下代码。

<div class=”recent_posts”>
        <h3>最新文章</h3>
        <ul><?php get_recent_posts();?></ul>
</div>

 

够简单吧，保存sidebar.php文件后去你的博客看看是不是出现了”最新文章“的模块，你或许会发现他的样式不够好看，这时候就需要修改style.css了。

因为我们把这个层的class定义为recent_posts，你就需要在style.css里建立一个

.recent_posts{….}

如果你懒得这么做，那没关系，你可以直接复制其他模块的css就行了，你的主题模板边栏里的已有模块一定有定义好的css。

接下来，查看网页源代码，找到其他”已有模块“的css的class或id名，然后去style.css里找到他们，把他们的内容有选择性地复制到新建的.recent_posts{…}中。

如果你压根就想让2个模块的样式一摸一样。

你也可以这么做。如果style.css中已经定义了

.classA{width:100px;…………..;}

 

如果你想让你的classB跟classA一摸一样的话，你可以把上面的句子修改成：

.classA,.classB{width:100px;…………..;}

过程就是在原有class后用逗号分开，然后敲入另一个class的名。

好了，今天就教到这里，对于初探wordpress的你，应该可以自己给边栏加入一些你想要的模块了吧。

而我的这篇教程也就到此为止了，毕竟我自己接触wordpress的日子也不久,以后如果有什么更好的体会一定会分享给各位。谢谢大家。我也希望你能从这里学到一星半点的知识。

本文为原创，只发表与本人博客www.edirun.com。转载请与本人联系