How to implement color picker from wordpress in my plugin?

by

I’m having difficulty implementing the color picker exactly the same as WordPress in my plugin.

Is there any official wordpress documentation on how to use this feature?

2 s
2

Yes, there is: https://make.wordpress.org/core/2012/11/30/new-color-picker-in-wp-3-5/

1. You should enqueue scripts and styles…

add_action( 'admin_enqueue_scripts', 'mw_enqueue_color_picker' );
function mw_enqueue_color_picker( $hook_suffix ) {
    // first check that $hook_suffix is appropriate for your admin page
    wp_enqueue_style( 'wp-color-picker' );
    wp_enqueue_script( 'my-script-handle', plugins_url('my-script.js', __FILE__ ), array( 'wp-color-picker' ), false, true );
}

2. … add an input…

<input type="text" value="#bada55" class="my-color-field" data-default-color="#effeff" />

3. … and call wpColorPicker function

jQuery(document).ready(function($){
    $('.my-color-field').wpColorPicker();
});

Leave a Comment