[WordPress] 外掛分享: Add Admin JavaScript

WordPress 外掛 Add Admin JavaScript 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Add Admin JavaScript」是 2011-12-04 上架。 目前已經下架不再更新,不建議安裝使用。
  • 目前有 2000 個安裝啟用數。
  • 上一次更新是 2021-05-08,距離現在已有 1456 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 4.9 以上版本才可以安裝。
  • 有 5 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

coffee2code |

外掛標籤

JS | admin | script | javascript | admin theme |

內容簡介

此外掛提供了新增自訂動態功能至 WordPress 管理員頁面及應用 JavaScript 的能力。您可以透過此插件輕易地定義要新增到所有管理員頁面中的 JavaScript,包含行內或是來自 URL 的程式碼。您可以選擇讓新增的 JavaScript 出現在管理員頁面的標頭、頁腳 (建議),或是 jQuery jQuery(document).ready(function($)) {} 的區段,也可以參考 JavaScript 檔案並將其鏈結至頁面標頭中。所參考的 JavaScript 檔案會出現在標頭的最前方,其順序會遵循插件的設定。然後,行內的 JavaScript 會新增至管理員的頁頭。所有的值皆可以透過篩選器進行進階自訂 (請見篩選器部分)。

連結: 插件首頁 | 插件目錄頁面 | GitHub | 作者首頁

連結 (Hooks)
此外掛提供了四個連結以供外掛使用。一般來說,使用這些篩選器應該要將程式碼放置於 mu 外掛或是特定網域的外掛,這部分超出本文件的範圍。請注意,這些篩選器所控制的功能大部分可透過外掛的設定頁面配置。對於能夠撰寫程式碼的進階使用者而言,這些篩選器才有興趣。

c2c_add_admin_js_files (篩選器)

此篩選器提供程式化修改管理者頁面 enqueue 的 JavaScript 檔案清單的方法。

參數:

$files (array): JavaScript 檔案的陣列。

範例:

/**
* 新增一個 JavaScript 檔案至 WP 管理頁面的 enqueue 清單中。
*
* @param array $files 檔案的陣列。
* @return array
*/
function my_admin_js_files( $files ) {
$files[] = 'http://ajax.googleapis.com/ajax/libs/yui/2.8.1/build/yuiloader/yuiloader-min.js';
return $files;
}
add_filter( 'c2c_add_admin_js_files', 'my_admin_js_files' );

c2c_add_admin_js_head (篩選器)

此篩選器允許自訂 JavaScript 直接新增至管理員頁面標頭的程式碼。

參數:

$js (string): JavaScript 程式碼,不包含

/**
* 新增 JavaScript 程式碼至管理員頁面頁腳。
*
* @param string $js JavaScript 程式碼。
* @return string
*/
function my_add_footer_js( $js ) {
$js .= "alert('Hello');";
return $js;
}
add_filter( 'c2c_add_admin_js_footer', 'my_add_footer_js' );

c2c_add_admin_js_jq (篩選器)

此篩選器提供一個方法,允許自訂以 jQuery 啟動的管理頁面設定中 JavaScript 資料。

參數:

$jq (string): JavaScript 程式碼,不包含

Example: /** * Adds JavaScript code to be added to the admin page head. * * @param string $js JavaScript code. * @return string */ function my_add_head_js( $js ) { $js .= "alert('Hello');"; return $js; } add_filter( 'c2c_add_admin_js_head', 'my_add_head_js' );

c2c_add_admin_js_footer (filter) The ‘c2c_add_admin_js_footer’ filter allows customization of the JavaScript that should be added directly to the admin footer. Arguments:

$js (string): JavaScript code (without

Example: /** * Adds JavaScript code to be added to the admin footer. * * @param string $js JavaScript code. * @return string */ function my_add_footer_js( $js ) { $js .= "alert('Hello');"; return $js; } add_filter( 'c2c_add_admin_js_footer', 'my_add_footer_js' );

c2c_add_admin_js_jq (filter) The ‘c2c_add_admin_js_jq’ filter allows customization of the JavaScript that should be added directly to the admin footer within a jQuery document ready function. Arguments:

$jq_js (string): JavaScript code (without

Example: /** * Adds jQuery code to be added to the admin footer. * * @param string $jq_js jQuery code. * @return string */ function my_add_jq( $js_jq ) { $js_jq .= "$('.hide_me').hide();"; return $js_jq; } add_filter( 'c2c_add_admin_js_jq', 'my_add_jq' );

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Add Admin JavaScript」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.1 | 1.2 | 1.3 | 1.4 | 1.6 | 1.7 | 1.8 | 1.9 | 2.0 | 1.1.1 | 1.3.1 | 1.3.2 | 1.3.3 | 1.3.4 | 1.8.1 | 1.9.1 | trunk |

延伸相關外掛(你可能也想知道)

  • Shortcoder — Create Shortcodes for Anything 》Shortcoder 外掛可讓您建立 HTML、JavaScript、CSS 和其他代碼片段的自訂捷徑。現在,這些捷徑可以在文章/頁面中使用,並且該片段將取代其位置。, ✍ 輕鬆建立...。
  • Enable jQuery Migrate Helper 》隨著 WordPress 5.5 的更新,一個名為 jquery-migrate 的遷移工具不再默認啟用。這可能會導致一些主題或外掛在運行舊代碼時缺少功能或出現意外行為。, 此外掛...。
  • Async JavaScript 》使用 Async Javascript 解決 above-the-fold 內容的 Render-blocking Javascript 問題。, Render-blocking Javascript 會導致 above-the-fold 內容在 Javascr...。
  • Speculative Loading 》- 這個 WordPress 外掛支援 Speculation Rules API,該 API 可以根據使用者互動,定義規則來動態預取或預渲染特定的 URL。, - 請參閱 Speculation Rules WICG...。
  • Scripts n Styles 》這個外掛讓管理員用戶能夠將自訂的 CSS 和 JavaScript 直接添加到個別文章、頁面或任何註冊的自訂文章類型中,也可以將類別添加到 body 標籤和文章容器中。還...。
  • jQuery Updater 》此外掛更新jQuery至最新的官方穩定版本,該版本通常不會在WordPress最新的穩定版本中提供。, jQuery Migrate也包含在內,以實現向下相容性。, 不會替換任何檔...。
  • Theme Authenticity Checker (TAC) 》掃描所有主題文件,尋找潛在的惡意或不需要的程式碼。, TAC 是什麼, TAC 代表主題真實性檢查器。TAC 搜尋每個安裝主題的原始檔案,尋找惡意程式碼的跡象。如...。
  • Code Embed 》注意: WordPress 5.0 及以上版本的使用者請查看常見問題以了解如何在區塊編輯器中使用此外掛。, Code Embed 外掛允許您在文章中嵌入程式碼(JavaScript 和 H...。
  • Read More Without Refresh 》你想顯示更多內容,但不影響使用者體驗嗎?, 我的外掛可以幫你解決這個問題!, 這個外掛透過短碼,可以隱藏預先定義好的文字,而根據你的選擇,只顯示剩下的...。
  • Raw HTML 》is capability is only granted to administrators. If you’re not an admin, you will need to ask them to add it to your role., Raw HTML is not r...。
  • SOGO Add Script to Individual Pages Header Footer 》已經在 Gutenberg 上進行測試, 創建一個簡單的方式,為個別頁面、文章或自訂文章類型的標題和頁腳添加 JavaScript 代碼,, 例如: 在感謝頁面上添加轉換代碼, ...。
  • BJ Lazy Load 》延遲載入可使您的網站加載速度更快,並節省頻寬。, 此外掛可取代您所有的文章圖片、文章縮略圖、大頭貼圖片和內容的 iframe,並使用佔位圖片,當訪客滾動頁面...。
  • Web Worker Offloading 》**總結:**, 這個外掛將 JavaScript 執行工作委派給 Web Worker,在釋放主執行緒的同時提高了效能。這將導致互動至下一次繪製(INP)分數的提升。值得注意的...。
  • WP Super Minify • Minify, Compress and Cache HTML, CSS & JavaScript 》這個外掛可以在需要時結合、縮小和緩存內聯的 JavaScript 和 CSS 文件,以加快頁面加載速度,並使用Minify PHP Framework。, 啟用此外掛後,您會發現您的 HTM...。
  • Use Google Libraries 》e's content distribution network (CDN) URLs for the supported libraries., This hook is used to replace the default WordPress registered script sour...。

文章
Filter
Apply Filters
Mastodon