• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏幻天博客吧
  • 欢迎来到铃音的私人博客! QQ群

[教程]WordPress主题结构完全解析

兴趣 天空の铃音 6年前 (2014-04-04) 895次浏览 已收录 0个评论 扫描二维码
文章目录[隐藏]

484d63600c3387442fe8dbc1510fd9f9d62aa0cc

简介

基于 WordPress 平台的强大系统,我们可以创建任何主题,例如企业主题、内容管理主题、视频主题,音乐主题、购物主题等,利用这些主题搭配 WordPress 强大的技术,即可创建各式各样的站点。这对于 WordPress 主题开发者而言,不仅要精通 CSS、PHP、HTML 等技术,更主要的 还是要掌握和精通 WordPress 主题框架,就像服装设计师,知道如何设计和装饰衣服,但是不知道衣服的结构,把袖子当成裤腿,岂不是要闹大笑话?
今天,我们以图文结合方式向大家讲述 WordPress 主题的结构,讲述顺序按照站点外观页面组成后台文件三个部分依次展示分析 WordPress 是如何架构的。

站点外观

大家可能已经发现,每一个主题都有 header.php, sidebar.php 和 footer.php 等文件,由此大家可能会推测到这些文件是主题模板必不可少的文件。没错!WordPress 主题也是由一系列的文件组成,这些文件一 般是一成不变的部分,也就是这些是网站的静态部分,他们便控制了主题的框架。一般情况下,这些静态部分在整个站点中保持一致的风格。
header.php 文件主要用于显示博客头部和导航,是由 PHP 代码和 HTML 代码组成。对于一些主题需要调用其他的 CSS 或 JS 文件,也是包含在该文件中。站点的每一个页面都会引用该文件,这也就保证了整个站点中头部风格的一致性。
sidebar.php 控制站点的侧边栏,方便用户在里面添加小工具。一个主题可以创建多个侧边栏,需要在 functions.php 文件中控制。
footer.php 控制站点的页尾,一般包含有站点版权信息,一些统计代码也需要放在该文件中。
除以上三个文件外,还有一个最重要的功能是展现站点内容,这时候我们需要模板文件,统称为 The Loop,该部分将在下面重点介绍。

页面组成

index.php、single.php、page.php 和 archive.php 是基本的模板文件,这些文件组成 WordPress 基本页 面,即 Homepage 页面(index.php 控制),Post 页面(单独显示一篇完整博客,由 single.php 控制),独立页面(由 page.php 控制),存档(archive.php 等控制),下面分别介绍控制这几个页面的代码文件。
index.php –Homepage
index.php 文件控制博客 Homepage 的外观。默认情况 下,index.php 文件通过一个 loop 来显示最新博客。当然对于企业站点来说不需要显示最新内容,这就需要根据需求个性化主页,这些都是在 index.php 文件中进行定义。除此之外,用户也可以在 WordPress 后台制定某页面用做 Homepage。
single.php –查看独立文章
该文件用于显示读者要查看的文章全文,其主要内容是显示文章内容,附加以显示文章发布时间、作者、分类目录和标签,同时在底部控制是否显示评论。
page.php –查看独立页面
该文件控制博客中独立页面的外观,其主要内容是显示页面内容,在底部控制是否显示评论。
我们可以为不同的页面类型设计不同的模板,方法如下:
1、复制 page.php 并重命名为其他文件名
2、在文件的最上方添加下面代码

<?php
 /*
 Template Name: Your Page Name
 */
?>

 

archive.php, category.php, tag.php – 存档页面
我们同样可以自定义存档(archives)的外观。如果主题不存在 archive.php 文件,将使用首页作为存档页面。当然,我们也可以创建一个 archive.php 文件重构存档页面。如果存在 category.php 文件,存档页面会被覆盖为只显示分类目录;如果存在 tag.php 文件,存档 页面会被覆盖为只显示标签。
The Loop
Loop 恐怕是 WordPress 最强大的部分。它是“循环的查询结果”。循环体中我们 可以依次输出选中文章的标题,博客内容,元数据,评论等。我们还可以在文章查看页面中使用多个 loop。例如,我们可以用一个 loop 显示博客全文,另一 个 loop 显示相关文章的标题和缩略图。
The Loop 结构如下:

Query post or page  //查询文章或页面
Start Loop //循环开始
the_title (outputs the title of the post) //输出文章标题
the_excerpt (outputs the post excerpt) //输出文章摘要
the_content (outputs the full post content) //输出文章内容
the_category (outputs the post categories) //输出文章分类目录
the_author (outputs the post author) //输出文章作者
the_date (outputs the post date) //输出文章日期
other tags (there is a variety of other tags you can use in the loop) //输出文章标签
endwhile; //结束循环
Exit the loop //退出循环

后台文件

为了让 WordPress 主题工作,还需要一些必要的后台文件。这些文件可以根据个人需求进行修改,它们能够从极大程度上改变网站的外观或提供更强大的功能。
比如说为方便各位用户对主题进行不同配置,主体开发者可以为主题添加后台控制选项,通过图形化界面配置主题。
comments.php
该文件控制评论的输出,如果您希望在博客上提供评论功能,把它放到 loop 中去即可。
functions.php
functions.php 让我们在 WordPress 上运行自定义代码,以便更自由的修改主题元素。如果你想个性化 WordPress,可以参考《个性品牌化 WordPress 登陆界面
style.css
该文件控制主题样式,是 WordPress 主题最重要 CSS 文件。该文件顶部还包含主题的元信息,用于提供主题的名字,作者及相关链接
以上是 WordPress 主题中结构的组成,由这三个部分实现 WordPress 架构。如果你想创建自己的 WordPress 主题,以上三个部分是必须要熟悉的内容之一,当然如果希望创建强大的主题模板,则需要了解更多的知识。
毕竟,对于个人来说创建一个主题难处太大,你如果希望节省时间和创建高质量的主题,无论是个人主题、企业主题,还是视频主题、音乐主题、购物主题,都可以与我们取的联系,这时你只需要提供您的具体需求,剩下的事情就由我们代替了。

图文剖析

此外,偶迷工作室为各位童鞋附上一个强大的 WordPress 剖析图,供各位探讨学习。

rpgsky.net_2014-04-04_09-16-21
WordPress 主题结构图文解析


转载请注明 - [教程]WordPress 主题结构完全解析 - 幻想天空 - 魔王殿 - 铃音の小屋
喜欢 (0)
[不公开]
分享 (0)
关于作者:
美国服务器正在努力恢复中!目前系统升级完善,功能可以使用!现在来申请免费空间无需填表哟!
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址