「自学哈网」WordPress主题开发教程三：开始编写index.php文件-自学哈网

在你对WordPress主题开发教程二：模板文件介绍了解后让我们开始学习编写index.php文件吧。
在这篇中，你将要着手开始写 WordPress 代码。这里建议在本地电脑上安装 WordPress，而不是安装到服务器上，因为本地更方便测试。

本文以XAMPP为web服务器实例，当然你也可以使用其他集成的web服务器（phpnow等）。

第1步：打开 XAMPP 控制面板。

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

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

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

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

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

打开记事本或者你选择的文本编辑器，把index.txt这个文件中的所有内容都拷贝到你的记事本。保存为index.php。

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

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

index.php 解释：

点击上面的图片查看大图。我会向你解释每个红色圆圈区域是什么意思。

Doctype– 指明你用哪种类型的代码来编码你的主题。这里你暂时还不用管它的详细意思。

<html>是网页开始的地方。

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

<?php bloginfo(’stylesheet_url’); ?>是一个 PHP 函数，它能取得style.css文件所在的路径，这样主题就能使用style.css样式化页面上所有元素。任何时候，PHP 代码都是在<?php和?>之间的。PHP 代码和 HTML 的代码是不一样的，在 PHP 中，<?php代表开始 PHP 代码而?>是结束 PHP 代码。

所以：

<?php– 开始 PHP 代码bloginfo(’stylesheet_url’)– 调用 style.css 文件所在的路径;– 停止调用函数。分号是用来结束一个 PHP 语句。?>– 结束 PHP 代码

<body>– 这是网页主体开始的地方。你能在网页上看到和读到的东西就是主体部分。你正在阅读的这个教程说明你在正在看当前这个网页的主体部分。</body>是网页主体结束的地方。

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