天涯论坛

 找回密码
 立即注册
搜索
查看: 19|回复: 2

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

[复制链接]

3046

主题

3万

回帖

9606万

积分

论坛元老

Rank: 8Rank: 8

积分
96065856
发表于 2024-10-6 10:56:03 | 显示全部楼层 |阅读模式

wordpress主题的静态模板编写好后,咱们能够正式进入到wordpress主题动态模板的研发之中。所说动态模板,便是经过wordpress程序供给的PHP函数和PHP语法,调用wordpress数据库中的数据,在wordpress网站的前端静态模板中展示,网站有任何动静,都可经过动态模板在前端表现出来。在研发wordpress主题的动态模板之前,咱们有必要先认识一下wordpress动态模板的整体结构。

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

所说必须选项,便是wordpress动态模板必不可少的。大众能够跟随我的动作,一块来演示一下。

1、创建一个主题目录。

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

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

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

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

3、创建一个首页模板。

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

便是说,wordpress动态模板必须要有一个首页模板——index.php ,倘若缺少,就会报这般的错误。因此咱们再在trans目录下创建一个index.php文件。

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

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

然则咱们发掘一下问题:其它wordpress主题模板都有缩略图,能够看到大致的效果,而咱们所创建的trans主题模板缩略图,是空白的,如下图:

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

以上便是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这个主题目录看一下,它就有好多的可选模板创建,如下图:

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

你们再来看一下由马一直研发的ssmay主题,它不仅包括有必须项和可选项的主题模板文件,还包括有其它有些模板文件,如下图:

​可见,咱们研发wordpress动态模板时,固定的模式,创建模板的模式不是死的,咱们按照自己的wordpress网站的实质状况,以及按照自己的详细需要,来创建自己的动态模板的文件。便是说,除了上面介绍绍的动态模板的必选项以外,其它的,咱们能够灵活发挥,不拘一格。





上一篇:举荐几个做外贸网站好用的wordpress模板
下一篇:WPS、金山毒霸、天使投资人、小米集团创始人——雷军
回复

使用道具 举报

3046

主题

3万

回帖

9606万

积分

论坛元老

Rank: 8Rank: 8

积分
96065856
 楼主| 发表于 2024-10-22 17:16:50 | 显示全部楼层
i免费外链发布平台 http://www.fok120.com/
回复

使用道具 举报

2944

主题

2万

回帖

9997万

积分

论坛元老

Rank: 8Rank: 8

积分
99979435
发表于 2024-10-30 20:06:21 | 显示全部楼层
论坛的成功是建立在我们诚恳、务实、高效、创新和团结合作基础上,我们要把这种精神传递下去。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-22 18:16 , Processed in 0.113517 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.