创建主题所必须的文件

现在，就来开始主题的构建，首先，我们需要为主题取一个名字，所以来到主题文件夹，创建 Geek-Theme 主题文件夹。那么，这个文件夹就用于存放主题构建所需的所有文件。

我们可以把这个文件夹拖放到sublime中，并在文本编辑器中打开文件夹。

接下来，要做的就是：添加三个重要的文件到这个文件夹中。第一个叫做 style.css 。接下来是 index.php ，最后一个叫做为   functions.php ：

这三个文件在WordPress主题中都有独特而重要的用途，必须使用 style.css 和 index.php 文件才能在网站后台显示这个主题。

那么，在激活这个主题之前，必须在 style.css 文件的顶部添加一些重要的信息。一个主题的所有信息都会写在 style.css 文件中。

关于 style.css 的概念介绍，可以参考之前的一篇文章：WordPress模板层次05：style.css样式表

来到网站后台 >> 外观 >> 主题，打开一个默认主题 Twenty Fourteen，可以看到主题作者，版本，描述，标签，图像和功能都显示在这里：

那么，我们应该在哪添加这些信息呢？实际上，这些主题的信息，都是由style.css文件顶部的注释控制的。

所以，让我们来丰富style.css的内容。在这里，我直接将以下内容复制粘贴到style.css文件中：

/*

Theme Name: Geek-Theme/***主题名称***/

Author: MrBang/***主题作者***/

Description: A post modern, simple, responsive theme./***主题描述***/

Version: 1.0/***主题版本号***/

License: GNU General Public License v2 or later/***主题License***/

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: black, white, light, one-column, two-columns, left-sidebar, fluid-layout, responsive-layout, custom-menu, featured-images/***主题标签***/

*/

现在，让我们花点时间更深入地了解这段注释。我们可以看到，我们有很清楚的信息，如主题的名称，作者，主题的描述，版本，许可信息，以及主题的标签。

你也可以参考WordPress官方文档关于 主题样式表style.css 的介绍，打开之后，可以看到这段注释的完整版本，您可以直接复制粘贴这段代码到自己编写的主题上，然后稍作修改即可，实际上，我现在的注释就是在它的基础上做了简单的修改。

所以，当style.css设置好后，并且我们创建了index.php文件（虽然现在它是空），我们就能够在主题中，看到创建的 Geek Theme 主题。

为主题添加封面照片

不过，这里缺少一张照片，很简单，只要将 screenshot.png 文件复制到主题文件夹中。screenshot.png.文件是一个 800 x 800 像素的图像，而且它的名称只能叫做 screenshot ，如果换做其他名称，是显示不出来的，你也可以自己找到一张合适的照片放在这里。

screenshot.png 下载链接：https://pan.baidu.com/s/1bqH0XcV 密码：upkg

现在，如果我们刷新页面，就可以看到主题的图片就自动读取并显示出来了：

文件丢失对主题的影响

到目前为止，我们已经为主题提供了最基本的设置，接下来，我们来激活这个主题。

来到主题面板，点击激活按钮即可：

这样就完成了主题的激活。不过这里还需要注意的一点是：我们知道，所有的主题都需要一个style.css文件。但是，如果将style.css重命名为_style.css，会发生什么？当刷新WordPress后台时，可以看到：损坏的主题。正如它所说，主题已安装，但不完整：

所以，style.css是必不可少的，让我们重新命名回去。

同样，如果更改index.php文件的文件名为_index.php，可以看到损坏的主题，并给出了一个缺少index.php的提示：

所以再次命名回index.php，然后激活我们的新主题，并访问网站前台，可以看到的是一个完全空白的网站：

这很正常，因为我们仅仅只是创建了一个样式表。所以，接下来，我们会实战开发：如何设置基本模板文件，以便可以在网站的前端显示内容。

转载请注明：虚坏叔叔 » WordPress开发实战01：创建并激活主题