- 1个. WordPress教程：如何从HTML创建WordPress主题（第1部分）
- 2. WordPress教程：如何从HTML创建WordPress主题（第2部分）
- 3. 当前阅读： WordPress主题剖析简介
前不久，我们向您介绍了用HTML创建WordPress主题的概念。我们将本教程分为两个部分，今天我们将充实这两个教程，因此，可以将本帖子视为本系列文章中的第三篇。我的目标是分解WordPress主题，让您清楚了解它（主题）的工作方式.
这篇文章假定您具有HTML和CSS的使用知识。我将继续声明，具有HTML和CSS技能是设计WordPress主题的先决条件。还有一件事，这篇文章将避免大词和困难的概念，因为它很容易理解，所以准备好开心并学习.
HTML入门
每个HTML网页都使用
将网页分为几部分后，您可以使用CSS随意订购（或安排）这些部分。这个过程称为样式，它涉及添加其他样式元素，例如颜色，大小，边框，特殊效果等。这就是CSS的功能，顺便说一下，它是层叠样式表的缩写。当您将HTMl和CSS文件放在一起并放入几张图片时，您最终会获得一个完整的网站.
WordPress主题的变化不是很大。正如我们在如何从HTML创建WordPress主题的第1部分中所看到的，WordPress主题被拆分为不同的文件。如果您目前无法发现相似之处，请允许我解释.
静态HTML网页使用以下方式划分为多个部分（我们在前面称为部分）
因此，不是将所有正文元素（页眉，主要内容，侧边栏，页脚等）都放在一个文件中（静态HTML就是这种情况），每个正文元素（在WordPress主题中）都位于单独的文件中.
因此，标头将位于header.php中，边栏将在sidebar.php中找到主页，主要内容将位于index.php或single.php（如果是帖子）或page.php（如果是页面） ）。页脚部分将位于footer.php中，依此类推.
你在追踪吗？查看下图：
从上面的插图, , 和 被称为模板标签。他们的工作是从主题目录中依次提取header.php，sidebar.php和footer.php，并在index.php中显示内容，从而完成网页.
不要让 .的PHP 扩展名吓到您了，php文件中的内容只是您熟悉的HTML代码。例如，您的header.php可以包含典型的HTML列表导航。同样，您可以将典型的HTML代码放在footer.php，sidebar.php和index.php中.
您也可以将 loop.php 函数在index.php（或您喜欢的任何地方）中显示博客文章，但我应该放慢脚步，回到WordPress主题的剖析。我在第二部分中提到了如何从HTML创建WordPress主题的循环。将来我们将讨论它（循环）和其他功能.
继续…
WordPress的基本主题至少包括四个模板文件：
- index.php
- header.php
- sidebar.php
- footer.php
让我们看看其中的每个 神奇 文件：
Index.php模板文件
这是主文件，没有该主文件，您将无法使用WordPress主题。这是您访问WordPress网站时加载的第一个（或默认）文件。认为它等同于index.html.
WordPress主题中的典型index.php如下所示：
您可以在之间添加循环 和 在首页（index.php）上显示博客文章，如下所示：
Header.php模板文件
该模板文件包含您的标题代码，导航和HTML标题代码。基本上，header.php将您想要显示的所有内容存储在网站顶部。你知道，诸如网站标题之类的东西.
您还可以在header.php中链接到CSS样式表。这是header.php的基本示例：
<?php wp_title( '|', true, 'right' ); ?>
/js/html5.js">
这是标题部分。在此处放置徽标和其他详细信息.
Sidebar.php模板文件
Sidebar.php包含需要在边栏上显示的所有内容。侧边栏包含其他菜单，小部件，类别，社交媒体图标，自定义内容，HTML代码（例如广告）等.
根据您的需要，Sidebar.php可以包含纯HTML标记或php函数调用。因此，基本的sidebar.php可能如下所示：
您认为对footer.php有什么看法？您可以在此处放置版权信息，其他菜单，链接，社交媒体图标-任何您想要的！您想看看基本的footer.php是什么样子吗？这里：
注意 和