如何在WordPress主題中使用額外的JavaScript?

要在WordPress主題中使用額外的JavaScript,可以按照以下步驟進行操作:

  1. 開啟你的WordPress網站的檔案管理器或使用FTP客戶端進入網站的目錄。
  2. 進入你正在使用的主題目錄(通常在wp-content/themes/目錄下)。
  3. 在主題目錄中,查詢一個名為”js”的資料夾,如果沒有,請建立一個。
  4. 將你的自定義JavaScript檔案(.js)上傳到”js”資料夾中。
  5. 開啟你正在使用的主題的functions.php檔案。你可以在WordPress後臺的外觀->編輯器中找到這個檔案。
  6. 在functions.php檔案中,找到一個名為”wp_enqueue_scripts”的函式。如果沒有,請在檔案的末尾新增以下程式碼:
    Plain text
    Copy to clipboard
    Open code in new window
    EnlighterJS 3 Syntax Highlighter
    function enqueue_custom_scripts() {
    wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/your-custom-script.js', array(), '1.0', true );
    }
    add_action( 'wp_enqueue_scripts', 'enqueue_custom_scripts' );
    function enqueue_custom_scripts() { wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/your-custom-script.js', array(), '1.0', true ); } add_action( 'wp_enqueue_scripts', 'enqueue_custom_scripts' );
    function enqueue_custom_scripts() {
       wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/your-custom-script.js', array(), '1.0', true );
    }
    add_action( 'wp_enqueue_scripts', 'enqueue_custom_scripts' );
    

    這段程式碼將註冊並將自定義JavaScript檔案新增到主題中。

  7. 將”your-custom-script.js”替換為實際的自定義JavaScript檔案的名稱和路徑。
  8. 儲存functions.php檔案。

現在,你的自定義JavaScript檔案將在WordPress主題中載入和執行。確保在JavaScript檔案中編寫正確的程式碼,並根據需要將檔案放置在適當的位置。

請注意,在編輯主題檔案時要小心,確保備份檔案並遵循最佳實踐,以免意外地破壞你的網站。

未能解決您的問題?

請提交 聯絡工單