主题分享

自学WordPress主题制作全过程(一):基础准备

yyhouse · 5月5日 · 2019年

[v_notice]参考来源露兜博客以及网上其他大神的教程,希望自己早日做一个属于自己的主题。[/v_notice]

开始制作主题之前,你必须配备以下工具

    WordPress本地运行环境(或者在线网站空间),并且已安装好WordPress,作为测试博客
    至少配备三种浏览器,Microsoft Internet Explorer、Mozilla Firefox、Google Chrome,版本暂时不限,用于测试网页是否显示正常
    一个文本编辑器用于编写代码,Dreamweaver、UltraEdit、NotePad++、Vim等

主题文件构成

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

主页home.php和index.php

以主页为例,下面有2个文件home.php和index.php,WordPress程序会从你的主题文件夹中依次查找这两个文件:
如果找到home.php,则使用home.php作为博客首页模板,即使你的主题文件夹中有index.php;
如果home.php未找到,则使用index.php作为首页模板;
如果home.php和index.php都找不到,你的主题将不会被WordPress识别,等于废物。

文章页:

1、single-{post_type}.php – 如果文章类型是videos(即视频),WordPress就会去查找single2、-videos.php(WordPress 3.0及以上版本支持)
2、single.php
3、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
[v_error]详细说明,请看WordPress官方文档(如果你能看懂英文):
http://codex.wordpress.org/Template_Hierarchy[/v_error]

1 条回应