这个是虚坏叔叔的主站。牢记域名: [xuhss.com](拼音首字母)。首页可以搜索或: 虚幻账号

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

模板层次 虚幻 524℃ 0评论

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

下载并安装示例主题

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

下载地址:[mem]链接:https://pan.baidu.com/s/1i6Sdg9J 密码:k0u3[/mem]

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

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

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

[mem]

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

[/mem]

添加示例页面

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

[mem]

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

[/mem]

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

[mem]

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

[/mem]

然后,我们将进入“外观” >> “自定义”,并确保首页是一个静态首页,正在使用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:创建一个示例主题网站

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

转载请注明:虚坏叔叔 » WordPress模板层次04:创建一个示例主题网站

喜欢 (1)

您必须 登录 才能发表评论!