大家好,我是御坂.今天打算给大家写一篇WP模板主题制作教程,由于自己也没有接触过WP的模板制作,所这篇教程将从零开始学习WP模板的制作,目标是用5天的时间写出一个可以正常使用的WP模板出来.话说之前我也没有写过WP模板,这里我就边学边写教程了.那么,第一天的我们目标就是"了解WP的模板的相关知识".
这部分内容可以从百度和官方文档中很容易的获取到.内容非常多,我们直接找到和模板相关的内容开始看,技术细节先不深究,先写出模板再说.
首先,我们发现写出一个简单的模板是很容易的,从文档中我们知道我们现在只需要以下几个文件:
index.php 主要入口,模板开始的地方,可包涵和调用其他模板文件
style.css 文件开头注释部分有主题必须的说明内容
header.php 页头文件
footer.php 页尾文件
screenshot.png 模板图片
然后:
用 标签(函数)调用 header.php 和 footer.php 等标准模板文件
用 来包含非标准模板文件
现在我们先在主题文件夹里面新建个文件夹,这里我新建了一个misaka的文件夹,大家可以随意创建.主题文件夹应该并不难找把,随便翻翻WP程序就知道在 wp-content\themes 里面.我们把上面这5个文件放进去,其实这5个文件中目前有用的也就index.php和style.css这两个,那个图片是给后台主题列表显示图像的,要不要无所谓,而header.php和footer.php是为了方便我们以后使用的.
接下来我们对这4个文件进行代码的编写,不要着急,4个文件加起来也不到20行的代码.
在style.css文件加上,没写的地方我觉得应该不是必须的.
/*
Theme Name: 魔法守则[主题名称]
Theme URI: https://www.neurallinker.com[主题链接]
Author: 御坂[作者]
Author URI: https://www.neurallinker.com[作者网站]
Description: 魔法施法中...[描述]
Version: 1.0[版本]
License:
License URI:
Tags:
Text Domain:
*/
在header.php加上
">//获得字符编码
在footer.php加上
在index.php加上
get_header(); //包含header.php文件
if (have_posts()) : //如果存在文章,则循环
while (have_posts()) :
the_post(); //获取文章
the_content(); //输出文章
endwhile;
endif;
get_footer(); //包含header.php文件
?>
完成以上步骤之后,现在你已经可以在后台的主题列表看到你创建的主题了,如果你有设置图片的话,还能看到图片
不要问我那些函数为什么那样写我也不知道.选择我们自己的主题然后打开博客前台刷新页面看看,是不是可以显示出内容来了.
诚然,现在显示出来的页面实在是太简陋,没有网站标题,导航,分类,评论,列表等等页面.网站也没有做任何布局的将文章内容一股脑的输出到了首页.不要着急,这些问题会在第二天和接下来的几天进行解决.今天我们先到这里,接下来我们要做的是继续阅读文档来为我们接下来的任务做准备,现在我们的WP知识储备实在是有点不够呢.
