WordPress主题制作全过程(二):主题文件构成

日期: 标签:WordPress教程主题制作
如需帮忙改代码,或者WordPress二次开发、PHP网站建设等需求,可联系我购买付费服务:  点此联系我
文章目录

在开始制作WordPress主题之前,首先得了解WordPress主题到底由哪些文件构成,你得清楚WordPress程序是怎样与主题文件连接的。

以下是WordPress默认主题default文件夹下的所有模板文件。看了下图,可能你还摸不着头脑,到底这些文件是干什么的。WordPress的主题是用PHP编写的,而不是纯HTML + CSS,所以模板文件的后缀名是.php,如果你想精通WordPress的主题制作,完美控制你的博客,最好要熟悉PHP编程。要是不会PHP编程怎么办?就做不了WordPress主题了吗?那也不是,至少看完本系列教程,你也能够掌握基本的WordPress主题制作方法。

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

WordPress主题制作全过程完整列表:

-- 完 --

本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息:
原文出处:露兜即刻 https://www.ludou.org/create-wordpress-themes-template-hierarchy.html
露兜
kaapass@outlook.com  QQ 825533758

业余编程爱好者。

28 条留言

点此留言
  1. wwanghee

    支持学习~~

  2. 老李 老李

    期待后续,博主加油

  3. simaopig simaopig

    呵呵,楼主这一系列文章写的很帅,很适合不了解WP主题结构的人。在追看中。

  4. aionec

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

    请问露兜这个怎么识别的? 即文章类型

    • Ludou

      @aionec 感兴趣,请自行搜索:
      wordpress 自定义 文章 类型

      • aionec

        @Ludou 晕了 还要插件支持
        最不喜欢用插件了

        看看下个版本能不能自带这个

  5. foreverv

    博主加油,写的很好,期待能有更深入的讲解与分析。

  6. yixin yixin

    wp官网的codex有很详细说明,不过还是要感谢博主的辛勤劳动啊!!

  7. yumanutong yumanutong

    备用,保存书签了

  8. 小小 小小

    收藏了,正好有这个打算

  9. 我爱WordPress 我爱WordPress

    这篇文章已转载加了原文链接到你站,如果你在意,留言给我,我将处理这篇文章。

  10. adada123.tk adada123.tk

    学习学会是一个过程

  11. 林伟健 林伟健

    正准备制作一个自己的主题,3q博主,很有用

  12. roy roy

    如果有home.php如何再链接到index.php

    • Ludou

      @roy 没办法

    • James

      @roy 用php的函数 include 引用
      例如
      <?php
      include “index.php”;
      ?>

  13. 5467hai 5467hai

    学习中 看到此文很受用

  14. airlqin

    楼主的教程写的非常好,也蛮详细的,但搞不懂为什么楼主字里行间总要挤兑一下读者

  15. deer deer

    过程讲解相对详细,但所有下载文件及代码,只是wordpress源文件复制粘贴的。要是有一个独立设计效果比较好的,能演示其效果就更好了,还是得赞一下!

  16. xiaomiao

    很是受用,非常感谢博主的辛勤付出!新手学习中。。。

  17. 王英学博客 王英学博客

    难道博主没发现<pre>代码里面的文字没有显示完全吗?

  18. arm linux arm linux

    看着不错,谢了这么多,辛苦了~

  19. slimzhao

    和wordpress花园主题视频一起看,效果挺好

  20. 303749162

    文章内容和最新的文件结构都不一样了,需要更新

  21. 123

    ok

发表留言