有多種方法可以將JavaScript(JS)添加到您的 WordPress 頁面和帖子中。無論您是使用插件、函數和鉤子，還是編輯文件，您都可以獲得所需的自定義。

在這篇文章中，我們將講解如何向 WordPress 添加自定義代碼。

了解JavaScript

JavaScript 是一種編程語言，您可以使用它通過使其更具交互性和響應性來改善網站的用戶體驗 （UX）。

例如，當訪問者單擊按鈕時，您可以使用 JavaScript 創建彈出窗口。當有人將鼠標懸停在頁面上的某個元素上時，您也可能會顯示一條消息。

JavaScript 可以將計算器、視頻播放器和其他工具添加到 WordPress 頁面和帖子中。雖然您需要一些基本的 HTML 和 CSS 知識才能將 JavaScript 添加到 WordPress，但這是一個相當簡單的過程。

如何將 JavaScript 添加到您的WordPress網站上

如果您想將 JavaScript 添加到WordPress網站，有幾種不同的方法。一種方法是將自定義 HTML 文件添加到您的網站根目錄中，然后將 JavaScript 代碼插入到該文件中。

另一種方法是創建一個 WordPress 插件，其中包含您的 JavaScript 代碼。您也可以簡單地編輯functions.php文件并在其中插入代碼。

方法 1：將 JavaScript 添加到您的網站根目錄中

將 JavaScript 直接添加到您的主題是最簡單的方法之一。您需要在主題目錄中創建一個新文件，并將其命名為“custom.js”。

然后，您可以將 JavaScript 代碼添加到該文件并保存它。最后，編輯 header.php 文件并添加一行代碼以加載新的 JavaScript 文件：

?php%20bloginfo('template_directory');%20?/custom.js

請記住將“custom.js”替換為文件名。添加該代碼行后，保存header.php文件并將其上傳到服務器。您的 JavaScript 代碼現在應該在整個 WordPress 網站上運行。

方法2：使用WordPress函數和鉤子

您還可以添加帶有 WordPress 函數和鉤子的自定義代碼。函數是執行特定操作的一段代碼。例如，wp_enqueue_script（） 函數用于加載 JavaScript 文件。

鉤子是 WordPress 的一項功能，可以在不編輯任何核心文件的情況下添加代碼。有兩種類型的鉤子：操作和過濾器。

操作是在頁面加載過程中在特定點觸發的 PHP 函數。例如，wp_head操作掛鉤在主題header.php文件中的 </head> 標記之前觸發。您可以使用此鉤子將自定義代碼或腳本添加到標頭。

篩選器修改現有代碼或數據。例如，the_content過濾器可以在帖子顯示之前更改帖子的內容。

要使用函數和鉤子將自定義 JavaScript 添加到您的 WordPress 網站，您需要將代碼插入到子主題的functions.php文件中。

方法3：創建插件

如果你想讓你的JavaScript代碼與你的主題分開，你可以創建一個WordPress插件來包含它。制作插件比將代碼直接添加到主題中更復雜。不過，這種方法可以更靈活、更易于管理。

要創建插件，您首先需要在 WordPress 安裝的 wp-content/plugins 目錄中創建一個新目錄。將目錄命名為“my-javascript-plugin”。

然后，在該目錄中創建一個新文件，并將其命名為“my-javascript-plugin.php”。該文件的內容應如下所示：

<?PHP

/*

Plugin Name: My JavaScript Plugin

Plugin URI: http://example.com/

Description: This plugin contains my JavaScript code.

Version: 1.0

Author: Jane Doe

Author URI: http://example.com/

*/  

?>

將 Plugin Name、Plugin URI、Description、Author 和 Author URI 字段替換為您的值。這些只是描述您的插件的一般信息字段。

接下來，您需要將 JavaScript 代碼添加到文件中。代碼應位于初始插件信息下方，但在結束 PHP 標記 （？>） 之前。添加代碼后，保存文件并將其上傳到服務器。

您的插件現在應該已安裝并激活。您可以通過轉到 WordPress 管理面板中的插件頁面來驗證它是否正常工作。您應該看到您的插件列在那里。

如何將 JavaScript 添加到您的 WordPress 菜單

要將 JavaScript 添加到您的 WordPress 菜單中，您需要創建一個自定義菜單項。首先，使用開發人員工具找到菜單項 ID 號，然后使用 jQuery 定位該 ID。每當訪問者單擊菜單項時，這將觸發腳本。

如何將 JavaScript 添加到您的 WordPress 頁腳

將 JavaScript 添加到 WordPress 頁腳的最簡單方法是使用插入頁眉和頁腳等插件。此工具可以將代碼插入 WordPress 網站的頁眉和頁腳，而無需編輯任何主題文件。

要使用插入頁眉和頁腳，只需安裝并激活插件即可。然后，轉到“設置”→“插入頁眉和頁腳”。

在設置頁面上，您會看到三個框，用于將代碼添加到網站的頁眉、正文和頁腳。只需將您的 JavaScript 代碼粘貼到相應的“頁腳腳本”框中，然后單擊“保存”按鈕即可。

如何將其他編碼語言添加到 WordPress（HTML、CSS、PHP）

有多種方法可以將其他編碼語言添加到 WordPress。例如，您可以使用自定義 HTML 或代碼塊。

另一種方法是安裝像 Code Snippets 這樣的插件。

代碼片段插件允許您直接在編輯器中添加代碼并為其命名。您還可以選擇是否在網站的頁眉或頁腳中執行代碼。