如何在 WordPress 中添加页眉和页脚代码?
已发表: 2021-09-06您是否熟悉需要将代码片段添加到 WordPress 页眉和页脚的情况?
当您尝试在您的网站上集成 Google AdSense、Google Analytics 和 Google Search Console 等服务时,通常会发生这种情况。
默认情况下,WordPress 不提供向页眉和页脚添加代码的选项。 但幸运的是,对于初学者来说,还有其他简单的方法。
在本指南中,我们将解释如何在 WordPress 中添加页眉和页脚代码的两种不同方法。 最简单的方法是使用 WordPress 插件。 对于下一个方法,您可以将代码片段添加到主题的 PHP 文件中。
那么,让我们进入细节!
目录
- 在 WordPress 中添加页眉和页脚代码 – 2 个简单的方法
- 方法 1:使用插件将代码添加到 WordPress 页眉和页脚
- 方法2:在WordPress中手动添加页眉和页脚代码
- 结论
在 WordPress 中添加页眉和页脚代码 – 2 个简单的方法
如上所述,您可以使用插件或手动将代码添加到 WordPress 页眉和页脚。 我们建议使用简单的插件,因为与手动方法相比,它更容易、更安全。
以下是使用插件在 WordPress 页眉和页脚中添加代码的一些好处:
- 简单、快速、有条理:与手动方法相比,使用插件更容易、更快捷。 另外,使用插件可以使您的任务井井有条,并允许您将页眉和页脚代码存储在一个地方。
- 防止错误:插件易于使用并且对初学者友好。 您无需修改自定义代码即可在您的网站上使用它们。 因此,它可以防止可能的错误。
- 更改保持不变:该插件将您的页眉和页脚代码保存在单独的安全位置。 因此,即使您更新或编辑主题,设置仍保持不变。
话虽如此,让我们深入研究使用这两种方法在 WordPress 中添加页眉和页脚代码的分步过程。
但首先,请确保备份您的 WordPress文件,以防出现问题或您想恢复到以前的设置。
方法 1:使用插件将代码添加到 WordPress 页眉和页脚
有许多 WordPress 插件可用于在 WordPress 中添加页眉和页脚代码。 但是,我们建议使用插入页眉和页脚插件。 该插件具有简单的界面和内置功能,可让您轻松地将代码添加到头文件和页脚文件中。
以下是使用此插件在 WordPress 中添加页眉和页脚代码的方法:
- 转到 WordPress 仪表板上的插件 > 添加新的。
- 搜索插入页眉和页脚插件。
- 安装并激活它。

- 激活后,转到仪表板上的设置。 然后,单击插入页眉和页脚选项。

- 您可以看到可以为页眉、正文和页脚添加一段代码的框。

- 您可以简单地在页眉和页脚框中添加代码。
- 完成后,单击“保存”按钮。
现在,该插件会自动加载您在站点相应位置添加的代码。 要编辑或删除代码,请返回这些页眉和页脚框并删除代码。 最后,保存更改以继续。
笔记:
- 您需要始终安装并激活此插件。 如果您停用该插件,WordPress 将停止将代码添加到您的网站。
- 保存更改后,您需要清除 WordPress 缓存。 这样做可确保在您网站的前端正确看到更改。
方法2:在WordPress中手动添加页眉和页脚代码
手动方法比第一种方法更具技术性。 您需要准备您的代码片段,然后将其添加到您的 WordPress functions.php 文件中。 在进行任何修改之前,请确保创建 WordPress 备份。

我们还建议在编辑时使用子主题,因为更新父主题时代码会被覆盖。 安装和编辑子主题文件可确保您以后不会丢失设置。
许多开发人员为特定的 WordPress 主题提供子主题。 但是,如果您没有,请查看如何在 WordPress 中安装子主题。
现在,在创建 WordPress 备份并安装子主题后,请按照以下步骤手动添加页眉和页脚代码:
第 1 步:准备代码片段
您可以为页眉和页脚使用以下代码片段框架:
标头的代码片段
/* Describe the code snippet for your header */ add_action('wp_head', 'your_function_name'); function your_function_name(){ ?> PASTE HEADER CODE HERE <?php };
页脚的代码片段
* Describe the code snippet for your footer*/ add_action('wp_footer', 'your_function_name'); function your_function_name(){ ?> PASTE FOOTER CODE HERE <?php };
对于这些片段中的每一个,请确保使用您自己的更改以下内容:
- “描述页眉/页脚的代码片段”
- “你的 _function_name()”
- “在此处粘贴页眉/页脚代码”
第 2 步:将代码片段添加到您的子主题的 functions.php 文件中
在为页眉和页脚准备好代码片段后,您需要将这些代码添加到主题的 functions.php 文件中。
您可以这样做:
- 从 WordPress 管理面板转到外观 > 主题编辑器。

- 点击“ functions.php ”文件。
- 现在,将您的代码粘贴到文件末尾。
- 单击更新文件按钮以保存设置。

如果要将代码添加到特定页面或帖子,可以添加“ if ”语句,如下所示:
对于标题:
/* Describe the code snippet for your header */ add_action('wp_head', 'your_function_name'); function your_function_name(){ if(is_single(73790)) { ?> PASTE HEADER CODE HERE <?php };
对于页脚:
/* Describe the code snippet for your footer*/ add_action('wp_footer', 'your_function_name'); function your_function_name(){ if(is_single(73790)) { ?> PASTE FOOTER CODE HERE <?php };
注意:确保将数字“ 73790 ”替换为您的页面或帖子 ID。
结论
在 WordPress 中添加页眉和页脚代码的主要原因是为了使用第三方服务,例如 Google AdSense、Google Analytics、Facebook Pixel 和其他工具。 但是,也可能有各种原因。
无论是什么原因,您都可以使用插件将代码添加到页眉和页脚,或者将代码添加到 functions.php 文件中。 尽管这两种方法都有效,但如果您是初学者,则应该使用第一种也是我们首选的方法。 它更容易,更安全。
如果您还有其他疑问或疑虑,请在下面的评论部分与我们分享。