马春杰杰博客
致力于深度学习经验分享!

[WP]将静态html网页制作成WordPress主题模版详细教程(二):主题文件的构成

文章目录
[隐藏]

在开始制作WordPress主题之前,首先需要了解WordPress主题包含哪些文件。您必须知道WordPress程序如何连接到主题文件。

以下是WordPress默认主题的默认主题下的所有模板文件。查看下面的图片,您可能无法弄清楚文档正在做什么。 WordPress主题是用PHP编写的,不是纯HTML + CSS,所以模板文件后缀是.php,如果要掌握WordPress主题制作,完美掌控你的博客,最好熟悉PHP编程。如果我不懂PHP编程怎么办?你不能做一个WordPress主题?事实并非如此,至少在阅读了这一系列教程之后,您还可以掌握基本的WordPress主题制作方法。

[WP]将静态html网页制作成WordPress主题模版详细教程(二):主题文件的构成

下面是WordPress主题文件层次结构,它会告诉你:当WordPress显示特定的页面类型时,会使用哪个模板文件呢?只有了解了以下主题层次结构,你才能知道你的WordPress主题到底需要写哪些文件。

怎么看下面的文件层次结构?

以主页为例,下面有2个文件home.php和index.php,WordPress程序会从你的主题文件夹中依次查找这两个文件:

  • 如果找到home.php,则使用home.php作为博客首页模板,即使你的主题文件夹中有index.php;
  • 如果home.php未找到,则使用index.php作为首页模板;
  • 如果home.php和index.php都找不到,你的主题将不会被WordPress识别,等于废物。

主页

  1. home.php
  2. index.php

文章页:

  1. single-{post_type}.php – 如果文章类型是videos(即视频),WordPress就会去查找single-videos.php(WordPress 3.0及以上版本支持)
  2. single.php
  3. index.php

页面

  1. 自定义模板 – 在WordPress后台创建页面的地方,右侧边栏可以选择页面的自定义模板
  2. page-{slug}.php – 如果页面的缩略名是news,WordPress将会查找 page-news.php(WordPress 2.9及以上版本支持)
  3. page-{id}.php – 如果页面ID是6,WordPress将会查找page-6.php
  4. page.php
  5. index.php

分类

  1. category-{slug}.php – 如果分类的缩略名为news,WordPress将会查找category-news.php(WordPress 2.9及以上版本支持)
  2. category-{id}.php -如果分类ID为6,WordPress将会查找category-6.php
  3. category.php
  4. archive.php
  5. index.php

标签

  1. tag-{slug}.php – 如果标签缩略名为sometag,WordPress将会查找tag-sometag.php
  2. tag-{id}.php – 如果标签ID为6,WordPress将会查找tag-6.php(WordPress 2.9及以上版本支持)
  3. tag.php
  4. archive.php
  5. index.php

作者

  1. author-{nicename}.php – 如果作者的昵称为rami,WordPress将会查找author-rami.php(WordPress 3.0及以上版本支持)
  2. author-{id}.php – 如果作者ID为6,WordPress将会查找author-6.php(WordPress 3.0及以上版本支持)
  3. author.php
  4. archive.php
  5. index.php

日期页面

  1. date.php
  2. archive.php
  3. index.php

搜索结果

  1. search.php
  2. index.php

404 (未找到)页面

  1. 404.php
  2. index.php

附件页面

  1. MIME_type.php – 可以是任何MIME类型 (image.php, video.php, audio.php, application.php 或者其他).
  2. attachment.php
  3. single.php
  4. index.php

详细说明,请看WordPress官方文档(如果你能看懂英文):
http://codex.wordpress.org/Template_Hierarchy

[WP]将静态html网页制作成WordPress主题模版详细教程(一):基础准备

文章目录[隐藏] 本系列教程适合以下人群阅读本系列教程不适合以下人群阅读阅读完本系列教程,你将收获开始制作主题之前,你必须配备以下工具 本教程算是涵盖了WordPress主题模版制作的全过程吧 本系列...

时间:2019/9/7 分类:建站教程 人气:961 评论:1

[WP]将静态html网页制作成WordPress主题模版详细教程(二):主题文件的构成

文章目录[隐藏] 怎么看下面的文件层次结构?主页页面分类标签作者日期页面搜索结果404 (未找到)页面附件页面 在开始制作WordPress主题之前,首先需要了解WordPress主题包含哪些文件。您...

时间:2019/9/7 分类:建站教程 人气:1697 评论:0

[WP]将静态html网页制作成WordPress主题模版详细教程(三):HTML静态模板制作

要制作WordPress,您需要了解PHP,但无论如何,您的博客页面是一个网页。网页可以在浏览器中显示的原因是因为最终传输到浏览器的终端代码是HTML,CSS和JS。此代码控制浏览器的显示。制作Wor...

时间:2020/2/24 分类:建站教程 人气:2184 评论:2

[WP]将静态html网页制作成WordPress主题模版详细教程(四):小试牛刀

一个WordPress主题至少包含以下两个文件: style.css index.php 好,现在就开始我们的WordPress主题制作。在你的WordPress目录 wp-content\theme...

时间:2019/9/7 分类:建站教程 人气:521 评论:0

[WP]将静态html网页制作成WordPress主题模版详细教程(五):制作header.php

文章目录[隐藏] 1、更改<title>2、更改样式表style.css路径3、添加pingback4、更改博客名称和描述5、添加订阅feed链接6、添加wp_head7、添加Descri...

时间:2019/9/7 分类:建站教程 人气:2029 评论:0

[WP]将静态html网页制作成WordPress主题模版详细教程(六):基础准备

上节内容我们已经弄好了博客的页头header.php,今天我们就一起来制作页脚footer.php。footer.php与header.php差不多,写这个文件的目的也是为了精简代码,提高代码的重用性...

时间:2019/9/10 分类:建站教程 人气:400 评论:0

[WP]将静态html网页制作成WordPress主题模版详细教程(七):制作sidebar.php

制作好了header.php 和 footer.php ,今天我们来制作侧边栏sidebar.php。由于侧边栏的可定制性实在是太强了,所以本节内容比较难,我讲解起来也比较困难,有些内容会被略掉! 作...

时间:2021/2/6 分类:建站教程 人气:800 评论:2

[WP]将静态html网页制作成WordPress主题模版详细教程(八):制作index.php

文章目录[隐藏] 1、添加文章标题2、添加文章标签3、添加日期4、显示评论数5、添加编辑按钮6、添加文章内容7、阅读全文8、添加文章循环9、添加文章分页10、文章缩略图 前面我们已经制作完成博客所有公...

时间:2021/6/15 分类:建站教程 人气:398 评论:0

[WP]将静态html网页制作成WordPress主题模版详细教程(九):制作single.php

文章目录[隐藏] 1、添加文章标题:2、添加文章标签3、添加日期4、显示评论数5、添加编辑按钮6、添加文章内容7、添加返回博客首页和发表评论按钮 今天我们来制作单文章页single.php,有了之前制...

时间:2019/9/7 分类:建站教程 人气:412 评论:0

[WP]将静态html网页制作成WordPress主题模版详细教程(十):制作comments.php

今天我们来制作评论主题的评论模块。在主题目录Aurelius下新建comments.php,在single.php剪切以下代码,粘贴到comments.php: <!– Comment’s Li...

时间:2019/9/7 分类:建站教程 人气:1410 评论:0

[WP]将静态html网页制作成WordPress主题模版详细教程(十一):制作page.php

page.php也就是页面,可能大家不太理解页面是什么意思,博客上的所有网页不都是页面吗?我们这里指的页面一个单独的页面,如”关于”、”联系方式”等,可...

时间:2021/6/15 分类:建站教程 人气:1191 评论:4

本文最后更新于2019年9月7日,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

如果你对这篇文章有什么疑问或建议,欢迎下面留言提出,我看到会立刻回复!

打赏
未经允许不得转载:马春杰杰 » [WP]将静态html网页制作成WordPress主题模版详细教程(二):主题文件的构成

留个评论吧~ 抢沙发 评论前登陆可免验证码!

私密评论
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址(选填,便于回访^_^)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

登录

忘记密码 ?

切换登录

注册