如何在 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 創建代碼。