WordPress 后臺默認已經集成了 jQuery UI 的顏色選擇器組件(color picker),所以我們可以直接在 WordPress 后臺使用顏色選擇器:
1. 首先加載 color picker 的 JS 和 CSS:
- add_action(?'admin_enqueue_scripts',?'wpjam_add_color_picker'?);
- function?wptuts_add_color_picker(?$hook?)?{
- ????wp_enqueue_style(?'wp-color-picker'?);
- ????wp_enqueue_script(?'wp-color-picker');
- }
2. 假設后臺頁面中要使用的 input 的 class 為 color,加入下面的代碼使該 input 轉成顏色選擇器:
- jQuery(function($){
- ????$(?"input.color").wpColorPicker();
- });
最后的效果如下圖:
