web-dev-qa-db-ja.com

私のプラグインでワードプレスからカラーピッカーを実装する方法？

私のプラグインのWordPressとまったく同じカラーピッカーを実装するのは困難です。

この機能の使い方についての公式のワードプレスドキュメントはありますか？

plugin-developmentjavascriptcolor-picker
4
Gabriel Soligo

はい、あります： https://make.wordpress.org/core/2012/11/30/new-color-picker-in-wp-3-5/

1.スクリプトとスタイルをエンキューする必要があります...

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. ...入力を追加する.

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

3. ...そしてwpColorPicker関数を呼び出す

jQuery(document).ready(function($){
    $('.my-color-field').wpColorPicker();
});
6
Krzysiek Dróżdż