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

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

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

为什么添加自定义代码

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

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

如何将代码添加到 WordPress(3 种方式)

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

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

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

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

扩展阅读:

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

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

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

接下来,在本地电脑上为子主题创建一个文件夹。我们建议给它一个描述性的标题。例如,如果您当前的主题是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 网站如何添加自定义代码

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

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

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

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

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

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

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

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

使用 Code Snippets 添加代码 

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

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

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

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

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

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

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

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

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

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

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

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

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

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 网站如何添加自定义代码

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

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

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

总结

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

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

作者:牛奇网,本站文章均为辛苦原创,在此严正声明,本站内容严禁采集转载,面斥不雅请好自为之,本文网址:https://www.niuqi360.com/wordpress/how-to-add-custom-code-snippets-in-wordpress/

(0)
上一篇 2022年4月11日 上午9:26
下一篇 2022年4月12日 上午8:49

相关推荐

发表评论

登录后才能评论