Cara menggunakan wp-color-picker (pemilih warna bawaan WordPress) dengan mudah

WordPress punya sistem input pilih warna yang mudah digunakan, tinggal klik lalu kita bisa pilih warna.

Cara menggunakan fitur ini saat mengembangkan theme ataupun plugin WordPress contohnya seperti ini, misal dalam pembuatan theme ya, kita tambahkan ini pada functions.php :

function pluginmu_scripts(){
	wp_enqueue_style( 'wp-color-picker' );
	wp_enqueue_script( 'pluginmu-script-handle', get_template_directory_uri().'/pluginmu.js', array( 'wp-color-picker','jquery' ), false, true );
}

add_action('admin_enqueue_scripts', 'pluginmu_scripts', 100);

Lalu kita edit atau buat jika belum ada file pluginmu.js dan inisialisasi color pickernya seperti ini:

jQuery(document).ready(function($){
    $('.colorpicker').wpColorPicker();
});

Jangan lupa input field nya diberi class “colorpicker” ya. Untuk jelasnya cek video ini:

Selamat ngoding…. Semoga bermanfaat 😉