首页 > 主题开发 > 模板层次 > WordPress模板层次04:创建一个示例主题网站
2018
02-18

WordPress模板层次04:创建一个示例主题网站

这节课我们来讲解自定义主题网站的配置,我们会首先添加主题所需的页面,然后我们会添加主题所需的小工具。

下载并安装示例主题

为了让我们能够更好的讲解WordPress模板层次结构的原理,我写了一个简单的WordPress主题,这个主题能够很好的反映出WordPress原理。

下载地址:

You must be logged in to view the hidden contents.

下载完成后,要做的就是安装这个主题。把它放到主题文件夹中:

theme active xuhss.com01 - WordPress模板层次04:创建一个示例主题网站

然后就是到WordPress后台 >> 外观 >> 主题 启用主题,接着,先删除之前的自定义页面:

You must be logged in to view the hidden contents.

添加示例页面

接下来要做的就是确保网站上有一些页面。我们来创建一个Home页面作为主页,页面的内容随意填写。点击“发布”。

You must be logged in to view the hidden contents.

接着,以同样的方式,创建about页面。

You must be logged in to view the hidden contents.

然后,我们将进入“外观” >> “自定义”,并确保首页是一个静态首页,正在使用Home页面。我们点击保存并发布

theme active xuhss.com06 - WordPress模板层次04:创建一个示例主题网站

然后,再添加一个blog页面,它用于显示所有博客的内容的,它是一个文章页,所以这个页面目前不需要任何内容。点击发布:

theme active xuhss.com07 - WordPress模板层次04:创建一个示例主题网站

然后,我们可以在“外观” >> “自定义”,把 文章页 设置为 blog,这样Blog页面就被设置为文章页。

theme active xuhss.com08 - WordPress模板层次04:创建一个示例主题网站

添加菜单

进入“外观” >> “菜单”。点击创建菜单。菜单的结构就是刚才创建的3个页面,点击保存菜单

theme active xuhss.com09 - WordPress模板层次04:创建一个示例主题网站

你可以到网站的前台,看看菜单和页面是否创建成功。

添加小工具

接下来,我们还需要在主要侧栏中设置小工具,目前在侧栏下,只有一些文本

theme active xuhss.com10 - WordPress模板层次04:创建一个示例主题网站

可以看到 Primary SideBar(页面侧边栏) 和 Blog Sidebar(文章页侧边栏) .

设置完成后的效果如下图:

theme active xuhss.com11 - WordPress模板层次04:创建一个示例主题网站

来到网站前台,点击blog页面,这里会显示blog页面的小工具

theme active xuhss.com12 - WordPress模板层次04:创建一个示例主题网站

所以现在已经设置好了主题基本的内容,接下来,就可以开始单独得进行每个主题文件的讲解,并且看看它和相关的其它文件是如何协同工作的。

最后编辑:
作者:虚幻
这个作者貌似有点懒,什么都没有留下。

留下一个回复