主页 > 教程合集 > WordPress >

WordPress后台使用颜色选择器的方法

时间:2019-06-18 阅读:0

WordPress 后台默认已经集成了 jQuery UI 的颜色选择器组件(color picker),所以我们可以直接在 WordPress 后台使用颜色选择器。

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后台使用颜色选择器的方法

本站所有资源均在余斗淘宝店铺有售,你可以扫描以下店铺二维码直接选购,自动极速发货。你也可以微信扫描二维码添加好友,直接微信索取更便捷!

余斗微信二维码

扫描微信加好友购买
比淘宝买便宜

余斗淘宝店铺二维码

淘宝扫描二维码购买
自动发货

余斗余斗
  • 版权声明:原创文章由发表在WordPress分类下,2019-06-18最后更新,转载注明出处。

相关推荐

返回顶部