当前位置:首页 » WordPress » WordPress主题教程(6):侧边栏sidebar.php » 正文


WordPress主题教程(6):侧边栏sidebar.php

发布日期:2014-02-27 10:55   来源:谭海波   本文永久链接
摘要:大家好,今天我给大家讲解Wordpress主题教程的第六讲:侧边栏文件sidebar.php修改与使用。在WordPress程序中,侧边栏sidebar.php是一个很重要的文件,因为无论你是做个人博客,还是企业网站,侧边栏都是不可缺少的。Sidebar.php文件可以引用系统小工具(wid……

大家好,今天我给大家讲解Wordpress主题教程的第六讲:侧边栏文件sidebar.php修改与使用。在WordPress程序中,侧边栏sidebar.php是一个很重要的文件,因为无论你是做个人博客,还是企业网站,侧边栏都是不可缺少的。Sidebar.php文件可以引用系统小工具(widgets),也可以自己手动写自己所需的功能,谭海波博客就采用了后者。

大家先看一下谭海波博客的首页,侧边栏包括了以下几个部分的内容:订阅关注、站长推荐、赞助商、随机推荐、广告位、投稿专栏、新浪微博秀、加入QQ群等等。这些功能是我根据自己博客的实际需要手动写的,你也可以根据自己的实际需要编写功能。那么如何进行编写呢?

你可以在主题目录中新建一个sidebar.php文件,也可以将主题目录中原有的sidebar.php文件中的内容删除,然后进行个性化内容的编写。

首先是规划侧边栏放置哪些内容,并进行DIV代码的编写,下面一段是谭海波博客侧边栏的CSS代码,大家可以参考下。

写好DIV代码以后,就可以开始在sidebar.php中编写功能了,一般侧边栏中一定会有文章列表,这里就涉及到WordPress的文章查询函数,我就重点讲一下。请看下面一行代码:

这段是代码的意思是查询标签ID为325的5篇随机文章,如果有就展示,并获取文章的特色图像,然后下面就显示文章的特色图像,文章标题,以及摘要等等。

下面的代码是谭海波博客4.1版本的sidebar.php文件代码全文,大家可以参考下:

需要说明的是,sidebar.php虽然重要,但并不特殊。博客中也不一定就是要用这固定的侧边栏,你可以个性化文章页面、分类页面等非手首页中的侧边栏,使之保持与首页的侧边栏不一样。实现这种效果非常简单,你只需要新建一个文件,并在相应的地方将获取侧边栏的代码替换成获取你所个性化的侧边栏文件,这个功能在后续的Wordpress函数章节会讲到。

好了,这节教程今天就讲到这里了,大家是不是觉得并不难,对吧,那就赶快去试试吧。



关注谭海波博客官方微信公众平台
文章分类WordPress
文章标签:
本文永久链接:http://tanhaibo.net/2014/02/wpthemes-course-sidebar.html
转载提示:除非注明,谭海波博客的文章均为原创,转载请以链接形式注明作者和出处。谢谢合作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注