如何添加一個JS到我的WordPress的網站

所以我最近從別人那裏買了一個JS文件，我有一個WordPress的網站。該腳本文件包含一個css文件夾，一個腳本文件夾和一個字體文件夾。我應該在哪裏上傳？ Publid_html？我如何將其實施到我的網站？（及其與引導製造）如何添加一個JS到我的WordPress的網站

謝謝

來源

2016-03-01 Oliver Beck

您可以在THEME文件夾中創建文件夾。

所以基本上

-YOURTHEME（主題文件夾）

CSS（文件夾）
JS（文件夾）
圖（文件夾）
的index.php（文件）

等

至於從哪裏調用它：將此代碼放入您的functions.php文件中。

function YOURTHEME_script_enqueue() { 
wp_enqueue_script('bootstrapjs', get_template_directory_uri() . '/js/bootstrap.min.js', array(), true) 
wp_enqueue_style('bootstrapstyle', get_template_directory_uri() . '/css/bootstrap.min.css', array(), 'all'); 
add_action('wp_enqueue_scripts', 'blackmass_script_enqueue');

在這裏，你可以在參數的末尾添加腳本和WordPress將它們放置在頭或腳的位置取決於在參數的開頭的腳本/樣式和ALL/TRUE功能。

至於兩個index.php文件一個在腳本文件夾中，一個在主要主題文件夾中。你只需要主題文件夾中的那個。你可以刪除另一個。

來源

2016-03-01 12:58:43 JoeyG

謝謝你的詳細答案。我只是混淆瞭如何在網站上顯示我需要它的實際腳本。該腳本基本上是一種可以選擇不同選項的表單，我希望將其顯示在特定頁面上。我在哪裏可以做到這一點？非常感謝，我會毫不猶豫地使用你的答案，並upvote你=） –

首先，如果答案有幫助，請勾選它作爲答案。 – JoeyG

我假設的表單是html/css，這可以放在wordpress中的任何頁面中，一旦CSS文件和SCRIPT文件列在Function.php文件中，它會自動將它們放置在html主體中。請給出一些關於你想做什麼的更多信息，很樂意幫忙，但是現在的問題很廣泛 – JoeyG

這些文件的最好的實現是根/可溼性粉劑內容/主題/ {您的定製主題} /資產

所以下即可資產讓像CSS，JS，字體，圖像並使其從functions.php的鏈接

來源

2016-03-01 06:40:57

好吧我試試。如果我只想把它放在一個特定的頁面上，我該怎麼做？ –

這裏是wordpress函數if（is_page（'home'））wp_enqueue_script（）//這裏是主頁is_page（'about'）其關於頁面wp_enqueue_script（）// herere –

在我的腳本文件夾中，我也有一個索引。 PHP文件，並在我的主題文件夾中也有一個。我該怎麼做/我應該在哪裏放置它？謝謝您的幫助。如果它生病了，給你答案和upvote =） –

您必須閱讀WP食品法典委員會關於這一點，但這裏有一個簡單的例子：隨着get_stylesheet_directory_uri()功能，你可以抓住鏈接到您當前的主題文件夾例如，(themes/your-theme-name/)。

在這個文件夾，你可以創建自己的結構，但最好的做法是有JS /，CSS /，圖像/等不同勢文件夾

當你決定你想要把你.js和.css文件那麼你必須包括他們使用wp_enqueue_scripts鉤這樣wp_enqueue_script()和wp_enqueue_style()功能：

function my_scripts_include() { 
    wp_enqueue_style('my-style-name', get_stylesheet_directory_uri() . '/css/my-css-file.css', [] ); 
    wp_enqueue_script('my-script-name', get_template_directory_uri() . '/js/my-script.js', array('my-script-depends-from-this-script'), '1.0.0', true); 
    if (some_logic) { 
     wp_enqueue_script('my-other-script' ....); 
    } 
} 
add_action('wp_enqueue_scripts', 'my_scripts_include');

你必須把這個代碼在你的主題functions.php文件。

但是真的，有太多關於WP的教程，你必須閱讀一些才能更好地理解這個過程。

來源

2016-03-01 07:26:55 pgk

如何添加一個JS到我的WordPress的網站

回答

相關問題