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

WordPress平台做得很好,可以帮助那些没有编码经验的人几乎实现任何类型的功能.但是,在某些情况下,您需要在WordPress中添加标头和页脚代码,以帮助第三方服务嵌入了自己的功能.

最典型的用例是将Google Analytics(分析)集成到您的网站中.但是,您还有很多其他原因要这样做-您可能已经知道为什么要执行此任务.

对于本教程,我们将向您展示几种在WordPress中添加标头和页脚代码的方法.不过,首先,我们将首先看一下您想这样做的各种原因.

在网站的标头和页脚中,您可以实现的目标

标准网站将分解为一些不同的组件,就像文本文档一样:

  • 标题.您的网站的标题包含许多"预加载"元素,以及有关您的安全套接字层(SSL)证书,加密,任何JavaScript等.
  • 页脚.这与标题类似,但最终在页面的底部.
  • 身体.您在网站上实现的大多数功能将在您的内容的"正文"内.这是WordPress仪表板中几乎所有内容的主要重点,并且身体代表您在页面上看到的内容.

服务器将以线性方式加载页面-头部,身体,然后是页脚.这意味着标题中的代码将首先加载,但是页脚代码将在其他所有内容之后加载.

日常代码段用例

社交媒体和搜索引擎优化(SEO)工具通常需要您在WordPress中添加标头代码.这是因为当站点加载以记录其后的所有内容时,这些服务必须优先考虑.

与CSS代码相似,因为这决定了您的网站的外观.如果这是在页脚中,则在看到样式之前,您会看到一系列布局更改.

JavaScript帮助我们与现代网站生产,查看和互动,但这不是必需的组件(从技术意义上讲).因此,页脚中的JavaScript在许多情况下都会为您提供更大的性能,如果您有那个选项,应该随之而来.

实际上,还有更多用例.但是,在典型的WordPress情况下,您无法访问网站的标题和页脚元素.为此,您需要弄脏手或致电外部帮助.

如何在WordPress(2种方法)中添加标头和页脚代码

在本文的其余部分中,我们将介绍在WordPress中添加标头和页脚代码的两种方法.两者都很简单,但我们更喜欢另一个:

  1. 您可以使用插件帮助您将代码添加到网站的正确区域.
  2. 您可以将代码添加到您的functions.php文件中,您需要对如何访问网站的文件有额外的知识.

我们将首先查看插件选项,原因很快就会解释.

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中添加标头和页脚代码?在下面的评论部分中让我们知道!

15

发表回复