WordPress 网站如何添加自定义代码

WordPress 网站后台提供了很多功能，如果您使用一些高级主题，作者也会在主题中添加很多特殊的功能，也可以通过安装扩展插件实现很多功能。 此外，我们也可以通过添加自定义代码，来实现自己独特的功能要求。

在这篇文章中，我们将向您介绍如何在 WordPress 中添加自定义代码。

为什么添加自定义代码

作为一个开源内容管理系统 (CMS)，WordPress 在网站设计和开发方面提供了几乎无限的可能性。除了通过插件和主题实现的功能，我们还可以通过添加自定义代码来实现。

如果您不懂代码也没有关系，Wordpress 有众多的用户和非常完善的社区，通过网络可以找到能实现各种功能的代码。添加代码相当容易，接下来就像您介绍如何在 WordPress 中添加自定义代码。

如何将代码添加到 WordPress（3 种方式）

您可以使用下面介绍的三种方法将代码片段添加到 WordPress 网站。在开始之前，最好对您的网站进行备份。这样，如果在添加代码时出现问题，您可以轻松地恢复原样。

1.通过子主题添加自定义代码

WordPress 主题提供了很多自定义选项。如果希望调整网站的设计或功能，只需要将代码添加到主题的 functions.php 文件中。

牛奇网建议您先创建一个子主题，然后在子主题的 Functions.php 文件中添加自定义代码。这样，当您更新父主题时，添加的自定义代码依然会发挥作用。

扩展阅读：

要创建子主题，先通过FileZilla等文件传输协议 (FTP) 客户端，或使用托管帐户中的文件管理器连接网站。登录后，导航到网站目录中的 wp-content >themes 文件夹中。

在这里，会看到网站上所有主题的文件夹：

接下来，在本地电脑上为子主题创建一个文件夹。我们建议给它一个描述性的标题。例如，如果您当前的主题是Twenty Twenty，您可以将子主题的文件夹命名为 twentytwenty_childtheme。

创建文件夹后，需要向其中添加 style.css 文件。要创建此文件，请打开文本编辑器并粘贴以下代码：

/*
 Theme Name: My Child Theme
 Theme URI: http: //mysite.com/
 Description: This is a custom child theme I have created.
 Author: My Name
 Author URI: http: //mysite.com/
 Template: parenttheme
 Version: 0.1
 */

上面的内容可以根据情况进行自定义，但是要确保 Template 名称与父主题名称相符。

还需要在子主题的 style.css 文件中调用父主题的 CSS文件。为此，请添加以下代码行：

@import url("../parenttheme/style.css");

准备好后，将文件另存为 style.css 到子主题的文件夹中。

此外，还需要为子主题创建一个 functions.php 文件。为此，请再次打开文本编辑器并粘贴以下 PHP 代码：

<?php
//* 在这里写下你的代码

将文件另存为 functions.php 并将其添加到子主题文件夹中。然后，使用 FTP 客户端，将此文件夹拖到网站的主题目录中：

下一步是激活创建的子主题。在 WordPress 管理仪表盘中，导航到外观 >主题。将会看到刚刚创建的子主题。只需点击激活，启用该子主题：

要将自定义代码添加到子主题，请转到外观 > 主题编辑器。然后选择要添加自定义代码的 functions.php 文件：

将代码添加到 Functions.php 文件后，单击更新文件保存，这样添加的代码就会生效了。

2.通过插件添加自定义代码

向 WordPress 网站添加自定义代码，最简单和最安全的方法就是通过插件。通过这种方法，既不必更改站点的文件，也不用担心在主题更新后，我们添加的代码会失效。

有很多插件可以提供这样的功能，这里推荐两个。

使用 Code Snippets 添加代码 

Code Snippets 是一款对用户友好的插件，使您能够轻松地在网站上添加和管理代码。此工具可用于必须添加到functions.php 文件的代码。通过它您无需编辑文件，可以使用它的管理界面来添加代码。

安装并激活插件后，在 WordPress 管理仪表盘中的找到该插件。然后便可以查看和管理网站上所有的自定义代码片段：

要添加新代码，只需点击 Add New。然后，可以为代码段创建标题，并将代码粘贴到代码区域：

还可以选择要运行代码的位置。设置完成后，点击 Save Changes and Activate。

使用 insert-headers-and-footers 插件添加代码

插入页眉和页脚插件可用于将代码添加到网站的 header.php 和 footer.php 文件。例如，您可能想要为 Google Analytics 和 Google AdSense 添加跟踪代码。

首先在网站上安装并激活插件。然后导航到设置 > 插入页眉和页脚：

您可以选择将代码添加到网站的页眉、正文和页脚部分。在相应的框中输入代码片段，然后单击保存按钮。

3.创建自己的插件

向 WordPress 添加代码的另一种方法是创建自己的插件。一听到要创建插件，很多人都会被吓到，其实这种方法比您想象的要简单得多。

只要在本地计算机上，为新插件创建一个文件夹。然后，使用文本编辑器创建一个 PHP 文件，并将下面的代码添加到其中：

<?php
 /*
 Plugin Name: My New Plugin
 Plugin URI: https://mysite.com
 Description: Custom Plugin for adding custom code
 Version: 1.0.0
 Author: W. Morris
 Author URI: https://mysite.com
 License: GPL2
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 */

完成上面的步骤后，将其保存到插件文件夹中（例如 mynewplugin.php ）。

接下来，通过 FTP 客户端连接网站服务器，并导航到 wp-content > plugins 目录。然后，将刚刚创建的插件文件夹从本地计算机上传到该目录：

现在，如果打开 WordPress 仪表板中的插件管理页面，将会在列表中看到刚刚创建的插件。激活该插件并转到Plugins > Plugin Editor ，从列表中选择创建的新插件：

将自定义代码添加到插件文件中。完成后，单击更新文件以使您的更改生效。

总结

WordPress 有许多主题和插件，可帮助我们实现不同的内容设计和功能。但是，如果要调整主题或创建特定功能，则可能必须将代码片段添加到网站。在本文中，我们介绍了向 WordPress 添加代码的几种方法：

1. 创建一个子主题并将代码添加到其 Functions.php 文件中。
2. 使用 Code Snippets 和 Insert Headers and Footers 之类的插件。
3. 创建自己的插件以添加自定义代码。