WordPress主题教程3开始In

开始Index.PHP是从零开始创建WordPress主题系列教程的第三篇。在介绍了WordPress主题的一些规则和术语，以及对WordPress模板和模板文件了解之后，现在是开始动手创建WordPress主题了的时候。

在这篇中，我们将要着手开始写WordPress代码，这里建议搭建首先在本地电脑上安装WordPress，而不是安装到服务器上，因为本地更方便测试。

第1步：打开XAMPP控制面板。(如果没有XAMPP，可以忽略此步骤，直接进入步骤)

在XAMPP文件夹（通常是：C:\xampp），双击xampp-control.exe将会弹出一个新的窗口。单击Apache和MySQL的启动按钮。如下图所示：

启动之后你看最小化窗口了。

这里我是在Apache部署好wordpress后，直接在PS里打开新建目录结构如下（步骤）

第步：创建你的主题文件夹。

在你本地安装的WordPress主题文件夹下（应该在xampp/htdocs/wordpress/wp-content/themes），创建一个新的文件夹，命名为tutorial。

第步：创建index.PHP和style.css文件。

打开记事本或者你选择的文本编辑器（我直接使用高级编辑器PS，比较方便），把下载到的教程源代码中index.txt这个文件的所有内容都拷贝到你的记事本。保存为index.PHP。回复“wordpress主题源码”即可获取，以后不再提醒了。

打开另外一个记事本，直接保存为style.css到相同的文件夹下.

现在有两个文件了:index.PHP和style.css.

index.PHP解释：

下面将会解释每个红色圆圈区域是什么意思。

Doctype—指明你用哪种类型的代码来编码你的主题，如果还是不明，就先不用管它的详细意思。

html—网页开始的地方。

head—网页头部开始的地方，每个网页都有一个头部和主体。/head是头部结束的地方。

?phpbloginfo(’stylesheet_url’);?是一个PHP函数，它能取得style.css文件所在的路径，这样主题就能使用style.css文件来样式化页面上的所有元素。

任何时候，PHP代码都是在?php和?之间的。PHP代码和HTML的代码是不一样的，PHP是以?PHP开始，以?结束的。

所以：

?php–开始PHP代码

bloginfo(’stylesheet_url’)–调用style.css文件所在的路径的函数

;–停止调用函数。分号是用来结束一个PHP语句。

?–结束PHP代码

body–这是网页主体开始的地方，我们在网页上看到和读到的东西就是主体部分，比如你正在阅读的这个教程说明你在正在看当前这个网页的主体部分。

/body是网页主体结束的地方。

/html是网页结束的地方，没有东西在它的后面了。

第4步：创建style.css。

把教程源代码中的style.txt中所有的代码拷贝到你的style.css文件中，并保存和关闭它。

第5步：安装你的主题。