在这一节中我们将来实际的分析zfree模板v0.0.1版本,从中了解到开发出一个可被系统识别的最小主题的条件
1,本节目标
能够自己开发出一个能够系统识别的模板
2,主题的文件夹结构
我们已经知道了,当主题成功安装之后,wordpress会在网站的根目录/wp-content/themes这个目录下为你的模板创建一个目录,你所有的文件都会复制到这个目录中。如图:
我们进入到zfree这个文件夹中,可以看到这个文件夹的文件结构。如图:
这个文件夹中只有两个文件,一个是index.php,一个是style.css文件。并且这两个文件的大小都不到1kb。
index.php文件内容如下:
<?php echo "I am ready";?>
这个里面仅仅只是输出了一个字符串。我们需要重点关注style.css这个文件。
这是一个css文件,文件名为style.css(中文意思是 样式)。这个名称是不可修改的。文件的内容如下:
/* Theme Name: ZFree商业多用途主题 Author: ZMAX Description: ZMAX团队开发的多用途商业主题 Version: 0.0.1 */
2,约定优于设计原则
在程序设计中,有一个原则就是约定优于设计,他的意思是说,在设计之前,就将一些内容给约定好。如果你知道约定,那么就会带来很大的方便,如果你不清楚这些约定,你会感觉很难入门。既然是约定,那么就没有原因,大家记住就行了。
3,关于主题的约定
在wordpress中,我们(开发者)约定,每一个主题必须有一个style.css文件和index.php文件。index.php是主题的入口点文件,主题的加载从index.php开始。主题的详细说明信息必须写在style.css的开头。使用注释的方式,按照固定的格式来填写。上面的这个CSS文件很简单,大家在创建自己的模板的时候,直接复制就行了。然后按照自己的需要,进行修改。
- Theme name:就是你主题的名称。这个可以任意字符
- Author:模板的作者
- Description:模板的详细说明信息
- version :你的主题的版本号。一般使用x.y.z的格式。你可以自己定义。如:0.0.1.主要用于后期的更新
4,创建自己的第一个模板
有了上面的知识,那么创建自己的第一个模板就很简单了。主要的步骤如下
- STEP 1:复制zfree模板的style.css这个文件。在这个文件中修改name属性为你的模板的名称
- STEP 2:在你的模板下面新建一个index.php文件。这个文件可以为空。
- STEP 3:将这个文件夹打包,测试安装了。
这样你的第一个模板就完成了。
5,共勉
虽然本节讲的内容很浅显,但我个人强烈的建议各位学习者,一定要亲自实践一次。在此,以一句诗句来勉励所有的朋友:
纸上得来终觉浅,绝知此事要躬行!
这是我的第一个版本,已经测可以正常安装。zfreev0.0.1_2025-11-14.zip
6,扩展知识
为了让第一个主题足够小,style.css里面的主题信息说明并不完全,完整的字段说明如下:
/* Theme Name: Twenty Twenty-Four Theme URI: https://wordpress.org/themes/twentytwentyfour/ Author: the WordPress team Author URI: https://wordpress.org Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4. Requires at least: 6.4 Tested up to: 6.8 Requires PHP: 7.0 Version: 1.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwentyfour Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news */
在今后的开发中大家可以按照自己的需要进行设置补充。

评论 (0)