这节课我们来讲解自定义主题网站的配置,我们会首先添加主题所需的页面,然后我们会添加主题所需的小工具。
下载并安装示例主题
为了让我们能够更好的讲解WordPress模板层次结构的原理,我写了一个简单的WordPress主题,这个主题能够很好的反映出WordPress原理。
下载地址:链接:https://pan.baidu.com/s/1i6Sdg9J 密码:k0u3
下载完成后,要做的就是安装这个主题。把它放到主题文件夹中:
然后就是到WordPress后台 >> 外观 >> 主题 启用主题,接着,先删除之前的自定义页面:
添加示例页面
接下来要做的就是确保网站上有一些页面。我们来创建一个Home页面作为主页,页面的内容随意填写。点击“发布”。
接着,以同样的方式,创建about页面。
然后,我们将进入“外观” >> “自定义”,并确保首页是一个静态首页,正在使用Home页面。我们点击保存并发布。
然后,再添加一个blog页面,它用于显示所有博客的内容的,它是一个文章页,所以这个页面目前不需要任何内容。点击发布:
然后,我们可以在“外观” >> “自定义”,把 文章页 设置为 blog,这样Blog页面就被设置为文章页。
添加菜单
进入“外观” >> “菜单”。点击创建菜单。菜单的结构就是刚才创建的3个页面,点击保存菜单:
你可以到网站的前台,看看菜单和页面是否创建成功。
添加小工具
接下来,我们还需要在主要侧栏中设置小工具,目前在侧栏下,只有一些文本:
可以看到 Primary SideBar(页面侧边栏) 和 Blog Sidebar(文章页侧边栏) .
设置完成后的效果如下图:
来到网站前台,点击blog页面,这里会显示blog页面的小工具。
所以现在已经设置好了主题基本的内容,接下来,就可以开始单独得进行每个主题文件的讲解,并且看看它和相关的其它文件是如何协同工作的。
- 本文固定链接: http://www.xuhss.com/theme-dev/template-hierarchy/instance-website
- 转载请注明: MrBang <time>2018年02月18日 </time>于 虚幻私塾 发表