如何在 WordPress 外掛中包含 CSS 和 jQuery？

將 CSS 和 jQuery 整合到 WordPress 外掛

在 WordPress 外掛中包含 CSS 和 jQuery 對於增強外掛的視覺吸引力和功能至關重要。以下是實現此目的的方法：

CSS 包含

要包含CSS，請使用以下步驟：

1. 利用wp_register_style()：向WordPress 註冊CSS 檔案透過指定其命名空間和CSS 檔案的URL。
2. 呼叫wp_enqueue_style()：使用此函數將註冊的 CSS 檔案包含在外掛頁面中。

jQuery 包含

整合jQuery 相對簡單：

1. 要快速包含jQuery，只需使用wp_enqueue_script('jquery').
2. 如果您想使用Google 儲存庫中的jQuery，您可以如下將其入隊：

   wp_enqueue_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js');

3. 有條件地載入jQuery 作為腳本的依賴項，使用以下命令語法：

   wp_enqueue_script('namespaceformyscript', 'http://locationofscript.com/myscript.js', array('jquery'));

排隊腳本和樣式

排隊腳本和樣式的最佳實踐是使用wp_enqueue_scripts 掛鉤。這確保了它們在頁面呈現期間的適當時間加載。以下是一個範例：

add_action('wp_enqueue_scripts', 'callback_for_script_enqueueing');

function callback_for_script_enqueueing() {
    wp_register_style( 'namespace', 'http://locationofcss.com/mycss.css' );
    wp_enqueue_style( 'namespace' );
    wp_enqueue_script( 'namespaceformyscript', 'http://locationofscript.com/myscript.js', array( 'jquery' ) );
}

透過執行以下步驟，您可以輕鬆地將 CSS 和 jQuery 包含在 WordPress 外掛程式中，並增強其外觀和使用者互動性。

以上是如何在 WordPress 外掛中包含 CSS 和 jQuery？的詳細內容。更多資訊請關注PHP中文網其他相關文章！