人要衣装,佛靠金装,WordPress的主题就是WordPress网站的衣服。一个优秀的主题,不但能能提高你的网站的逼格,更能增加用户在你的网站上停留的时间。虽然WordPress自带免费主题,网上也有很多免费的WordPerss主题,但是免费的主题并不一定适合我们。今年我们就来学习自己编写一个简单的WordPress主题,学完本教程,你将了解WordPress主题编写的基本知识。
这就是我编写完成的主题。我们的主题结构非常的简单,由五部分组成:分别是header,即主题头部;nav,即导航菜单栏;aside,主题侧边栏;Loop,即网页内容显示区域;网页的footer部分。由于篇幅原因,我们将本教程分为4各部分学习,并且我会在后面给出本获取教程的源文件方式。这节我们学习创建和启用主,
打开D:\XAMPP\htdocs\wordpress\wp-content\themes文件,我的XMAPP安装在D盘中,创建主题文件夹Sample,整个文件用于存放我们的主题文件。文件夹hemes就是存放WordPress主题的地方,主题启用时,直接从该文件夹下的主题文件夹中加载主题文件。另外三个主题是WordPress默认主题。
index.php和style.css是主题启用必不可少的文件,所以我们首先在我们的Sample主题文件夹中新建这两个文件。
用你喜欢的代码编辑器打开style.css文件添加主题注释,这里我用的是Sublime Text3。主题注释包括例如主题的名称,主题的作者,主题的链接,以及主题版本等信息。注释添加后保存即可。
然后进入WordPress的管理后台选择“外观”,然后选择“主题”,你就可以看到我们新建的主题了。
为了在Simple主题中显示屏幕截图,我们需要将一张图像放在主题文件夹的根目录中,命名为 screenshot.png。
我们重新加载WordPress的后台主题,你就可以看到我们的主题就有截图了。这不是真的截图,只是一张图片
如果我们激活我们的主题,然后打开我们网站的前端,什么也没有,因为我们还没有添加任何代码。我们的主题什么都没有,完全是空白的。
现在,让我们打开index.php文件并输入test,然后保存和重新加载我们的WordPress网页.
我们可以看到,我们在前端也得到了 TEST 这个单词,因为index.php文件是默认读取的文件。
领取专属 10元无门槛券
私享最新 技术干货