制作WordPress需要了解PHP,但是无论如何,最终呈现在用户面前的页面都是一张网页,网页之所以能够在浏览器中显示出来,是因为最终传送给浏览器的是HTML、CSS和JS等终端代码,最终由这些代码控制浏览器的显示结果。制作WordPress主题也不例外!
它们都是网页,网页最基本的是HTML。要想制作WordPress主题,首先得设计主题界面,含蓄、简约、厚重、奔放……,风格完全随你,接着再将你的设计理念转化为html,并能在浏览器中正常显示出来,这些将您的理念转化为html的文件我们可以将其理解为模板文件。
WordPress 博客的每个页面都是由多个模板文件组成的,下面以一个首页为例进行简单说明:
在上图中,我们可以看出主题的 index.php
是由 4 个模板文件组成: header.php
,index.php
,sidebar.php
和 footer.php
。
解释一下:为什么把图中的 index.php
所在的区域标为红色的。因为这块区域是会根据不同类型的页面而发生变化。如果你在单一日志页面,这时候页面将会包含这四个模板文件:header.php
,single.php
,sidebar.php
和 footer。如果你在单页面(非日志),此时页面将会包含这四个模板文件:header.php
,page.php
,sidebar.php
和 footer。
header模板文件
通常在这个文件中包含博客的标题(title)和描述(description)。而且它们通常在整个博客中都是一样的。
sidebar模板文件
这个模板文件主要用于控制博客的页面列表,类别列表,存档列表,友情链接列表和其他一些列表。
index模板文件
这个模板文件包含你的日志的标题,日志的内容(就是每篇日志的文本和图片)和日志的元数据 (元数据是每篇日志的额外信息,如作者是谁,日志发布的时间,在哪个分类下,有多少留言等等)。
footer模板文件
像 header.php
模板文件一样,footer.php
通常不会因为页面的改变而改变,你可以在这里放置任何东西,通常是版权信息。
WordPress主题: 3 / 14
- WordPress主题制作:开始前的准备
- WordPress主题制作(一):主题文件结构
- WordPress主题制作(二):模板和模板文件
- WordPress主题制作(三):牛刀小试
- WordPress主题制作(四):制作头部模板header.php
- WordPress主题制作(五):制作底部模板footer.php
- WordPress主题制作(六):制作侧边栏模板sidebar.php
- WordPress主题制作(七):制作基础模板Index.php
- WordPress主题制作(八):制作文章单页模板single.php
- 计划: WordPress主题制作(九):制作评论区模板comments.php
- 计划: WordPress主题制作(十):制作单页(非文章)模板page.php
- 计划: WordPress主题制作(十一):制作静态首页front-page.php
- 计划: WordPress主题制作(十二):创建您自己的小工具
- 计划: WordPress主题制作(十三):创建后台主题选项
本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息:
原文出处:Yiiven https://cloud.tencent.com/developer/article/2193186