翻译：Wordpress主题制作教程#3：开始制作index.php
原文作者：Small Potato翻译：Leon
本文是我关于Wordpress主题制作系列教程的第三课。如果你没有读过我的教程一和教程二，建议你先学习他们。否则，你不会明白我这节课将要展现的内容。
现在就开始从阅读教程转到真正着手制作吧。在这节课中，你将会被Wordpress的代码搞得一团糟。这就是为什么你真的应该在你的本地电脑上安装一个Wordpress，而并非是一个在线Wordpress，因为这样的话会更加方便。
第一步:打开Xampp控制面板。
指定你的Xampp目录，通常是 My Computer > xampp 或者是 C:\xampp。
双击 xampp-control.exe。一个窗口会弹跳出来，点击Start，运行起 Apache 和 MySQL。你的弹出窗口应该是如下图所示：
保持它的运行，你可以把它缩小到任务栏中。
第二步: 建立你的主题文件夹。
进入你的Wordpress主题文件夹。它应该在 xampp/htdocs/wordpress/wp-content/themes.。建立一个新的目录，把它命名为tutorial。
第三步: 创建 index.php 和 style.css 文件。
打开记事本或者其他文本编辑器。记事本位于 开始菜单 > 程序 > 附件 > 记事本。
将index.txt这个文件中的所有内容复制粘贴到你的记事本窗口中。
在你的tutorial文件夹中保存你的记事本文档为 index.php
新建另外一个记事本文档，内容留空，保存为 style.css 在同一个文件夹中关闭记事本。
这样你就有了两个文件： index.php 和 style.css。 
index.php 文件内容解释:
点击这个图片会放大。我将为你解释每一圈出的部分都是做什么用的。
Doctype - 声明你在你的主题文件中是使用的哪种代码。Doctype 在这里并不重要，我已经给出了 Doctype 因此你就不必深究它。
<html> 是网页文件的开始。
<head> 是网页文件头部（ head）的开始。每个web页面都有一个头部（head）和主体（body）。 </head> 是头部的结束。
<?php bloginfo(’stylesheet_url’); ?> 是一个引用style.css文件位置的PHP函数，由此这个主题就能够与它建立链接从而在页面中显示出样式来。每当代码被 <?php和 ?>包含时，那就是PHP语言，而与其他代码不同。在PHP中， <?php 意味着开始?> 意味着结束。
因此:
- <?php - 开始PHP。
- bloginfo(’stylesheet_url’) - 引用 style.css的位置。
- ; - 结束对 style.css的引用。这个分号是结束一系列PHP代码的一中方式。
- ?> - 结束PHP。
继续我们的学习…
<body> - 这是主体（body）开始的标志。主体（body）是所有网页上能读到看到的信息。你在阅读这份教程，也就是说你在阅读这个网页的主体（body）。 </body> 是主体结束的标志。
</html> 是页面结束的标志。在它之后什么也没有。
第四步: 复制并粘贴这个文件 style.txt 中的所有内容到你的 style.css 文件中。保存并关闭。
第五步: 设置你的主题。
打开你的浏览器。
输入： http://localhost/wordpress/wp-login.php。打开它，并且登录到你的Wordpress控制面板。（你之所以能够看到登录页面是因为你在第一步中打开了Xampp控制，否则，你的浏览器将给出一个找不到页面的错误提示。）
在控制面板中，单击 Presentation ，并选中叫做 Tutorial 的主题，激活它。
注意，你的主题现在并没有缩略图以显示。因此这个框图是空白的。一旦激活，Wordpress将会给出你提示。
现在打开一个新的浏览页面，进入 http://localhost/wordpress。你应该能得到一个空白页面。我的意思是完全空白，如果不是这样，那么一定是你在一个错误的页面。
你的主题已经初步搭建起来了，这就是这节课的内容。下一步，我们将着手页眉（header）模板。
别忘记关闭你的 Xampp 控制。双击任务栏中的图标，单击 Apache 和 MySQL的Stop按钮，然后单击 exit。
还存在问题吗？在下面的评论框中给我留言吧。
Follow this WordPress Theme Tutorial Series from the beginning.
大哥接下来的教程呢，快点写啊，辛苦拉，等着学呢呵呵
期待ing
谢谢关注，每当有时间Leon就会简单的译一下。可以读原文，只要英语不是很菜哦。