2021从零开始开发WordPress主题教程(一):了解目录结构

wordpress主题开发教程
最近在给SEO禅开发一个简洁的WordPress主题,在网上转了一圈,既然发现这几年都没有像样的WordPress主题开发教程,不是太旧,就是有头没尾,还有的就是我也看不懂,可能水平不够吧!
WordPress到现在我看数据还是很火的,难道数据是假的(开玩笑)?既然没有,那我就写一个吧,希望能给各位没什么基础想学习WordPress主题开发的朋友一点提示。不懂怎么安装WordPress的朋友可以参考:

没有PHP,HTML,CSS基础的朋友可能会有点吃力,但是我尽量说的详细点。

WordPress主题必须文件

我刚开始学习WordPress主题开发的时候是一头雾水,没人教,就在网上查资料,可是查到的资料看完很多也就巴拉巴拉,脑袋里面还是一坨浆糊,可能是自己笨,但是后面,我去油管上看了一些主题开发的视频,感觉思路就要清晰多了,按我的理解,如果想学习WordPress主题开发,首先要从WordPress主题的目录结构下手,WordPress规定,一个主题必须包含以下两个文件:

  • index.php
  • style.css

首先index文件就不用多介绍了,这就跟Hello World一样常见,我们在wp-content/themes/目录下面新建一个文件夹,我命名为SEOZEN2021,你们自己随意,之后向里面添加index.phpstyle.css两个文件。在style.css文件头部申明一下模板信息如下:

@charset "UTF-8";

/*
Theme Name: SEOZEN Theme 2021
Theme URI: https://github.com/HelloYu/seozen-theme-2021.git
Author: Jeffrey Yu
Author URI: https://www.seozen.top/
Description: this theme was create for seozen.top site.
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: SEOZEN2021
Tags: two-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

SEOZEN Theme 2021 WordPress Theme, (C) SEOZEN.TOP
SEOZEN Theme 2021 is distributed under the terms of the GNU GPL.
*/

上面一大段话都是废话,就为了大(装)气(逼),其实就Theme Name: SEOZEN Theme 2021有作用,只要申明这个,就可以在后台看到自己的模板了。

WordPress主题目录结构

现在你的主题目录里面只有两个文件,但是WordPress已经能够识别到你的主题了,我们再来看看下面这张图:
wordpress页面继承关系
要是看不清楚就自己去看:wordpress页面层次结构,我们现在只创建了一个index文件,按着上面这张图,我们试着创建下home.php文件,在里面写几个测试文字,你再刷新看看,现在主页是不是变成了home,因为太简单了我就不截图了,你们自己去试,继续往home.php往后看,有一个绿色标记的front-page.php文件,再创建一个这个文件,你会发现前面的home文件内容被这个文件替换了,现在WordPress用的是front-page.php这个文件作为我们网站的首页了。
wordpress页面重载

screenshot.png是我随便放的一张临时图片,为了在后台主题界面中好区分

wordpress页面继承关系

回顾

WordPress主题开发第一节的内容就算结束了,知识点不多,就三个:

  • WordPress主题必须有:index.php和style.css文件。
  • style.css文件内申明Template Name 后台就可以看到此主题。
  • WordPress文件的层次结构,页面具有覆盖特性。

下一节我们来学习一些简单的wordpress函数,来实现一个简单的界面模块:《2021从零开始开发WordPress主题教程(二):模块化开发》

作者:SEO禅
本文链接:2021从零开始开发WordPress主题教程(一):了解目录结构
申明:如无特殊说明,本站文章均为作者原创,著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处,谢谢!

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码瘾患者

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值