掌握WordPress主题开发：从头开始编写Header模板！

今天我们将继续探讨如何开发WordPress主题的头部Header模板。

第一步：启动 XAMPP 并访问主题目录。

首先，启动 XAMPP，随后进入我们上次创建的主题文件目录，
xampp/htdocs/wordpress/wp-content/themes/tutorial。在这个文件夹中，我们应该能找到之前生成的两个文件：index.php 和style.css。

参考文章：WordPress图片投稿插件火了？用户纷纷曝出使用心得与潜在问题解析

index.php 和 style.css 的内容应与 index.txt 和 style.txt 文件相匹配。

第二步：打开 index.php 文件

接下来，打开您的浏览器，访问
http://localhost/wordpress。由于之前安装的是一个空白主题，因此此时我们会看到一个空白的页面。

请返回到主题目录，打开 index.php 文件。

到目前为止，我们已经访问了主题文件夹、浏览器以及 index.php 文件。

参考文章：WordPress安装教程1001无标题揭秘！照着做轻松搞定安装难题

第三步：调用博客标题

请打开 index.php 文件，在 和 标签之间添加 ，然后请保存更改。

参考文章：wordpress插件推荐-超实用的wordpress插件，助你提升网站性能与用户体验！

接下来，请回到浏览器并进行刷新。此时，您应该能够看到博客的标题，内容为 Demo Theme Development。

刚刚发生了什么事情呢？

在网页的主体部分，我们插入了一行 PHP 代码到 index.php。其中，bloginfo() 函数用于获取博客的相关信息。此时，参数 name 表示我们获取的是博客的标题，而这个名称可以在选项页面的 Weblog Title 进行设置。

<?php – PHP 代码的开始
bloginfo(‘name’) – 获取博客信息，具体是博客标题的调用。
; – 结束获取博客信息
?> – PHP 代码的结束

在每次对 index.php 文件进行新增或修改后，我们都应当保存并刷新页面以观察效果。

第4步：嵌入博客链接

在成功调用博客标题后，接下来要将其嵌入到超链接中，这里需要用到 XHTML 标签。

请返回到 index.php 文件中。

如何将博客标题转化为可点击链接

我们需要在同一行添加 和 标签。当我们完成这一步后，新代码应如下所示：

接着，返回到浏览器并刷新页面，这样就能看到博客标题已成功变成一个链接。

虽然现在它已经是一个链接，但还没有指向任何地方。因为这是博客的标题，我们希望它能够链接到首页。因此，需要在 href= 后的双引号中填入

保存更改后，当前的代码应该是：
<a href=””>

再次回到浏览器并刷新，当鼠标悬停在链接上时，浏览器状态栏应显示：
http://localhost/wordpress

现在点击这个链接，它将引导我们返回首页。虽然目前显示的页面看起来与之前相同，但使用 # 或者
http://localhost/wordpress 作为链接地址的效果是截然不同的。在接下来的课程中，我们将详细探讨它们之间的区别。

刚刚发生了什么呢？

我们已经成功将网站名称转换为链接，并将其指向博客主页。

深入理解WordPress主题中的XHTML代码

在WordPress中，bloginfo(‘url’) 这个函数用于提取网站的基本信息，特别是指向主页的链接地址或URL。
标签是用来插入链接的XHTML元素。
是这一链接的结束标签。若未正确关闭链接，浏览器将无法识别链接的终点，可能导致后续内容全部被视为链接。是否还记得规则 #1？确保所有打开的标签都得到正确关闭是至关重要的。
href=””表示超链接地址，其值位于引号之间。

最终的代码示例如下：
<a href=””>

这一段代码的含义是：创建一个链接，链接地址通过PHP函数bloginfo(‘url’)获取，指向博客的URL。链接文本则是博客的标题，通过bloginfo(‘name’)函数调用而得。最后，链接被正确关闭。

本文主要讲解了WordPress主题中的XHTML代码，接下来的文章将继续探讨Header模板的内容。