如何在 WordPress 中添加自定义代码片段（最简单的方法）

已发表: 2023-09-11

您是否正在寻找一种简单直接的方法来将 WordPress 代码片段添加到您的网站？

学习 WordPress 不仅仅是主题和工具。有时，正是代码片段的微妙力量赋予了网站独特的风味。

您正在寻找的完美定制？使用正确的代码可以实现这一目标，但问题是即使是最微小的错误也可能会破坏您的网站。

在本文中，我们将向您展示如何在 WordPress 中轻松添加自定义代码片段，而不会破坏您的网站。

WordPress 中的代码片段是什么？

在 WordPress 的用户友好界面之下，有一个代码世界为其每一个动作提供动力。

这些微小的代码片段（称为代码片段）是紧凑但功能强大的工具，可以指导 WordPress 执行特定功能。

利用这些代码片段的力量可以使通用 WordPress 网站与根据您的具体要求量身定制的网站有所不同。

将它们视为 WordPress 中的咒语，如果正确施放，可能会在前端带来出色的结果。

如何在 WordPress 中添加自定义代码片段

要在 WordPress 中添加自定义代码片段，您可以依靠 WPCode 的简单性和功能性。请按照以下步骤开始。

在本文中

WordPress 中的代码片段是什么？
1.安装并激活WPCode插件
2. 创建自定义代码（PHP、CSS、HTML）
3. 添加您的自定义代码（新代码段）
4. 处理自定义代码中的错误
5. 管理您的自定义代码片段
关于自定义代码片段的常见问题

1.安装并激活WPCode插件

WPCode 是 WordPress 用户向其网站添加自定义代码片段的最佳方式，而无需弄乱functions.php文件或担心因最轻微的错误而破坏网站。

The WPCode homepage

代码片段插件可以轻松地将代码片段添加到 WordPress 网站的任何部分，包括页脚和页眉。您可以直接从仪表板插入所需的任何自定义代码，而不是直接编辑functions.php文件。

首先，您需要在网站上安装并激活 WordPress 插件。这会将插件添加到 WordPress 仪表板的左侧菜单面板，您可以从这里开始快速添加自定义代码。

2. 创建自定义代码（PHP、CSS、HTML）

如果您已准备好自定义代码，请跳过此步骤并继续下一步。对于那些从头开始创建自定义代码的人，这里有一个示例。

请记住，您将需要一些编码知识来创建自定义代码，无论是 PHP、CSS 还是 HTML 格式。

对于本指南，我们将创建一个自定义代码，以防止主题冲突导致单选和复选框值无法在 WPForms 中正确显示。

.wpforms-container input[type=radio] {
	-webkit-appearance: radio !important;
	-moz-appearance: radio !important;
	appearance: radio !important;
}

.wpforms-container input[type=checkbox] {
	-webkit-appearance: checkbox !important;
	-moz-appearance: checkbox !important;
	appearance: checkbox !important;
}

.wpforms-container input[type=radio]:checked:before,
.wpforms-container input[type=radio]:before,
.wpforms-container input[type=checkbox]:checked:before,
.wpforms-container input[type=checkbox]:before,
.wpforms-container input[type=radio]:checked:after,
.wpforms-container input[type=radio]:after,
.wpforms-container input[type=checkbox]:checked:after,
.wpforms-container input[type=checkbox]:after {
	display: none !important;
}

上面的代码使用 CSS 来解决主题冲突问题，但正如前面提到的，您也可以使用 PHP 和 HTML 创建代码。