如何给WordPress页眉和页脚添加代码

你是如何为添加代码到WordPress的页眉或页脚而烦恼的？许多工具和跟踪脚本要求你在WordPress网站的页眉或页脚添加代码片段。然而，默认情况下，WordPress不能编辑这些文件。

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

如何使用插件给WordPress页眉和页脚添加代码

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

如何使用插件给WordPress页眉和页脚添加代码

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

如果您切换主题，您的代码片段将保持不变。

该插件可以很容易地只添加代码片段到主页的页眉或页脚，这在某些用例中很有帮助。

这个插件更适合初学者，因为它不需要深入研究代码。

虽然有几个插件提供了这个功能，但是我们推荐Stefano Lissa的Head、Footer和Post Injections插件，因为它提供了比许多其他插件更多的控制。它目前有超过200，000个活跃安装。

页眉、页脚和后进样插件

步骤1:安装并启用插件。

页眉、页脚和后注射插件在WordPress是免费的，所以你可以直接从WordPress dashboard安装并激活它，方法是进入插件→安装插件并搜索它:

安装插件

步骤2:将代码片段添加到插件中

激活插件后，你可以在WordPress dashboard中进入设置→页眉和页脚来访问它的界面。你会在插件界面看到很多标签。但是在本指南中，您将主要使用默认的页眉和页脚选项卡:

头部、脚部和后部注射

要将代码添加到站点的标题中，您需要将其粘贴到部分注入区域下的一个框中:

every page–将代码片段添加到网站上每个页面的标题中。这是你大部分时间想用的。

仅主页–只有代码片段被添加到主页的标题中。

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

向页眉添加代码的示例

要将代码添加到网站的页脚，您可以向下滚动到“在结束标记(页脚)之前”选项。同样，您有两个选项，尽管它们不同于Header部分:

桌面——不管名字是什么，这将代码添加到你的网站的移动版本的桌面和页脚，除非你特别选中移动框。

移动–选中后，您可以向网站的移动版本添加不同的代码片段。

如果您只想为所有用户(无论其设备如何)在页脚部分添加代码片段，请将其粘贴到桌面框中，并取消选中“移动:

向页脚添加代码的示例

如果需要，您可以在每个框中添加多个代码段。

其他–向Google AMP页面的页眉和页脚添加代码。

这个插件的另一个好处是，如果你使用Google AMP for WordPress，这个插件允许你专门在Google AMP版本页面的页眉和页脚添加代码片段(只要你使用官方的Automattic AMP插件)。

为此，请转到AMP选项卡的页眉和页脚，并将您的代码片段粘贴到相应的框中:

谷歌AMP界面

如果你只是需要在你的站点范围内添加不同的PHP函数，我们也建议你查看免费的代码片段插件。它消除了向主题的functions.php文件添加定制片段的需要。它目前有超过100，000个活跃安装。

WordPress插件代码片段

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

如果你不熟悉PHP的基础，我们建议你坚持上面的插件方法。手动方法对你来说可能太复杂了。

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

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

很多开发者提供子主题。准备好子主题后，您可以继续下面的步骤，将代码添加到主题的页眉或页脚中。

虽然你可以直接添加代码片段到header.php和footer.php的文件中，但是更好的方法是使用你的functions.php文件和适当的WordPress钩子。这允许您将所有剪辑存储在一个位置，并避免修改核心主题文件。

步骤1:准备代码片段

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

要在标题中添加代码，请使用以下代码片段:

/* Describe what the code snippet does so you can remember later on */add_action(‘wp_head’, ‘your_function_name’);function your_function_name(){?>PASTE HEADER CODE HEREPASTE FOOTER CODE HEREPASTE HEADER CODE HEREPASTE HEADER CODE HERE