网址导航网首页

嗨,欢迎来到25Qi网址导航

站长QQ:2598903095

WordPress

WP主题开发06:wordpress主题模板的整体结构

时间:2022-06-23 丨 作者:WordPress教程学习网站 丨 关键词:WP主题开发06

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网站的实际情况,以及根据自己的具体需求,来创建自己的动态模板的文件。也就是说,除了上面介绍绍的动态模板的必选项以外,其它的,我们就可以灵活发挥,不拘一格。

在线随机小姐姐图片换一批
最新收录
  • 安庆人事考试培训网

    安庆人事考试培训网:承办公务员、军队转业干部和专业技术人员继续教育培训工作;协助行业主管部门开展专业技术人员继续教育专业课培训和人事培训基地建设;承办机关事业单位技术工人等级考试的培训和各类社会化培训工作;组织培训考务人员;在政策规定范围内,开展人事考试考前培训和其他社会化培训业务。

  • 山东自学考试网

    山东自考网为广大山东自考人提供山东自考资讯、山东自考培训、山东自考历年真题下载,第1时间发布山东自考报名时间、山东自考成绩查询、山东自考网上报名、山东自考网校和山东自考书等相关资料和信息,全心全意为广大山东自考人服务

  • 上海公务员考试网

    上海公务员考试网发布2023年上海公务员考试报名时间、报名政策、职位表、考试大纲、上海公务员考试报名入口以及历年真题等辅导信息、申论热点,上海市公务员考试网承诺每日更新……

  • 浙江公务员考试网

    浙江公务员考试网:2023年浙江公务员考试时间、2023年浙江公务员考试职位表、公告大纲来自浙江省公务员局官网,2023年浙江公务员考试报名入口、报考条件、历年真题、成绩查询

  • 南充市教育考试院

    南充市教育考试院官方网站—咨询电话:0817-2239002

  • 在职研究生网

    在职研究生网第一时间公布在职硕士、在职博士等在职研究生招生信息,并为学员提供在职研究生报名、在职研究生招生简章及同等学力申硕、非全日制研究生、中外合作办学、高级研修班等咨询服务。