add_action<span style="color:#0990">(</span><span style="color:#00ff">'admin_enqueue_scripts'</span><span style="color:#339933">,</span><span style="color:#00ff">'wptuts_add_color_picker'</span><span style="color:#0990">)</span><span style="color:#339933"></span>
<span style="color:#000000font-weight:bold">function</span>wptuts_add_color_picker<span style="color:#0990">(</span><span style="color:#0088">$hook</span><span style="color:#0990">)</span><span style="color:#0990">{</span>
<span style="color:#b1b10">if</span><span style="color:#0990">(</span>is_admin<span style="color:#0990">(</span><span style="color:#0990">)</span><span style="color:#0990">)</span><span style="color:#0990">{</span>
<span style="color:#666666font-style:italic">// 添加拾色器的CSS文件 </span>
wp_enqueue_style<span style="color:#0990">(</span><span style="color:#00ff">'wp-color-picker'</span><span style="color:#0990">)</span><span style="color:#339933"></span>
<span style="color:#666666font-style:italic">// 引用我们自定义的jQuery文件以及加入拾色器的支持</span>
wp_enqueue_script<span style="color:#0990">(</span><span style="color:#00ff">'custom-script-handle'</span><span style="color:#339933">,</span>plugins_url<span style="color:#0990">(</span><span style="color:#00ff">'custom-script.js'</span><span style="color:#339933">,</span><span style="color:#0990font-weight:bold">__FILE__</span><span style="color:#0990">)</span><span style="color:#339933">,</span><span style="color:#9900">array</span><span style="color:#0990">(</span><span style="color:#00ff">'wp-color-picker'</span><span style="color:#0990">)</span><span style="color:#339933">,</span><span style="color:#0990font-weight:bold">false</span><span style="color:#339933">,</span><span style="color:#0990font-weight:bold">true</span><span style="color:#0990">)</span><span style="color:#339933"></span>
<span style="color:#0990">}</span>
<span style="color:#0990">}</span>
请注意，当我们引用了自定义的jQuery文件以及加入拾色器的支持后，我们就可以将拾色器应用到jQuery文件中的文本字段。
<span style="color:#0990">(</span><span style="color:#000000font-weight:bold">function</span><span style="color:#0990">(</span>$ <span style="color:#0990">)</span><span style="color:#0990">{</span>
<span style="color:#666666font-style:italic">// 添加颜色选择器到所有包含"color-field"类的 input 中</span>
$<span style="color:#0990">(</span><span style="color:#000000font-weight:bold">function</span><span style="color:#0990">(</span><span style="color:#0990">)</span><span style="color:#0990">{</span>
$<span style="color:#0990">(</span><span style="color:#00ff">'.color-field'</span><span style="color:#0990">)</span><span style="color:#339933">.</span>wpColorPicker<span style="color:#0990">(</span><span style="color:#0990">)</span><span style="color:#339933"></span>
<span style="color:#0990">}</span><span style="color:#0990">)</span><span style="color:#339933"></span>
<span style="color:#0990">}</span><span style="color:#0990">)</span><span style="color:#0990">(</span>jQuery <span style="color:#0990">)</span><span style="color:#339933"></span>
创建一个使用拾色器的插件
下面我们就来展示如何整合拾色器到一个真正的插件里面。
以下就是我们要讲解的：
如何添加一个仪表盘选项页面，模拟一个主题设置页面。
如何添加准备使用拾色器的设置字段。
如何验证并保存输入。
这个确实比较多，常用的特效就是 淡入淡出啊、渐变啊、滑动、展开伸缩、移动、拖动、最常用。其实你看下jQuery ui的官网基本就了解了所有常用的特效了按类型可以分为下面几大类的特效集合：
Ui 类的：
背景
对话框
筛选及排序
反馈
弹出层
悬停
布局
图表
加载
圆边
滚动
标签
文本链接
工具提示
网络类型
输入类型的：
拾色器
定制和风格
日期和时间
拖和放
通用输入
自动完成
密码
投票率
搜索
选择框
快捷键
触摸
丰富的输入
上传
验证
媒体类型：
音频和视频
幻灯片和轮播图
图片展示
图像
地图
滑块和旋转
Tabs
导航：
水平导航
垂直导航
文件树
分页
手风琴菜单
其他
在PS软件中获取图片中的颜色RGB值，具体操作请参照以下步骤。
1、在电脑上打开PS软件，然后在“文件”的下拉菜单中点击“打开”命令。
2、打开图片后，再点击“窗口”下拉菜单中的“颜色”选项。
3、然后在PS软件界面中点击左侧的吸管工具（图中箭头所指）。
4、然后吸图片中的目标颜色位置，前景色就会变成吸住的颜色了。
5、然后在颜色板上面就可以看见该颜色的RGB值了。完成以上设置后，即可获取图片中的颜色RGB值。
