当前位置:首页 » WordPress » WordPress主题教程(9):普通页面 » 正文


WordPress主题教程(9):普通页面

发布日期:2014-03-02 11:02   来源:谭海波   本文永久链接
摘要:大家好,今天我给大家讲解Wordpress主题教程的第九讲:普通页面page.php和loop-page.php修改与使用。在上一讲中我给大家介绍了文章页面的修改与使用,其实普通页面和文章页面的原理是一样一样的,不同之处就在于发布形式不同,一个是文章内容,一个是页面内……

大家好,今天我给大家讲解Wordpress主题教程的第九讲:普通页面page.php和loop-page.php修改与使用。在上一讲中我给大家介绍了文章页面的修改与使用,其实普通页面和文章页面的原理是一样一样的,不同之处就在于发布形式不同,一个是文章内容,一个是页面内容。

以谭海波博客为例,默认的普通页面文件我没有进行修改,但是你可以根据设计文章页面的模板一样设计普通页面的模板。为了方便使用,我制作了两个不同的页面模板,一个是AllNews模板,用于显示所有新闻的页面,另外一个是About模板,用于显示关于谭海波的页面。

现在我就以谭海波博客中的所有新闻页面为例子,讲解一下如何制作一个自定义的页面模板。首先第一步在模板的目录中建立一个模板文件,我定义为AllNews.php,然后用编辑器打开,输入你要定义的模板名称。大家参考一下下面一段代码:

大家注意一下,这个模板除了定义了模板名称之外,还引用了头部内容。一般情况下,我们为了方便,并不会采用两段PHP代码分别声明模板名称和引用头部内容,而是把它们合在一起。

在设计页面模板之前,首先当然还是老规矩,定义一些CSS代码,大家参考一下下面的一段CSS代码,就是我给所有新闻的页面编写的:

CSS代码编写好了以后就可以开始设计模板文件了,鉴于在我的设计和文章页面有些相似,所有文章页面的一些DIV是可以共用到页面模板的,比如文章的目录导航和页面的目录导航是一致的,文章标题和页面标题也是可以一致的。结合两者的共同之处加上自己的一些自定义内容,就构成了全新的普通页面模板了。

下面的代码是谭海波博客中所有新闻页面的模板文件的代码,大家可以参考下。需要说明的是,前面讲到模板名称必须定义是因为它在调用的时候是身份标识。当你建立好了页面模板以后,你在WordPress后台新页面的时候,会有一个页面模板的选择,这个时候你就可以自己的需要选择想要的模板了。

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



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

发表评论

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