将代码添加到 WordPress 页眉或页脚

出于多种原因，有时您可能想要或需要将代码添加到您的 WordPress 网站的页眉或页脚。 不幸的是，该平台没有提供开箱即用的简单或直接的方法。

好消息是，您可以借助子主题和functions.php文件或 WordPress 插件轻松解决此问题。 无论您选择哪种方法，您都可以使用自定义功能、用户数据和性能提升策略轻松增强您的网站。

在这篇文章中，我们将解释一些您可能需要或想要向 WordPress 网站的页眉和页脚添加代码的情况。 然后，我们将分享两种方法的分步说明，使您能够编辑这些元素以创建自定义页眉或页脚。 让我们开始吧！

为什么要编辑您的 WordPress 页眉和页脚代码？

您可能想要编辑 WordPress 页眉或页脚的原因多种多样。 可能最明显的是，有时您想通过使用自定义代码来设计您的网站样式，并且需要一种方法将此代码添加到您的页眉和/或页脚。

然而，这些也是跟踪代码的主要位置，例如用于 Google Analytics 的代码。 这些代码可以提供有关用户行为的有价值信息，以增强您的营销和内容策略。

此外，WordPress 默认不包含元标记。 这些将添加到您网站的标题中，以帮助搜索引擎抓取您的网页。 尽管它们现在不像以前那样相关，但将它们添加到您的标题中并没有什么害处——它们只会帮助您提高网站的可见度。

最后，您可能熟悉将阻止呈现的 JavaScript 移动到“非首屏”的做法。 这通常意味着将它添加到您的 WordPress 页脚，这将需要编辑其代码。 这种技术可以通过减少加载时间来帮助提高网站的性能。

如何手动将代码添加到您的 WordPress 页眉或页脚（分两步）

将代码添加到 WordPress 页眉或页脚有两种主要方法。 第一种是手动编辑网站的主题，第二种是使用插件。 尽管手动编辑主题的文件风险更大且更困难，但对于一些更高级的用户来说，这是首选方法。

第 1 步：创建子主题

手动将代码添加到您的 WordPress 页眉或页脚涉及编辑您的一些主题文件。 当您必须这样做时，编辑子主题总是明智的，而不是直接弄乱父主题的文件。 这样，您可以避免在更新主题时丢失更改。

幸运的是，手动创建子主题的过程非常简单，您可以访问自定义标题所需的 WordPress 教程。 但是，如果您需要在紧要关头创建子主题，主题构建器插件（例如 Child Theme Configurator）可以提供帮助。

使用主题构建器插件，您可以通过单击按钮轻松生成子主题，尽管一旦您掌握了方法，完全手动的方法可能同样快速。

第 2 步：编辑您的子主题的functions.php文件

设置好子主题后，您需要访问和编辑其functions.php文件。 在开始之前，备份您的站点总是明智的，以防万一您犯了任何错误并希望轻松恢复到以前的状态。

编辑functions.php文件的常用方法是通过文件传输协议 (FTP) 和 FTP 客户端，例如 FileZilla。 但是，您也可以从 WordPress 仪表板编辑某些文件。 要访问它，请导航至外观 > 主题编辑器。

您将收到一条警告，提示您将要编辑您的主题文件 - 单击我了解按钮继续。 接下来，您需要确保选择了正确的文件。 在站点编辑器右侧的边栏中，确保选择了主题功能 (functions.php) 。

现在您可以在此文件的末尾添加自定义代码，完成后单击“更新文件” 。

如何使用插件将代码添加到您的 WordPress 页眉或页脚（分两步）

虽然在某些情况下，手动编辑 WordPress 主题的文件以将代码添加到页脚或页眉部分可能更容易，但使用插件通常是更安全的方法。 出于本文的目的，我们将使用最受欢迎和评价最高的插件之一来完成任务，Header、Footer 和 Post Injections。

然而，在 WordPress 插件目录和其他地方有许多插件可以帮助完成这项任务。

第 1 步：安装并激活您选择的插件

对于初学者，您需要安装并激活您希望使用的插件。 为此，您可以从插件目录或其他在线市场下载插件的.zip文件，然后将其上传到您的站点。 或者，导航到仪表板中的插件 > 添加新插件。

您可以在此处搜索要使用的页脚或页眉插件。 无论您选择哪种方法，您都将通过单击“安装”按钮完成此步骤，然后在出现该选项时激活。

第 2 步：将您的代码片段添加到页眉、页脚和后期注入

安装插件后，您应该能够导航到仪表板中的“设置”>“页眉和页脚” 。

在这里，您会找到一个文本编辑器，用于添加您希望包含在页眉和/或页脚中的代码片段（例如 Google Analytics 跟踪代码或自定义 JavaScript）。

您可以在此页面上完成很多工作。 在前两个字段中，您可以将代码添加到标题部分。 左侧字段将代码添加到您网站上的每个页面——例如，这对 Google Analytics 很有用。 右侧字段只会将代码添加到您的主页。

接下来的字段将代码添加到页面的正文和页脚代码。 左侧的字段用于桌面查看，而右侧的字段用于代码的移动版本。 完成编辑后，不要忘记单击屏幕底部的“保存”按钮。

使用 WP Engine 改善您网站的体验

毫无疑问，您希望您的 WordPress 网站为您的用户提供一流的数字体验。 将代码添加到 WordPress 页脚或页眉是自定义网站、实施 Google Analytics 或提高性能的有用策略。

在 WP Engine，我们拥有各种各样的开发人员资源，可以帮助您将 WordPress 网站的体验提升到新的高度。 今天就去看看吧！