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();
});
最后的效果如下图：
拥有多年WordPress博客/企业建站开发经验，独树一帜的设计，提供最专业的网站设计方案；原创的主题标签语义化，增强网站优化效果。
增强用户体验、提高品牌形象给人留下深刻的印象，那就选择我们，我们的每一款主题都是独一无二的，都有自己的灵魂，每款主题都有各自的配色方案。
遵循现代网页设计的趋势，所有主题都提供完整的响应式布局，优化大桌面显示器以及对平板和智能手机的支持，从而提供一致性的用户体验。
长期及时地在线售后服务和免费升级更新，确保您的网站始终运行在最佳状态，24小时QQ在线的沟通方式免去您的后顾之忧，替您节省网站维护成本。
© 2012- 2024 uctheme All Rights Reserved 优畅主题 版权所有 苏ICP备13009847号
目前还没有评。