当前位置:首页 » WordPress » WordPress主题教程(7):首页index.php » 正文


WordPress主题教程(7):首页index.php

发布日期:2014-02-28 11:40   来源:谭海波   本文永久链接
摘要:大家好,今天我给大家讲解Wordpress主题教程的第七讲:首页文件index.php修改与使用。从用户体验的角度上说,首页文件可以说是最重要的页面,因为首页决定了访客对你的网站的第一印象。所以,设计好首页是十分关键的。 在WordPress中的首页可以是最新文……

大家好,今天我给大家讲解Wordpress主题教程的第七讲:首页文件index.php修改与使用。从用户体验的角度上说,首页文件可以说是最重要的页面,因为首页决定了访客对你的网站的第一印象。所以,设计好首页是十分关键的。

在WordPress中的首页可以是最新文章页面,也可以是一个静态页面。一般情况下,如果是个人博客就建议显示最新文章;而如果是媒体类的网站就推荐显示一个静态页面,谭海波博客的定位是关注互联网和电子商务的垂直新媒体,所以谭海波博客将首页设置成了一个静态页面。下面我就来跟大家讲解一下,如何制作首页文件index.php。

首页包括头部、底部、侧边栏和主体内容。在前面的教程中,已经跟大家讲解了头部、底部和侧边栏文件的编写,实际上index.php文件的编写就是主体内容的编写。我们打开主题目录中的index.php文件,我们可以看到最上面和最下面分别有三个函数调用:get_header和、get_footer以及get_sidebar,没错,它们的功能分别是调用头部、底部和侧边栏。而它默认的主体内容是显示最新文章,我们要去修改它。

老规矩,第一步当然是规划首页的主体内容,并开始着手写DIV。为了方便起见,我把原有的index.php文件中的container的DIV去掉了,改用自己定义的首页主体DIV(宽度不能多于网页宽度的剩余量,否则会造成边栏错位)。下面的一段代码是谭海波博客中的首页主体内容的部分DIV代码,大家可以参考下。

写完DIV代码以后就可以着手在index.php文件中编写首页内容了,前面我说过了,为了方便起见,我删除了原有的container的DIV容器,所以接着头部内容,你要从你定义的主体内容大容器开始写起。在谭海波博客中,首页主体内容包括了热门推荐,头条(包含了往期头条),各频道的精品文章,以及最近更新的20篇文章。这些内容都可以根据自己的规划进行编写,而且最多的功能无非就是调用这个分类,或者那个标签ID的文章,要显示多少,是随机显示,还是显示最新,还是怎么着。但其实都是很简单的。

下面一段代码是谭海波博客中的头条(包括往期头条)的代码,我节选这一段代码供大家参考一下。

关于本讲课程如果大家还有什么疑问的话,欢迎加入谭海波博客官方QQ群,和大家一起讨论吧。群号在谭海波博客首页的右边侧栏最下方上有。好了,今天就讲到这里了,谢谢大家!



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

发表评论

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