自定義javascript應該在哪里注入Wordpress主題？

Question

我正在幫助一個朋友使用購買的自定義主題作為他的父主題來構建wordpress網站。 還有一個兒童主題。

我寫了一些JavaScript來監聽特定鏈接的點擊，並更改CSS以響應它們。 我可以在其他環境中進行這項工作，但我們正在嘗試弄清楚如何使其在Wordpress中執行。

我們嘗試將其放在index.php （對我來說，這是最合乎邏輯的信息，因為對我來說，這是最有意義的，但顯然WordPress的工作方式有所不同）。

所以我要弄清楚的是，您在wordpress中將script標簽放在哪里（在您放置代碼的地方，而不是我們已經引用過的jQuery）？

Answer 1

index.php腳本只會加載WordPress框架並運行它，您需要在主題/模板文件中添加js代碼。

官方文字新聞網站的一些引言：

模板文件中的JavaScript

將JavaScript添加到WordPress生成的頁面以及WordPress主題或插件的安全且推薦的方法是使用wp_enqueue_script（）。 如果尚未包含此腳本，則此函數將包含該腳本，並安全地處理依賴關系。

你可以在這里閱讀更多

在我看來，最好的方法是您應該使用要運行的代碼創建一個js文件，然后將其上傳到主題/模板文件夾，然后使用腳本標簽添加該文件，如我提供的鏈接所述。

我的建議是不要將代碼直接嵌入模板文件中，而是從javascript文件中加載。

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/pathto/yourscript.js"></script>

Answer 2

您可以通過不同的方式來做到這一點：

例如，將腳本包含在頁腳中

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/pathto/yourscript.js"></script>

或使用wp_enqueue_script函數獲取更多信息 。