开始 Index.php 是从零开始创建 WordPress 主题系列教程的第三篇。在介绍了 WordPress 主题的一些规则和术语，以及对 WordPress 模板和模板文件了解之后，现在是开始动手创建 WordPress 主题了的时候。
在这篇中，你将要着手开始写 WordPress 代码。这里建议在本地电脑上安装 WordPress，而不是安装到服务器上，因为本地更方便测试。
第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> 是网页结束的地方，没有东西在它的后面了。
第4步：创建 style.css。
把 style.txt 中所有的代码拷贝到你的 style.css 文件中。保存和关闭它。
第5步：安装你的主题。
打开浏览器。在地址栏输入输入 http://localhost/wordpress/wp-login.php。登录到你的 WordPress 管理后台。（这里能够看到 WordPress 登录页面是因为你在第1步的时候启动了 Xampp。否者的话，在这里你的浏览器会报找不到的错误。）
在管理界面下到 外观 (Apperance) 菜单并激活名为 Tutorial 的主题。
注意，你的主题文件没有屏幕缩略图，所以是空白的。一旦激活了，WordPress 就会告诉你激活信息。
现在打开一个新的浏览器或者标签页（如果你的浏览器支持标签页浏览）并在地址栏输入 http://localhost/wordpress。你应该得到一个空白页面，恩，完全空白的页面。如果不是，那你就是在错误的页面上了。
你的主题已经创建好了，这就是这个课程，下一步我们将讨论主题头部模板。
不要忘记关闭 Xampp。双击它在任务栏中小图标，点击 Apache 和 MySQL 的停止按钮，然后点击推出。
WordPress 主题教程
- WordPress 主题教程：从零开始制作 WordPress 主题
- WordPress 主题教程 #1：介绍
- WordPress 主题教程 #2：模板文件和模板
- WordPress 主题教程 #3：开始 Index.php
- WordPress 主题教程 #4a：Header 模板
- WordPress 主题教程 #4b：Header 模板 2
- WordPress 主题教程 #5：主循环
- WordPress 主题教程 #5b：日志内容
- WordPress 主题教程 #5c：日志元数据
- WordPress 主题教程 #5d：Else，日志 ID，链接标题
- WordPress 主题教程 #5e：日志导航链接
- WordPress 主题教程 #6：侧边栏
- WordPress 主题教程 #6b：页面链接列表
- WordPress 主题教程 #6c：存档和链接列表
- WordPress 主题教程 #6d：搜索框和日历
- WordPress 主题教程 #6e：窗体化侧边栏
- WordPress 主题教程 #7：尾部
- WordPress 主题教程 #8：验证 XHTML
- WordPress 主题教程 #9：Style.css 和 CSS 介绍
- WordPress 主题教程 #10：十六进制颜色代码和样式化链接
- WordPress 主题教程 #11：宽度和布局
- WordPress 主题教程 #12：日志样式化和其他杂项
- WordPress 主题教程 #13：样式化侧边栏
- WordPress 主题教程 #14：底部和拆分 Index
- WordPress 主题教程 #15：子模板文件
- WordPress 主题教程 #16：留言模板
- erdaoo 的 WP Theme 教程学习笔记
- WordPress 主题教程电子书下载
原文：link
按照教程做下来，一路都正确，但是当我输入http://localhost/wordpress/wp-login.php后网页显示依然是报错~~
为什么？
支持 反对
怎样安装WP blog 到电脑上？
支持 反对
在到第五步的时候我点击：http://localhost/wordpress/wp-login.php
出现
Warning: require(C:\xampp\htdocs\wordpress/wp-config.php) [function.require]: failed to open stream: No such file or directory in C:\xampp\htdocs\wordpress\wp-login.php on line 2
Fatal error: require() [function.require]: Failed opening required ‘C:\xampp\htdocs\wordpress/wp-config.php’ (include_path=’.;C:\xampp\php\pear\’) in C:\xampp\htdocs\wordpress\wp-login.php on line 2
请问老大这个问题怎么解决,谢谢
支持 反对
你的 WP 包下载有问题！
支持 反对
厄，为什么结尾加粗强调不要忘记关闭 Xampp，这个东西长期开着对电脑有害么？
还是容易被入侵？我是新手
支持 反对
非常感谢你的教程！对于新手来说实在是太重要了、太有帮助了！
感谢阁下花费的心血！
另外，我尝试使用绿色版的wordpress,结果在输入http://localhost/wordpress/的时候导致服务器出错，然后，换成非绿色版就解决了这个问题。
如果有人发现同样的问题，不知道这个会不会管用。
支持 反对
太棒勒。比看小说有意思多勒。
支持 反对
presentation找不到啊？用的是2.6.2版本的！
支持 反对
谢谢教程，2.6.2版本的要把TUTORIAL的文件夹放在wp-content/themes directory下面，刷新下就可以看见了！
支持 反对
怎么图片都失效勒，5555.我心血来潮想学一下的，唉。唯一让我信任的教程又泡了…
支持 反对
哇。留言之后就看到图片勒…
支持 反对
为什么我安装的xampp到了第二步，在htdocs下根本找不到那个wordpress/wp-content/themes那个文件夹
支持 反对
这个需要你自己去下载 WordPress 安装包的！
支持 反对
博主是不是可以考虑，做成个chm的供人下载呢？
支持 反对
以后再说！先修正完！
支持 反对
博主,你好,我按照你的方法操作前面都非常正确.可是到了第五步的时,在安装自己创建的那个空白主题时候点击外观选项,在右边的主题预览里发现不了自己新建的那个主题.不单是空白,而且完全是什么都没有.下面连版本信息都没有.index.php文件和style.css都有,而且绝对是按照你发的粘贴过去的.我觉得应该是index.php文件里的代码有问题.因为我把其他系统默认主题的index.php文件复制过来,style.css文件用我们手工创建的就可以看到激活新主题的选项.而且版本信息时根据你提供的那个文件的版本信息.这说明style.css文件时正确的.
而且我又做了个试验,把手工创建的主题文件打成ZIP的包通过上传安装,也能提示安装成功,但是启用时候提示主题文件已损坏,使用默认的代替.
我想请博主给我分析下是什么原因呢?哦对了,我用的是最新版的2.9.1的WORDPRESS,主题文件跟程序文件的编码都是UTF-8的.
在线求解,不胜感激.
支持 反对
我做过测试了，没有问题，应该是你复制有问题！
支持 反对
…老大,不好意思,是我小白了…..
马虎害死人啊….
index.php被我打快了命名成inedx.php了.崩溃啊..为了这个我弄了3个多小时….
真实2010年第一次悲剧.
还是要感谢你.你的文章很好 受益匪浅.谢谢.
支持 反对
怎么index.txt 什么也没有 啊
支持 反对
支持开源，支持作者，支持站长！
支持 反对
LZ 可否把主题的源码以附件或*.txt形式发布啊？
因为你的index.php以图片形式 一来字太小 二来老打错字
故 跪求整个主题源码？谢谢！
支持 反对
没有，别跪了，难看！
支持 反对
在看， 不是很会CSS.唉，
支持 反对
因为index.tex文件没有，就一个个字母地打写了。
弄好后打开地址，出现这个错误：
Parse error: syntax error, unexpected ‘<' in D:\xampp\htdocs\wordpress\wp-content\themes\tutorial\index.php on line 16
但是我对照着检查了没有错啊！
这是为什么呢？
博主能拿出文本吗！
谢谢！
支持 反对
终于弄清楚了，原来是
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="”/>
多谢博主！
支持 反对
找不到index.txt这个文件呢？
支持 反对
鱼片大叔，你的index文件另存还是迅雷下载都不行啊，你快出来解决吧
支持 反对
老大，index.txt怎么没有显示内容啊，急死我了呀。谁有发给我撒。qq：694195417
支持 反对
你把index.txt的登陆网址复制在谷歌浏览器上看就出现你要的代码了！
支持 反对