开始 Index.php 是从零开始创建 WordPress 主题系列教程的第三篇。在介绍了 WordPress 主题的一些规则和术语，以及对 WordPress 模板和模板文件了解之后，现在是开始动手创建 WordPress 主题了的时候。
在这篇中，你将要着手开始写 WordPress 代码。这里建议在本地电脑上安装 WordPress，而不是安装到服务器上，因为本地更方便测试。
第1步：打开 XAMPP 控制面板。
在 XAMPP 文件夹（通常是：C:\xampp），双击 xampp-control.exe 将会弹出一个新的窗口。单击 Apache 和 MySQL 的启动按钮。如下图所示：
启动之后你看最小化窗口了。
第2步：创建你的主题文件夹。
<script language="JavaScript" src="http://book.book560.com/ads/ads728x15.js" type="text/javascript"></script>
转到你本地安装的 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 代码。
<script language="JavaScript" src="http://book.book560.com/ads/ads728x15.js" type="text/javascript"></script>
所以：
-
<?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 的停止按钮，然后点击推出。
分享到：
相关推荐
- **主题教程#3：开始** - 跟随详细步骤，从创建主题文件夹到安装主题，实现从无到有的转变。 - 编写index.php和style.css文件，为你的主题打下坚实基础。 - **主题教程#4a和#4b：Header模板** - 学习如何构建...
wordpress的固定链接修改静态：去index.php的方法404.php的制作，这个永久链接修改太麻烦了，我终于找到方法，请参考www.vip.13shou.com的链接，上面只剩下：分类目录+文章序号了，为了这个代码，我花了2小时，现在...
- **主题教程#3：开始Index.php** - **步骤详解**： - **第1步**：打开XAMPP控制面板，启动Apache和MySQL服务。 - **第2步**：在本地服务器根目录下创建一个新文件夹作为主题文件夹。 - **第3步**：创建index....
6. **JavaScript和CSS文件**（js/和css/）：主题的JavaScript脚本和样式表。 7. **其他资源文件夹**（如fonts/、icons/）：包含字体图标和其他特殊资源。 8. **屏幕截图**（screenshot.png）：展示主题预览的图片。 ...
- `style.css`：主题样式的核心，定义颜色、字体、布局等视觉元素。 - `index.php`：首页及文章列表页的主要布局模板。 - `home.php`：有时可替代`index.php`，专门用于自定义首页布局。 - `single.php`：单篇文章的...
真实的文件列表可能包括WordPress主题的各个组成部分，如样式表（style.css）、模板文件（header.php, footer.php, index.php等）、JavaScript文件、图像资源，以及可能的配置文件和文档。这些文件会揭示Devework...
### 从零开始制作WordPress主题教程 #### 创建WordPress主题所需的工具和准备 在开始学习如何创建WordPress主题之前，首先需要确保拥有以下工具： 1. **XAMPP**：这是一个免费的、开源的跨平台Web服务器解决方案...
- 规则#2：主题至少包含两个核心文件：`style.css`（定义样式）和`index.php`（控制布局）。 - **专业术语**： - **Template（模板）**：可复用的代码集合，简化开发过程。 - **Template File（模板文件）**：...
6. **WordPress小工具和侧边栏**：主题可能会定义多个小工具区域，允许用户通过WordPress后台添加和配置小工具。 7. **页面构建器兼容性**：许多现代WordPress主题支持页面构建器插件，如Elementor或 Beaver ...
在你对WordPress主题开发教程二：模板文件介绍了解后让我们开始学习编写index.php文件吧。 在这篇中，你将要着手开始写 WordPress 代码。这里建议在本地电脑上安装 WordPress，而不是安装到服务器上，因为本地更方便...
在“基于PHP的wordpress主题：格子商铺主题 php版.zip”这个压缩包中，我们可以推测其包含了一个专门为WordPress设计的主题，名为“格子商铺”。 【WordPress主题】 WordPress主题是决定网站外观和布局的一组文件...
通过本教程的学习，读者可以了解到WordPress主题开发的基本概念、所需技能以及如何构建一个完整的WordPress主题。下面将根据提供的部分章节内容，对各章涉及的关键知识点进行详细介绍。 --- ### 第一章：WordPress...
通过本教程的学习，您可以了解到WordPress主题的基本组成、模板文件的优先级以及如何制作基础的`index.php`文件。掌握了这些知识后，您不仅可以创建自己的WordPress主题，还能更加深入地理解Web开发中的客户端模型，...
1. style.css：主题的主要样式表，定义了布局、颜色、字体等视觉样式。 2. index.php、header.php、footer.php等：这些是模板文件，定义了网站不同部分的结构。 3. functions.php：包含主题特有的PHP函数和逻辑。 4....
3. **主题配置**：`functions.php` 文件是每个WordPress主题的核心，它包含了所有主题特有的函数和设置。在这个文件中，你可以注册侧边栏、自定义菜单、小工具等。 4. **样式表**：`style.css` 文件包含了主题的CSS...
2. **WordPress主题结构**：WordPress主题由一系列模板文件组成，如header.php（页头）、footer.php（页脚）、index.php（主页）、single.php（单篇文章）等。每个文件都有特定的功能，开发者需要根据需求修改或创建...
根据提供的文件信息，以下是从零开始制作WordPress主题的详细知识点： ### 1. 创建WordPress主题所需的工具和准备 在开始制作WordPress主题之前，需要准备一些基本的开发工具，例如文本编辑器（如Sublime Text、...