贝壳之家

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

评分 7.9, 满分 10 分 (70 票)
Loading...
文章目录

在开始制作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主题制作全过程完整列表:

露兜
ourwindow@163.com

业余编程爱好者。

标签: WordPress, 主题制作
我要提问

27 条评论

点此留言
  1. wwanghee

    支持学习~~

  2. 老李

    期待后续,博主加油

  3. 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

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

  7. yumanutong

    备用,保存书签了

  8. 小小

    收藏了,正好有这个打算

  9. 我爱WordPress

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

  10. adada123.tk

    学习学会是一个过程

  11. 林伟健

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

  12. roy

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

    • Ludou

      @roy 没办法

    • James

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

  13. 5467hai

    学习中 看到此文很受用

  14. airlqin

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

  15. deer

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

  16. xiaomiao

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

  17. 王英学博客

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

  18. arm linux

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

  19. slimzhao

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

  20. 303749162

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

发表评论

评分 7.9, 满分 10 分 (70 票)
Loading...