首页 > > 网站运营 > 建站经验 >

图解WordPress模板架构

2019-03-19 07:00:43来源：易IT博客阅读 ()

Yoast.com制作了一幅讲解Wordpress主题架构的图，非常清晰的剖析了Wordpress的主题模板结构，原图为英文，下面翻译成中文。

希望对制作Wordpress主题（模板）有一些帮助

中文文本如下：

header.php（网站头部）

这是一个全局文件(易IT注：Wordpress产生的每个页面都会包含header.php里的代码），显示页面的题头（header）和导航菜单，还包含了HTML文件的head代码(<head>…</head>)。< /p>

循环部分（the loop，页面主体）

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

sidebar.php（边栏）

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

footer.php（底部）

包含了全局的底部文件和关闭HTML标签（</html>)的代码。

WordPress 主题是由模板文件夹(易IT注：../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（页面）。创建page模板很简单，你只要拷贝page.php,改个你喜欢的名字，然后在文件顶部添加如下代码：

<?php

Template Name:你命名的页面模板文件名

归档（archives）

archive.php, category.php,tag.php

你可以通过以上的文件来控制各种归档类页面的显示。如果没有归档类页面模板，那么归档页面会使用index.php来做模板；不过，你可以创建一个 archive.php来替代index.php作为归档类页面的模板。如果你创建了category.php,这个文件会替代archives.php 来作为分类页面（categories)的模板。如果你创建了tag.php,这个文件会优先作为标签页面（tag)的模板。

循环（The Loop）

循环可能是Wordpress模板里最强大的部分。它从一个查询开始（来决定要抓取哪篇文章或页面的数据），并已一个结束循环语句结束（endwhile）。循环里显示什么取决于你的需要。你可以在循环里显示文章标题、文章内容、元数据（作者，日期等）、自定义的域和评论等，这些元素都是某篇文章或页面的输出。你还可以在一个文章或页面创建多个查询和循环；比如：在single.php(文章页面模板）,你可以创建一个循环来显示单个文章的内容，然后在文章内容下用另外一个循环来显示和这篇文章相关的文章的标题和缩略图。

文章和页面的查询机制

开始循环

（重复显示这和endwhile之间的所有内容，直到所有文章的相关内容都输出完）

the_title

（输出文章的标题）

the_excerpt

（输出文章的简介）

the_content

（输出文章的主体内容）

the_category

（输出文章的分类名称）

the_author