首页>技术知识>WordPress WP主题开发06:wordpress主题模板的整体结构
WordPress教程学习网站
2022-06-23
WordPress教程学习网站丨模板定制、网站使用教程、插件推荐、代码优化、wp建站教程、数据文章采集、系统开发、系统优化,功能开发,仿站教程等各类WordPress技术知识,供网友学习了解。

WordPress主题的静态模板编写好后,我们就可以正式进入到wordpress主题动态模板的开发之中。所谓动态模板,就是通过wordpress程序提供的PHP函数和PHP语法,调用wordpress数据库中的数据,在wordpress网站的前端静态模板中展示,网站有任何动静,都可通过动态模板在前端表现出来。在开发wordpress主题的动态模板之前,我们有必要先了解一下wordpress动态模板的整体结构。

一:wordpress动态模板的必须选项。

所谓必须选项,就是wordpress动态模板必不可少的。大家可以跟随我的动作,一起来演示一下。

1、创建一个主题目录。

我们进入到wordpress程序下的 /wp-content/themes/ 目录,在这个目录下新建一个 trans 目录(你也可以用其它的名称),这也就等于给当前wordpress网站创建了一个新主题模板,模板名叫:trans 。

2、创建一个模板的CSS样式文件。

添加好模板目录后,我们可以在wordpress后台的外观下的主题的界面中看到相关提示:“损坏的主题,下列主题已安装,但不完整。缺少样式表。”( 如下图)。

image.png

在trans目录下创建一个CSS样式文件sytle.css 。这个文件名必须是style,否则无效。这个文件是wordpress动态模板所必须要有的,如果缺少,就立马报错。

3、创建一个首页模板。

添加完这个CSS的样式表文件,我们再来看后台主题界面,这时,我们发现有另外一种提示:“损坏的主题。模板丢失。独立主题需要有 index.php模板文件“。如下图:

image.png

也就是说,wordpress动态模板必须要有一个首页模板——index.php ,如果缺少,就会报这样的错误。所以,我们再在trans目录下创建一个index.php文件。

4、添加trans主题动态模板的后台缩略图。

添加完index.php首页模板后,我再回到wordpress网站的后台的外观主题界面看一下,这时,就没有再报错了,这就说明:style.css这个样式表文件和index.php这个首页模板文件,是wordpress动态模板所必须的,缺少任何一个,都会报错。

但是,我们又发现一下问题:其它wordpress主题模板都有缩略图,可以看到大致的效果,而我们所创建的trans主题模板没有缩略图,是空白的,如下图:

 image.png

这时,我们必须弄一个缩略图放进trans主题目录,这个缩略图的名字必须是screenshot,后缀可以是png、jpg、gif都可以。我们添加完缩略图后,后台就会展示出来,如下图:

 image.png

以上就是wordpress主题动态模板所必须的选项:style.css样式表文件、index.php首页模板文件、screenshot主题缩略图。弄好这些后,我们就可以点击“启用”按钮,让当前wordpress网站使用这个trans主题模板。当然,这个时候启用它,前台页面是没有任何显示的,是一个空白页,因为,我们没有在index.php中放任何内容和调用任何数据。

二:wordpress动态模板的可选选项。

弄完了wordpress动态模板的必选项,我们的trans主题模板就可以正常使用了。对于一些需求性不高的wordpress网站,它们整个网站可能只需要一个页面就可以了,比如:前几年特别流行的淘宝客主题模板,就是这样的一个情况。这些淘宝客网站没有任何文章数据,他们只有一个简单的首页模板,这个首页模板上展示的是他们在淘宝联盟上弄下来的产品链接和图片,只要用户点击这些产品,并进入到淘宝中消费,wordpress站长就可以赚到钱。

但是,对于我们这些认真做网站的wordpress站长来说,我们的wordpress网站不可能只有一个页面,我们的网站会有很多很多的页面。所以, 我们在开发wordpress主题模板时,需要创建一些其它的模板文件,这就是wordpress动态模板的可选选项。

正常的wordpress主题模板一般还会包含以下几个模板文件:

functions.php => 主题函数文件
archive.php => 列表页模板
page.php => 单页面模板
single.php => 文章页模板
404.php => 404错误页面模板
header.php => 头部模板
footer.php => 底部模板
sidebar.php => 侧边栏模板
search.php => 搜索页模板
searchform.php => 搜索表单模板
comments.php => 评论模板

还可能会包含有以下几个目录:

images => 图片文件夹
js => JS文件夹
css => 其它CSS样式文件夹
includes => 其它PHP功能文件夹

当然,上面的可选模板文件与目录,也不是固定不变的,我们可以根据自己网站的具体情况而。我们可以打开wordpress自带的官方主题看一下。我们先打开twentytwenty这个主题目录看一下,它就有好多的可选模板没有创建,如下图:

 image.png

我们再打开另一个官方主题模板twentysixteen的目录,我们可以看到,它里面就基本上囊括我们上面介绍的可选选项的模板文件。如下图:

 image.png

你们再来看一下由WordPress学习网站开发的ssmay主题,它不仅包含有必须项和可选项的主题模板文件,还包含有其它一些模板文件,如下图:

 image.png

可见,我们在开发wordpress动态模板时,没有固定的模式,创建模板的模式不是死的,我们要根据自己的wordpress网站的实际情况,以及根据自己的具体需求,来创建自己的动态模板的文件。也就是说,除了上面介绍绍的动态模板的必选项以外,其它的,我们就可以灵活发挥,不拘一格。

显示全部内容...