如何給WordPress網站添加Javascript代碼

khs1994 發布于2019-07-01 10:20 / 3349人閱讀

摘要：但是如果想添加與主題無關的代碼，例如訪客統計，性能監控等類型的獨立代碼，由于與主題文件沒有關系，那么最好的辦法就是在插件中添加代碼。使用函數有以下優點可以設定與其他依賴代碼的載入次序可以指定版本號利于緩存管理可以指定嵌入代碼在文檔的位置

如果是修改自己制作的模板主題，升級和更新自己掌控，javascript代碼的添加比較自由，可根據實際業務邏輯引入即可。但是如果想添加與主題無關的javascript代碼，例如訪客統計，性能監控等類型的獨立代碼，由于與主題文件沒有關系，那么最好的辦法就是在插件中添加代碼。

WordPress提供了函數?wp_enqueue_script?和鉤子?wp_enqueue_scripts

以方便開發者有能力嵌入自定義的代碼。

下面簡述添加的方法步驟：

在插件目錄下新建一個目錄，進入目錄后新建一個插件文件index.php，插入如下示例代碼：

wp_enqueue_script?函數五個參數說明

1.?string $handle?#對當前引入的javascript文件的唯一命名

2.?string $src = ""?#javascript文檔資源url

3.?array $deps = array()?#依賴代碼handle

4.?string|bool|null $ver = false?#版本號，如果未指定，與WordPress系統版本號一致

5.?bool $in_footer = false?#是否在文檔底部，如果是false，則默認在文檔頭部就載入javascript

最后保存文件，去插件中心激活插件，在瀏覽器頁面查看頁面源代碼，就可以看到引入的 javascript 文件了。

使用 wp_enqueue_script 函數有以下優點：

a. 可以設定與其他依賴代碼的載入次序

b. 可以指定版本號利于緩存管理

c. 可以指定嵌入代碼在文檔的位置

云服務器 GPU云服務器如何給網站添加js 阿里云如何給服務器添加白名單如何給公司做網站如何給網站加cdn

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/29062.html

提高網站加載速度的一些小技巧

摘要：各種各樣的編碼錯誤可能會導致網站加載速度非常慢，從而用戶離開的網站。同時提高網站加載速度也是提高網站排名的必要步驟之一。翻譯：瘋狂的技術宅原文：https://likegeeks.com/improve... 為你網站的用戶留下良好的第一印象是非常必要的。隨著商業領域的競爭，擁有一個吸引人的網站可以幫助你脫穎而出。研究表明，如果加載時間超過3秒，會有 40％的用戶放棄訪問你的網站...

baukh789 2019-08-23 16:12 評論0 收藏0
影響網頁渲染的關鍵

摘要：最優化渲染路徑，實際上只要聚焦三件事情最小化關鍵資源的數量最小化關鍵字節數最小化關鍵路徑的長度理解頁面加載速度的測量辦法當百度談論頁面加載速度時，他們并不是指加載一個網頁的總時間。張超 — MAY 21, 2015 經常有站長、開發者、運維疑惑：為什么我們的后臺服務器很快，但是用戶要看網頁里面的內容卻需要很長時間？我們在上一篇文章《怪獸大作戰: 解析網站打開慢的原因》中簡單介紹了影...

weknow619 2019-05-28 16:53 評論0 收藏0
WordPress 主題開發：從入門到精通（必讀）

摘要：本專欄介紹如何開發設計你自己的主題。你也許想為自己開發主題，或者制作公開發行的的主題。主題的剖析主題目錄位于。請避免使用數字名字，這會導致無法在主題列表中正常顯示出來?？焖俸唵蔚娜腴T到了解這一方便簡潔的開源系統中。本專欄介紹如何開發設計你自己的 WordPress 主題。如果你希望了解更多如何安裝和應用主題的內容，請參閱應用主題文檔。本文的內容不同于應用主題，因為所討論的是編寫代碼去...

luzhuqun 2019-08-30 14:03 評論0 收藏0
WordPress 主題開發：從入門到精通（必讀）

摘要：本專欄介紹如何開發設計你自己的主題。你也許想為自己開發主題，或者制作公開發行的的主題。主題的剖析主題目錄位于。請避免使用數字名字，這會導致無法在主題列表中正常顯示出來。快速簡單的入門到了解這一方便簡潔的開源系統中。本專欄介紹如何開發設計你自己的 WordPress 主題。如果你希望了解更多如何安裝和應用主題的內容，請參閱應用主題文檔。本文的內容不同于應用主題，因為所討論的是編寫代碼去...

zhaot 2019-08-01 18:38 評論0 收藏0
WordPress 主題開發：從入門到精通（必讀）

摘要：本專欄介紹如何開發設計你自己的主題。你也許想為自己開發主題，或者制作公開發行的的主題。主題的剖析主題目錄位于。請避免使用數字名字，這會導致無法在主題列表中正常顯示出來。快速簡單的入門到了解這一方便簡潔的開源系統中。本專欄介紹如何開發設計你自己的 WordPress 主題。如果你希望了解更多如何安裝和應用主題的內容，請參閱應用主題文檔。本文的內容不同于應用主題，因為所討論的是編寫代碼去...

TwIStOy 2019-08-22 14:54 評論0 收藏0