如何給WordPress網(wǎng)站添加Javascript代碼

khs1994 發(fā)布于2019-07-01 10:20 / 3412人閱讀

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

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

WordPress提供了函數(shù)?wp_enqueue_script?和鉤子?wp_enqueue_scripts

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

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

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

wp_enqueue_script?函數(shù)五個參數(shù)說明

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

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

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

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

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

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

使用 wp_enqueue_script 函數(shù)有以下優(yōu)點：

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

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

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

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

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

轉載請注明本文地址：http://www.ezyhdfw.cn/yun/29062.html

提高網(wǎng)站加載速度的一些小技巧

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

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

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

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

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

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

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

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

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

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