WordPress主题制作(二):模板和模板文件

2022-12-15 14:27:24 浏览数 (1)

制作WordPress需要了解PHP,但是无论如何,最终呈现在用户面前的页面都是一张网页,网页之所以能够在浏览器中显示出来,是因为最终传送给浏览器的是HTML、CSS和JS等终端代码,最终由这些代码控制浏览器的显示结果。制作WordPress主题也不例外!

它们都是网页,网页最基本的是HTML。要想制作WordPress主题,首先得设计主题界面,含蓄、简约、厚重、奔放……,风格完全随你,接着再将你的设计理念转化为html,并能在浏览器中正常显示出来,这些将您的理念转化为html的文件我们可以将其理解为模板文件。

WordPress 博客的每个页面都是由多个模板文件组成的,下面以一个首页为例进行简单说明:

在上图中,我们可以看出主题的 index.php 是由 4 个模板文件组成: header.phpindex.phpsidebar.phpfooter.php

解释一下:为什么把图中的 index.php 所在的区域标为红色的。因为这块区域是会根据不同类型的页面而发生变化。如果你在单一日志页面,这时候页面将会包含这四个模板文件:header.phpsingle.phpsidebar.php 和 footer。如果你在单页面(非日志),此时页面将会包含这四个模板文件:header.phppage.phpsidebar.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

0 人点赞