如何将代码添加到WordPress页眉和页脚

为如何向WordPress页眉(head)或页脚添加代码而苦恼?许多工具和跟踪脚本要求您将代码片段添加到WordPress网站的页眉或页脚。但是,默认情况下,WordPress无法编辑这些文件。在本教程中,我们将向您展示如何通过使用WordPress插件或手动将代码添加到您的func

add-code-wordpress-header-footer-7-1024x512-1.pngo_

为如何向WordPress页眉(head)或页脚添加代码而苦恼?许多工具和跟踪脚本要求您将代码片段添加到WordPress网站的页眉或页脚。但是,默认情况下,WordPress无法编辑这些文件。

在本教程中,我们将向您展示如何通过使用WordPress插件或手动将代码添加到您的functions.php文件来向WordPress页眉或页脚添加代码。对于大多数用户来说,插件方法是推荐的方法。但是中高级WordPress用户可能更喜欢使用手动编码方法。

  • 如何使用插件向WordPress页眉和页脚添加代码
  • 如何手动将代码添加到WordPress页眉和页脚

对于大多数用户来说,向WordPress页眉和页脚添加代码的最简单方法是通过插件。在下一节中使用插件而不是手动方法的好处是:

  • 如果您切换主题,您的代码片段将保持不变。
  • 该插件可以轻松地仅将代码片段添加到主页的页眉或页脚,这在某些用例中很有帮助。
  • 该插件对初学者更友好,因为它不需要深入研究代码。

虽然有几个插件提供此功能,但我们推荐Stefano Lissa的Head, Footer and Post Injections插件,因为它比许多替代品提供更多的控制。它目前有超过200,000次活跃安装。

header-and-footer-wordpress-plugin.pngo_

Head, Footer and Post Injections插件

Head, Footer and Post Injections插件在WordPress.org上免费提供,因此您可以直接从WordPress仪表盘安装和激活它,方法是转到插件 → 安装插件并搜索它:

add-code-wordpress-header-footer.pngo_

安装插件

激活插件后,您可以通过转到WordPress 仪表板中的设置 → Header and Footer来访问其界面。您将在插件界面中看到许多选项卡。但是对于本指南,您将主要在默认的Header and Footer选项卡中工作:

add-code-wordpress-header-footer-2.pngo_

Head, Footer and Post Injections

要将代码添加到站点的页眉中,您需要将其粘贴到<HEAD> SECTION INJECTION区域下的框之一中:

  • Every page– 将代码片段添加到您网站上每个页面的标题中。这是您大部分时间想要使用的。
  • Only home page– 仅将代码片段添加到主页的标题中。

例如,要将Google Analytics跟踪代码添加到WordPress,您只需将其粘贴到Every page框中并保存更改:

add-code-wordpress-header-footer-3-1024x392.pngo_

向页面Header添加代码的示例

要将代码添加到您网站的页脚,您可以向下滚动到BEFORE THE </BODY> CLOSING TAG (FOOTER)选项。同样,您有两个选项,尽管它们与Header部分不同:

  • Desktop-尽管名称如此,这会向您网站的桌面和移动版本的页脚添加代码,除非您专门选中移动框。
  • Mobile选中后,您可以将不同的代码段添加到您网站的移动版本。

如果您只想为所有用户添加一个代码片段到页脚部分无论他们的设备是什么,请将其粘贴到桌面框中并取消选中移动?:

add-code-wordpress-header-footer-4-1024x372.pngo_

向页脚添加代码的示例

如果需要,您可以向每个框添加多个代码片段。

这个插件的另一个优点是,如果您使用Google AMP for WordPress,该插件允许您专门将代码片段添加到Google AMP版本页面的页眉和页脚(只要您使用官方Automattic的AMP插件)。

为此,请前往AMP选项卡的Header and Footer,然后将您的代码片段粘贴到相应的框中:

add-code-wordpress-header-footer-5.pngo_

Google AMP界面

如果您只是需要在站点范围内添加不同的PHP函数,我们还建议您查看免费的Code Snippets插件。它消除了将自定义片段添加到主题的functions.php 文件的需要。它目前有超过100,000次活跃安装。

code-snippets-wordpress-plugin.jpgo_

WordPress插件-Code Snippets

如果您不熟悉 PHP 的基础知识,我们建议您坚持使用上面的插件方法。手动方法对您来说可能过于复杂。

在本节中,您将学习如何通过functions.php文件手动将代码片段添加到主题的页眉和页脚。

如果您想通过上一节中的插件继续使用此方法,则必须使用WordPress子主题进行编辑。如果您不使用子主题,那么如果您更新WordPress主题,您添加到页眉或页脚的任何代码都将被覆盖

许多开发人员提供了子主题。准备好子主题后,您可以继续执行以下步骤将代码添加到主题的页眉或页脚。

虽然您可以将代码片段直接添加到header.phpfooter.php文件中,但更好的方法是使用您的functions.php文件和适当的 WordPress 挂钩。这使您可以将所有片段保存在一个地方,避免修改核心主题文件。

为了让您开始,我们将为您提供一个粗略的框架来向页眉和页脚添加代码。

要将代码添加到您的header,请使用以下代码片段:

要将代码添加到页脚,请使用以下代码片段:

对于每个片段,请确保更改:

  • 注释说明(当您需要记住一年后代码片段的作用时很有用
  • 所述your_function_name占位符(这两种情况下)
  • PASTE X代码在这里占位符

准备好相关代码片段后,您需要将它们添加到子主题的functions.php文件中。您可以通过FTP连接到您的站点来编辑此文件。或者,您可以转到外观 → 编辑器并选择functions.php文件。然后,将您的代码粘贴到文件末尾:

add-code-wordpress-header-footer-6.pngo_

在functions.php文件中添加代码

确保保存您的更改并完成!

如果您想更好地控制页眉或页脚代码片段的显示位置,可以使用if语句仅将代码添加到WordPress网站上的特定页面。

例如,要仅将代码片段添加到主页的页眉或页脚,您可以使用:

另一种选择是仅将代码片段添加到特定的文章或页面。为此,您可以使用以下代码片段:

确保将示例编号 – 73790 – 替换为您想要添加代码片段的文章或页面的实际ID。

本文内容来源于公开网络,出于传递信息之目的整理发布。原文版权归原作者所有,若涉及侵权请先提供版权后联系我们删除

(0)
WP之家WP之家
上一篇 2025年3月13日 下午5:23
下一篇 2025年3月13日 下午5:23

相关推荐

  • 如何自定义WordPress主题(5个分步教程)

    如果您已经安装了一个WordPress主题,但它不太适合您,您可能会感到沮丧。在定制WordPress主题方面,您有很多选择。挑战在于找到正确的方法。在本篇文章中,我将引导您了解自定义WordPress主题的各种选项

    2025年3月13日
  • 如何在WordPress中更改网站标题

    在WordPress中,网站标题是您网站的基本元素,是访问者对您网站的第一印象。这段文本出现在您网站的顶部,通常概括了您的网络存在的实质。了解如何更改WordPress网站标题是非常重要的,无论您最近进行了重新品牌定位

    2025年3月13日
  • 如何为WordPress每个自定义文章类型制作单独的RSS Feed

    自定义文章类型允许网站所有者添加他们自己独特的内容类型。这些帖子类型可以具有与文章或页面类似的功能,包括RSSFeed。在本教程中,我们将详细介绍如何为WordPress中的自定义文章类型制作单独的RSSFeed。默认情况下,WordPress会为您的网站生成多个RSSFeed。例如,您最近的所有博客文章都出现在您网站的主要RSSFeed中。可以通过将/feed/添加到您的域名来访问此提要:大

    2025年3月13日
  • 电子邮件身份验证 – 不要让您的电子邮件以垃圾邮件告终

    作为营销人员,您可能会花费数小时甚至数天的时间来制作完美的电子邮件。但是,如果您的邮件最终出现在垃圾邮件文件夹中,那么您的最新活动几乎可以肯定是死在水中。幸运的是,有一种方法可以避开可怕的垃圾邮件文件夹黑洞。通过实施电子邮件身份验证,您可以向Internet服务提

    2025年3月13日
  • WordPress 启用对象缓存(Redis和Memcached)

    WordPress 启用对象缓存,使用的工具一般是Redis和Memcached这两种。 什么是对象缓存? 对象缓存涉及存储数据库查询结果,以便下次需要结果时,可以从缓存中为它提供服务,而不必重复查询数据库。作为内容管理系统…

    2025年3月18日
  • 古腾堡编辑器教程:如何使用WordPress视频区块

    WordPress视频区块使您可以轻松地将视频上传和添加到您的页面和文章。它为您提供了大量控制大小和功能的选项。使用此区块添加视频使内容看起来更专业和可取。幸运的是,视频区块易于使用。在本教程中,我们将探索视频区块。我们还将看到它的设置和选项

    2025年3月13日
  • 常见的WordPress用户体验问题及解决这些问题的实用技巧

    1. 加载时间缓慢 没有什么比加载缓慢的网站更考验访问者的耐心了。事实是:如果一个网站的加载时间超过三秒,超过一半的移动用户会放弃该网站。因此,网站速度决定着用户体验的好坏。 值得庆幸的是,有几种方法可以…

    2025年3月23日
  • 更新升级WordPress版本时需要注意的事项

    WordPress 网站后台,发现有一个新的 WordPress 版本,直接点击了“立即更新”,然后走出去喝咖啡,回来时发现网站无法加载。 恐慌油然而生。主页一团糟。客户登录失败。支持团队被淹没在主题为“紧急!!”和 “你做了…

    2025年3月13日