如何轻松地将自定义代码添加到 WordPress(不破坏你的网站)

通常在阅读 WordPress 教程时,你可能会被要求将自定义片段添加到主题的 functions.php 文件或特定于站点的插件中。

问题是即使是最小的错误也会毁掉你的网站。

在本文中,我们将向你展示一种在不破坏你的网站的情况下向 WordPress 添加自定义代码的简单方法。

如何轻松地将自定义代码添加到 WordPress

自定义代码片段的问题(以及如何修复它们)

通常在 WordPress 教程中,我们可以找到包含将代码添加到主题的 functions.php 文件或特定于站点的插件的说明的代码片段。

最大的问题是,即使你的自定义代码片段中的一个小错误也会损坏你的 WordPress 网站并使其无法访问。

不用说,更新你的 WordPress 主题将删除所有自定义。

另一个问题是向特定于站点的插件添加多个片段会使文件管理变得困难。

幸运的是,访客可以更轻松地在 WordPress 中添加和管理自定义片段。

WPCode 是超过 100 万个 WordPress 网站使用的最流行的片段插件。 我们可以轻松地将代码片段添加到 WordPress,而无需编辑主题的 functions.php 文件。

WPCode 片段插件

WPCode 还可以轻松地在你网站的页眉和页脚区域添加 Google Analytics、 Pixel、Google AdSense 等的跟踪代码。

智能代码段验证可防止常见的代码错误,因此你不必担心会损坏你的网站。

WPCode 还有一个内置的片段库,我们可以在其中找到所有最流行的 WordPress 片段,例如禁用 REST API、禁用评论、禁用 Gutenberg、允许上传 SVG 文件等等。 这消除了为每个功能请求安装单独插件的需要。

最好的部分是我们可以从一个中央屏幕管理所有代码片段,并通过添加标签来组织它们。

也就是说,让我们看看如何使用 WPCode 轻松地将自定义代码片段添加到 WordPress。

视频教程

订阅 WPBeginner

假如你更喜欢书面说明,请继续阅读。

将自定义片段添加到 WordPress

你需要做的第一件事是在你的网站上安装并激活 WPCode 插件。

有关更多信息,请参阅我们关于如何安装 WordPress 插件的分步教程。

激活后,该插件会在你的 WordPress 管理栏中添加一个名为“代码片段”的新菜单项。 单击它,你将看到你保存在网站上的所有自定义代码片段的列表。

该列表为空,因为你刚刚安装了插件。

继续并单击“添加新”按钮,将你的第一个自定义代码片段添加到 WordPress。

单击 WPCode 中的“添加新”以创建新的自定义代码段。

这将带你进入“添加片段”页面。 在这里,我们可以从预制库中选择片段或添加自定义代码。

要添加自定义代码,请单击“添加自定义代码(新代码段)”选项下的“启用代码段”按钮。

将自定义代码添加到 WPCode

你应该首先输入自定义代码段的标题。 这可以是任何可以帮助你识别代码的东西。

然后,我们可以复制代码片段并将其粘贴到代码框中。 你还必须从右侧的下拉菜单中选择正确的代码类型。

添加您的第一个代码段

在上面的屏幕截图中,我添加了一个自定义片段以从测试站点中删除 WordPress 版本号。

第1234章

在代码框下方,你将看到插入选项。 有两个主要的插入选项:自动插入和简码(默认)。

为片段选择插入选项

假如你选择“自动插入”方法,该片段会自动插入并在你的网站上执行。

片段只能从你的 WordPress 管理区域、站点前端或任何地方自动运行。 如果有疑问,请选择默认的“从任何位置运行片段”选项。

使用“短代码”方法不会自动插入片段。 保存片段时,你会获得一个特定于片段的短代码,我们可以在网站的任何位置使用它。

进一步向下滚动,你将看到“基本信息”区域。 我们可以在此处添加任何内容,以帮助你了解此代码的作用、你在哪里找到它以及为什么要将它添加到你的网站。

添加代码注释和标签

你还可以将标签分配给代码片段。 这将帮助你按主题和功能对代码片段进行排序。

假如你希望多个片段出现在同一位置,优先级字段允许你控制片段的执行顺序。 默认情况下,所有片段的优先级均为 10。 假如你希望一个片段出现在其他片段之前,只需将片段优先级设置为较低的数字,例如 5。

最后,我们可以使用强大的“智能条件逻辑”部分根据一组规则显示或隐藏自动插入的片段。

使用智能条件逻辑显示或隐藏片段

例如,我们可以仅向登录访客显示代码片段,仅在特定页面 URL 上加载片段,等等。

选择选项后,将右上角的开关从“非活动”切换为“活动”,然后单击“保存代码段”按钮。

保存和激活代码片段

假如你想保存代码片段并且不想激活它,只需单击“保存片段”按钮。

当我们保存并激活代码段时,假如你选择的嵌入方法是简码,它将自动添加到你的网站或显示为简码。

自定义代码中的错误处理

通常,假如你在将自定义代码添加到特定于站点的插件或主题文件时出错,你会立即失去对站点的访问权限。

你的站点将开始显示语法错误或 500 内部服务器错误。 要解决此问题,你必须使用 FTP 客户端手动撤消代码。

WPCode 插件的巧妙之处在于它会自动检测代码中的语法错误并立即禁用它们。

自定义代码片段中的错误处理

它还显示有用的错误消息,以便你调试错误。

WPCode 的智能代码段验证还可以在添加自定义代码时检测错误。

智能代码片段验证以发现代码错误

将鼠标悬停在错误上以查看帮助你修复它的说明。

管理自定义代码片段

WPCode 插件提供了一个简单的访客界面,用于管理 WordPress 中的自定义片段。

我们可以保存代码片段而不在你的网站上激活它们,然后随时启用或禁用片段。 你还可以按类型和位置过滤片段,并使用标签轻松组织片段。

WPCode - 由标签组成的 WordPress 片段

你还可以批量导出特定的代码片段或全部。

只需转到代码片段»工具并单击“导出”选项卡。

导出自定义片段

假如你要将网站移动到另一台服务器,我们可以轻松地将代码片段导入新网站。

访问 Snippets » Tools » Import 页面以上传你的导出文件。

将代码片段导入 WPCode

我们希望本文能帮助你了解 WordPress 中轻松添加自定义代码。 想在你的网站上试验一些代码片段吗? 查看我们的 WordPress 功能文件非常有用的技巧列表,不要忘记查看我们的终极教程,以加速你的 WordPress 网站。

© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享
评论 抢沙发

请登录后发表评论