霜天部落 | 专注PHP研发,研究LAMP高性能架构部署与优化

图解WordPress模板设计

本文将简单介绍一下WordPress模板设计,了解后我们可以自己修改和设计WordPress模板了。后面会用图片的格式来解说。

header.php(网站头部)

这是一个全局文件(注:Wordpress产生的每个页面都会包含header.php里的代码),显示页面的题头(header)和导航菜单,还包含了HTML文件的head代码(…)。

循环部分(the loop,页面主体)

通过一个个包含“循环(loop)结构”的模板文件,在网站主要区域显示网站的主要内容。

sidebar.php(边栏)

这个文件控制边栏显示什么。如果有多个边栏,你可以在functions.php文件里设置,边栏“小工具(widgets)”的内容可以在 WordPress 的管理控制面板(wp-admin)里设置。

footer.php(底部)

包含了全局的底部文件和关闭HTML标签()的代码。

WordPress 主题是由模板文件夹(注:../wp-contents/themes/模板名称/)里一系列文件组成,每个文件都控制着模板的不同部分。无论在网 站的哪个页面,这些页面的某些部分一般来说都是静态的,由header,siderbar和footer文件来控制。你可以通过修改这些文件,来看网站的 哪些部分是通过哪些文件控制的。

主页(home)

index.php

index.php用来控制如何显示网站的主页。index.php里缺省地包含了一段查询和显示最新文章的循环代码(loop),并在底部显示一个超链接,用来查看先前的文章。

另外,你也可以在wp-admin>settings>read里设置任何你在wordpress里创建的页面作为主页。也就是说,你可以设定不同的页面(或url)作为常规的博客文章来作为主页来显示,而那个页面还是通过index.php模板产生的.

文章页(posts)

single.php

single.php用来控制文章页面如何显示。这个文件包含了查询和显示当前文章的循环。

如果你想显示边栏(和其他想要显示的元素),你可以在这个文件里指定。你也可以通过修改这个文件来使文章页面和其他页面有所区别。

页面(pages)

page.php

page.php控制着Wordpress Page(页面,不同与文章posts)的显示。你可以选择去掉边栏或其他元素,或增加一些只有page才有的元素。

WordPress同时允许你创建不同的page模板,用来显示不同类型的page(页面)。

图解WordPress模板架构