如何在 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 仪表板上的插件 > 添加新的。
  • 搜索插入页眉和页脚插件。
  • 安装并激活它。
  • 激活后,转到仪表板上的设置。 然后,单击插入页眉和页脚选项。
  • 您可以看到可以为页眉、正文和页脚添加一段代码的框。
屏幕截图名称:在页眉、正文和页脚上添加代码的选项.png
  • 您可以简单地在页眉和页脚框中添加代码。
  • 完成后,单击“保存”按钮。

现在,该插件会自动加载您在站点相应位置添加的代码。 要编辑或删除代码,请返回这些页眉和页脚框并删除代码。 最后,保存更改以继续。

笔记:

  • 您需要始终安装并激活此插件。 如果您停用该插件,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 文件中。 尽管这两种方法都有效,但如果您是初学者,则应该使用第一种也是我们首选的方法。 它更容易,更安全。

如果您还有其他疑问或疑虑,请在下面的评论部分与我们分享。