WordPress主题制作全过程(二):主题文件构成
日期:
标签:WordPress教程,主题制作
如需帮忙改代码,或者WordPress二次开发、PHP网站建设等需求,可联系我购买付费服务: 点此联系我
文章目录
在开始制作WordPress主题之前,首先得了解WordPress主题到底由哪些文件构成,你得清楚WordPress程序是怎样与主题文件连接的。
以下是WordPress默认主题default文件夹下的所有模板文件。看了下图,可能你还摸不着头脑,到底这些文件是干什么的。WordPress的主题是用PHP编写的,而不是纯HTML + CSS,所以模板文件的后缀名是.php,如果你想精通WordPress的主题制作,完美控制你的博客,最好要熟悉PHP编程。要是不会PHP编程怎么办?就做不了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识别,等于废物。
主页
- home.php
- index.php
文章页:
- single-{post_type}.php - 如果文章类型是videos(即视频),WordPress就会去查找single-videos.php(WordPress 3.0及以上版本支持)
- single.php
- index.php
页面
- 自定义模板 - 在WordPress后台创建页面的地方,右侧边栏可以选择页面的自定义模板
- page-{slug}.php - 如果页面的缩略名是news,WordPress将会查找 page-news.php(WordPress 2.9及以上版本支持)
- page-{id}.php - 如果页面ID是6,WordPress将会查找page-6.php
- page.php
- index.php
分类
- category-{slug}.php - 如果分类的缩略名为news,WordPress将会查找category-news.php(WordPress 2.9及以上版本支持)
- category-{id}.php -如果分类ID为6,WordPress将会查找category-6.php
- category.php
- archive.php
- index.php
标签
- tag-{slug}.php - 如果标签缩略名为sometag,WordPress将会查找tag-sometag.php
- tag-{id}.php - 如果标签ID为6,WordPress将会查找tag-6.php(WordPress 2.9及以上版本支持)
- tag.php
- archive.php
- index.php
作者
- author-{nicename}.php - 如果作者的昵称为rami,WordPress将会查找author-rami.php(WordPress 3.0及以上版本支持)
- author-{id}.php - 如果作者ID为6,WordPress将会查找author-6.php(WordPress 3.0及以上版本支持)
- author.php
- archive.php
- index.php
日期页面
- date.php
- archive.php
- index.php
搜索结果
- search.php
- index.php
404 (未找到)页面
- 404.php
- index.php
附件页面
- MIME_type.php - 可以是任何MIME类型 (image.php, video.php, audio.php, application.php 或者其他).
- attachment.php
- single.php
- index.php
详细说明,请看WordPress官方文档(如果你能看懂英文):
http://codex.wordpress.org/Template_Hierarchy
WordPress主题制作全过程完整列表:
- WordPress主题制作全过程(一):基础准备
- WordPress主题制作全过程(二):主题文件构成
- WordPress主题制作全过程(三):HTML静态模板制作
- WordPress主题制作全过程(四):小试牛刀
- WordPress主题制作全过程(五):制作header.php
- WordPress主题制作全过程(六):制作footer.php
- WordPress主题制作全过程(七):制作sidebar.php
- WordPress主题制作全过程(八):制作index.php
- WordPress主题制作全过程(九):制作single.php
- WordPress主题制作全过程(十):制作comments.php
- WordPress主题制作全过程(十一):制作page.php
-- 完 --
本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息:
原文出处:露兜即刻 https://www.ludou.org/create-wordpress-themes-template-hierarchy.html
支持学习~~
期待后续,博主加油
呵呵,楼主这一系列文章写的很帅,很适合不了解WP主题结构的人。在追看中。
@simaopig 看到后面你就会觉得烦了。
single-{post_type}.php – 如果文章类型是videos(即视频),WordPress就会去查找single-videos.php(WordPress 3.0及以上版本支持)
请问露兜这个怎么识别的? 即文章类型
@aionec 感兴趣,请自行搜索:
wordpress 自定义 文章 类型
@Ludou 晕了 还要插件支持
最不喜欢用插件了
看看下个版本能不能自带这个
博主加油,写的很好,期待能有更深入的讲解与分析。
wp官网的codex有很详细说明,不过还是要感谢博主的辛勤劳动啊!!
备用,保存书签了
收藏了,正好有这个打算
这篇文章已转载加了原文链接到你站,如果你在意,留言给我,我将处理这篇文章。
学习学会是一个过程
正准备制作一个自己的主题,3q博主,很有用
如果有home.php如何再链接到index.php
@roy 没办法
@roy 用php的函数 include 引用
例如
<?php
include “index.php”;
?>
学习中 看到此文很受用
楼主的教程写的非常好,也蛮详细的,但搞不懂为什么楼主字里行间总要挤兑一下读者
@airlqin 应该是某些读者
过程讲解相对详细,但所有下载文件及代码,只是wordpress源文件复制粘贴的。要是有一个独立设计效果比较好的,能演示其效果就更好了,还是得赞一下!
很是受用,非常感谢博主的辛勤付出!新手学习中。。。
难道博主没发现<pre>代码里面的文字没有显示完全吗?
@王英学博客 非常感谢您的提醒
看着不错,谢了这么多,辛苦了~
和wordpress花园主题视频一起看,效果挺好
文章内容和最新的文件结构都不一样了,需要更新
ok