WordPress主题制作-第一个WordPress主题

网上各种漂亮的WordPress主题，真是羡慕！也想把自己的博客搞得漂亮一些，在网上找来找去漂亮的主题都收费，免费的主题都不漂亮。

下定决心，自己搞吧！

万事开头难！

由于自己是程序员出身，今天就搞一个“Hello World！”主题吧。这个主题，就像经典的那个C语言“helloworld”一样，只是输出一个“Hello World！”就完事（囧…… 本人初学，先将就一下吧）。别看这个主题简单，却是打开了WordPress主题制作的大门啊（此时光环出现……千万不要是板砖……）！

闲话少叙，言归正题。

第一步：

新建一个style.css文件。注意！该文件需要使用utf-8编码，以免中文出现乱码。

/*

Theme Name: 这里填主题名称

Theme URI: 这里填主题介绍的网址

Description: 这里填主题的简短介绍

Version: 版本号

Author: 作者名

Author URI: 作者的网址

Tags: 标签，多个用半角逗号隔开

*/

按照说明，修改成HelloWorld主题需要的描述。因为暂时没有Theme URI，所以也写成我的博客地址了。

/*

Theme Name: HelloWorld

Theme URI: http://blog.zhiya.pw
Description: 这是我的第一个主题-HelloWorld

Version: 1.0.0.1

Author: 吱呀

Author URI: http://blog.zhiya.pw
Tags: 第一个主题,HelloWorld

*/

第二步:

新建一个index.php文件，内容如下:

<h1>Hello World!<h1>

这里为了简单，没有使用php代码，只是用html标签输出了一个H1标题

第三步：

在wp-content\themes目录下，建一个文件夹HelloWorld，将上面准备好的两个文件style.css和index.php,拷贝到里面。

现在进入到wordpress后台，外观->主题->管理主题。我们的HelloWorld主题已经出现在可用主题里面了

<img src="http://blog.zhiya.pw/wp-content/uploads/2013/06/hw1.jpg" alt="HelloWorld主题" width="320" height="342" class="aligncenter size-full wp-image-31" />

看上去还行，点击“启用”。大功告成！

<img src="http://blog.zhiya.pw/wp-content/uploads/2013/06/hw2.jpg" alt="启用HelloWorld主题" width="256" height="70" class="aligncenter size-full wp-image-32" />

别人的主题在“管理主题”页面都有一个预览图，这个好办！随便找一张png图片，重命名为“screenshot.png”，放到HelloWorld目录下，再刷新一下“管理主题”页面。主题预览图就出来了！

<img src="http://blog.zhiya.pw/wp-content/uploads/2013/06/screenshot.png" alt="HelloWorld主题预览图" width="300" height="225" class="aligncenter size-full wp-image-33" />

第一个WordPress主题总算做完了！虽然它简陋的就像一个250，但是我们终于开始WordPress主题制作之路了……