如何在WordPress中添加标头和页脚代码

WordPress平台做得很好,可以帮助那些没有编码经验的人几乎实现任何类型的功能.但是,在某些情况下,您需要在WordPress中添加标头和页脚代码,以帮助第三方服务嵌入了自己的功能.
最典型的用例是将Google Analytics(分析)集成到您的网站中.但是,您还有很多其他原因要这样做-您可能已经知道为什么要执行此任务.
对于本教程,我们将向您展示几种在WordPress中添加标头和页脚代码的方法.不过,首先,我们将首先看一下您想这样做的各种原因.
在网站的标头和页脚中,您可以实现的目标
标准网站将分解为一些不同的组件,就像文本文档一样:
- 标题.您的网站的标题包含许多"预加载"元素,以及有关您的安全套接字层(SSL)证书,加密,任何JavaScript等.
- 页脚.这与标题类似,但最终在页面的底部.
- 身体.您在网站上实现的大多数功能将在您的内容的"正文"内.这是WordPress仪表板中几乎所有内容的主要重点,并且身体代表您在页面上看到的内容.
服务器将以线性方式加载页面-头部,身体,然后是页脚.这意味着标题中的代码将首先加载,但是页脚代码将在其他所有内容之后加载.
日常代码段用例
社交媒体和搜索引擎优化(SEO)工具通常需要您在WordPress中添加标头代码.这是因为当站点加载以记录其后的所有内容时,这些服务必须优先考虑.
与CSS代码相似,因为这决定了您的网站的外观.如果这是在页脚中,则在看到样式之前,您会看到一系列布局更改.
JavaScript帮助我们与现代网站生产,查看和互动,但这不是必需的组件(从技术意义上讲).因此,页脚中的JavaScript在许多情况下都会为您提供更大的性能,如果您有那个选项,应该随之而来.
实际上,还有更多用例.但是,在典型的WordPress情况下,您无法访问网站的标题和页脚元素.为此,您需要弄脏手或致电外部帮助.
如何在WordPress(2种方法)中添加标头和页脚代码
在本文的其余部分中,我们将介绍在WordPress中添加标头和页脚代码的两种方法.两者都很简单,但我们更喜欢另一个:
我们将首先查看插件选项,原因很快就会解释.
1.使用插件将代码添加到标题和页脚
如果要在WordPress中实现某些内容,则插件应该为您完成工作.在大多数情况下,我们将考虑一个默认值的插件.因此,如果要在WordPress中添加标头和页脚代码,则嵌入代码插件将是理想的:

这是我们姐妹网站 design bomber a>开发,它为您提供了一种快速,无痛的方法,可以将代码添加到整个网站,特定页面或帖子,甚至是自定义帖子类型.
要使用它,您将在典型的WordPress Way 中安装和激活插件.完成此过程后,您将在仪表板上看到新的设置>嵌入式代码选项:

在此屏幕上,您会发现两个文本区域:一个用于头部,一个用于页脚.您甚至可以提示您输入的代码将位于html中:

使用此工具是超级差异.输入代码后,保存更改.这将在全局(即站点范围)级别上添加任何代码.但是,您可能只想将代码添加到单个帖子或页面.您可以通过阻止编辑器 -您需要的metabox和选项在屏幕的底部:

虽然嵌入代码是我们的首选方法,而您应最小的大惊小怪使用一种方法,但还有另一种方法可以为您带来所需的结果.我们接下来看看这个.
2.将代码片段添加到您的functions.php
文件
每个WordPress安装都可以在其顶级或特定于主题的目录中访问专用functions.php
文件.这使您可以添加代码段来帮助WordPress使用更多功能.但是,在开始之前,您需要了解一些先决条件:
- 您访问WordPress核心文件-并通过扩展为
functions.php
文件-使用安全文件传输协议(SFTP.),您需要了解其工作方式以找到您的网站文件并与它们一起工作. - 我们还建议您使用儿童主题 ,为了保留您的更改,如果所讨论的主题收到更新.
- 您至少需要WordPress挂钩,操作和过滤器的工作知识.更重要的是,您需要了解WordPress如何通过这些钩子访问标头和页脚.
在使用SFTP时,WPKube有一些文章,您可以考虑必要的阅读:
您也可能想查看 WordPress开发人员挂钩库,尤其是 wp_head
和 wp_footer
,虽然这是可选的,因为您不会以繁重的方式使用它们.
从这里开始,该过程需要几个步骤.首先,在SFTP客户端中打开网站的服务器,然后导航到 wp-content/themes .在这里,打开您当前主题的目录,并查找相关functions.php
文件:

您需要在您喜欢的文本或代码编辑器中打开此文件.在内部,您可以放置以下摘要模板:
add_action( 'wp_head', '<SNIPPET_NAME>' );
function <SNIPPET_NAME>() {
?>
<!--Place your HTML code or other script here.-->
<?php
}
简而言之,这将使用它称为<SNIPPET_NAME>
的任何东西向WordPress添加了一个动作钩.在函数本身中,您要么在注释行下方替换或键入(即以<!--
开头的行).继续如正常人.
保存更改后,这应该适用于您的网站.根据您添加的代码,前端页面本身,WordPress仪表板甚至在第三方仪表板中都应可见.
总结
虽然WordPress不需要典型的编码知识即可完整使用,但在某些情况下,您可能需要在WordPress中添加标头和页脚代码.例如,您可能需要使用分析,这是打开网站文件的流行原因.
这篇文章研究了两种不同的方法,将代码添加到标题和页脚:
- 一个插件,例如嵌入式代码将让您使用仪表板将标题和页脚代码添加到WordPress.因此,您只需要复制和粘贴即可,而不必担心访问服务器.
- 但是,如果您有专有技术,则可以在
functions.php
中添加摘要.文件.您需要SFTP知识,并且需要对WordPress文件进行一些体验,但是此方法与插件选项一样好.
您将采用哪种方法在WordPress中添加标头和页脚代码?在下面的评论部分中让我们知道!