如何在 WordPress 中包含页眉和页脚代码
已发表: 2022-09-19WordPress 系统做了出色的工作,使没有编码专业知识的人能够执行几乎任何类型的功能。 另一方面,在某些情况下,您需要在 WordPress 中合并页眉和页脚代码,以使 3rd-bash 产品和服务嵌入其自己的功能。
最常见的使用场景是将 Google Analytics 结合到您的 Internet 站点中。 话虽如此,还有很多其他原因你会想要这样做——你可能现在知道为什么要完成这项任务。
对于本教程,我们将向您展示增加 WordPress 中页眉和页脚代码的两种方法。 然而,首先,我们将在初始区域中出现您想要执行此操作的各种解释。
使用网站页眉和页脚中的多余代码可以实现什么
一个典型的网站会分解成几个不同的组件,很像一个文本文档:
- 标题。 您网站的标题包括大量“预加载”内容,以及有关您的安全套接字层 (SSL) 证书、加密、任何 JavaScript 等的详细信息。
- 页脚。 这以与您的标题相关的方式运行,但最终位于页面底部。
- 整个身体。 您在您的网站上实现的大部分性能将在您的文章的“正文”中。 这是 WordPress 仪表板中几乎所有小东西的主要集中点,整体表示您在网站页面上看到的内容。
服务器将以线性方式加载网页——头部、人体,然后是页脚。 这意味着标题中的代码将首先加载,但页脚代码将在所有其他内容之后立即加载。
日常代码片段用例
社交媒体和寻找引擎优化(网站定位)应用程序通常希望您在 WordPress 中插入标题代码。 这是因为当数百个网页要记录紧随其后到达的所有内容时,那些专家服务人员必须获得一些优先权。
这与 CSS 代码的情况类似,主要是因为这决定了您的网站将如何浏览。 如果这是在页脚中,您会在看到样式之前看到一系列布局变化。
尽管 JavaScript 将帮助我们制作、透视和与现代互联网网站进行交互,但它并不是重要的部分(在技术意义上)。由于这种情况,页脚中的 JavaScript 将在多种情况下为您提供更高的效率,如果你有这个选择,你真的应该去。
事实上,还有很多额外的用例,我们在 WPKube 网站上的附加帖子中更深入地处理它们。 然而,在通常的 WordPress 困境中,您确实没有获得网站的页眉和页脚因素。 要做到这一点,你需要把你的手弄脏,或者打电话给户外援助。
如何在 WordPress 中包含页眉和页脚代码(2 种方式)
除了放松帖子之外,我们还将保护两种方法来增加 WordPress 中的页眉和页脚代码。 两者并不复杂,但我们想要一个超越另一个的人:
- 您可以使用插件来帮助您将代码合并到网站的适当部分。
- 您可以将代码包含到您的
capabilities.php
文件中,并且您需要进一步了解如何访问您的站点信息。
我们可能会从插件选择开始,我们很快就会澄清动机。
1.使用插件将代码添加到您的页眉和页脚
如果您想在 WordPress 中执行某件事,插件应该为您完成任务。 在大多数情况下,我们会考虑一个插件作为 WordPress 网站的默认插件。 作为这种类型,如果你想在 WordPress 中包含页眉和页脚代码,嵌入代码插件会很棒:

这是我们的姊妹网站 DesignBombs 开发的替代方案,它为您提供了一种快速而轻松的方式,可以将代码作为完整的特定网页或帖子插入您的互联网站点,甚至可以定制发布类型。
要使用它,您将以通常的 WordPress 方式安装和激活插件。 此过程完成后,您将在仪表板上看到一个新的设置 > 嵌入代码解决方案:

在此监视器上,您将发现两个文本点:一个用于头部,一个用于页脚。 您甚至会得到关于您输入的代码将位于 HTML 中的位置的提示:

使用这个工具非常简单。 输入代码后,请保留您的修改。 这将在全球(即网站巨大)级别上添加任何代码。 尽管如此,您可能只想在个人文章或网页中包含代码。 您可以通过块编辑器执行此操作 - 您需要的元框和选项位于屏幕底部:


虽然嵌入代码是我们选择的过程,并且您必须使用一个人来尽量减少大惊小怪,但还有另一种方法可以让您获得所需的好处。 接下来我们将在这个人看来。
2. 将代码片段合并到您的features.php
文件中
每个 WordPress 设置都可以在其最佳阶段或特定主题列表中获取专用的capabilities.php
文件。 这允许您合并代码片段以帮助 WordPress 使用额外的性能。 另一方面,在开始之前,您需要完全掌握并具备一些先决条件:
- 您使用安全文件传输协议 (SFTP) 获取您的 WordPress 核心文档——以及扩展的
features.php
文件。因此,您必须了解它在购买时的执行情况,以发现您的互联网站点信息并使用他们。 - 如果相关主题收到更新,我们还建议您使用儿童主题,以保护您的修改。
- 您将至少需要对 WordPress 挂钩、操作和过滤器的操作意识。 另外,您需要了解 WordPress 如何通过这些钩子访问您的页眉和页脚。
在使用 SFTP 时,WPKube 有一系列文章内容,您可以考虑必要的浏览:
您可能还想查看 WordPress 开发人员挂钩库,特别是wp_head
和wp_footer
的人员条目,虽然这是可选的,因为您不会以主要方式使用它们。
从这里列出的操作过程将采取几种方法。 首先,在您的 SFTP 客户中打开您网站的服务器,然后导航到wp-material/themes 。 在此处列出,打开您当前主题的列表,并查找合适的functions.php
文件:

您将希望在您喜爱的文本内容或代码编辑器中打开此文件。 在里面,你可以放置后续的代码片段模板:
add_action( 'wp_head', ' ' ) purpose () ?>
add_action( 'wp_head', ' ' ) purpose () ?>
add_action( 'wp_head', ' ' ) purpose () ?>
简而言之,这为 WordPress 添加了一个动作钩子,使用你称之为