カラーピッカーを使用する方法, または WP カラーピッカー, ワードプレスの管理

作業する場合 ワードプレス 開発を行い プラグイン o トピック このプラットフォームの CMS, 通常知っています。, ユーザーは、ウェブサイトを訪問するとき見ているビジュアル要素に加えて, 任意のプラグインやテーマの一部であります。構成 o 管理, 管理部で出来ています。 ワードプレス.

通常、我々はそれを呼び出す バックエンド, 部分, それもユーザーが表示されていません。, 我々は、テーマやプラグインの一部です。開発, 自分の管理と構成が行われると.

同様, 部分を開発する際管理私たちのプラグインやテーマ, いくつかの時点であなたが可能ですがない、 カラーピッカー, 呼ばれますか WP 色ピッカー. これはない、以上 web オブジェクト 何, それをクリックすると, 示しています、 色の範囲, 方法でそれらの 1 つを選択することが可能となってください。直接キャンバスに, または経由でもその RGB コード.

これ 容易に 多くのもの, それ以来それは同じことではありません。 直接入力します。 、 16 進数の RGB コード テキストフィールドに, 選択する、 色のパレット 我々のような色. このためもので, 用いて、 カラーピッカー.

形追加、 カラーピッカー ページ管理あなた プラグイン o テーマ の ワードプレス 十分です。 単純です. 最初です, 追加するだけ、 テールスタイルとスクリプト スタイルとスクリプト ‘WP カラーピッカー‘, 次の方法で:

wp_enqueue_style( 'wp-color-picker' );
wp_enqueue_script( 'wp-color-picker' );

1 2	wp_enqueue_style( 'wp-color-picker' ); wp_enqueue_script( 'wp-color-picker' );

その後, 使用する場所、 カラーピッカー, タグを追加します。入力タイプ テキスト 同様にそれ:

<input type="text" class="colorPicker" name="mi_color" value="" data-default-color="#e5e5e5" />

1	<input type="text" class="colorPicker" name="mi_color" value="" data-default-color="#e5e5e5" />

あなたが見ることができます。, 我々は 1 つを割り当てる クラス この要素に, 私が求めています。 ‘カラーピッカー‘. わかりやすくするためこの名前を使用しています。, 使用することができますが、 あなたの名前, 次の手順で使用する場合同じ.

考慮すべきその他のフィールドは、します。 ‘データ-デフォルトの色‘ 色を示すこと, 既定では, かかります、 WP 色ピッカー.

終了するには, しなければならないが、 呼び出し, によって jQuery, タグの中 スクリプト, 次の方法で:

<script type="text/javascript">
   jQuery(document).ready(function() {
      jQuery('.colorPicker').wpColorPicker();
   });
</script>

jQuery(document).ready(function() {

jQuery('.colorPicker').wpColorPicker();

});

</script>

どこ カラーピッカー 示します、 クラス 我々に割り当て、 要素の入力 設定済み.

一度行って, 開発しているページを開いた場合, 以前に作成した入力要素がする必要がありますが表示されます。, 示しています、 カラーピッカー o WP 色ピッカー. 場合 ピンカス・ それ以上, は 表示します。 、 色のパレット 色を選択することができます, あり、その値属性に保存されます。値要素入力以前に作成.

この方法で行うことができます。追加管理部または管理いずれかの テーマやプラグイン 作成していること, 、 カラーピッカー, 回避します。 このように作業すること 16 進数の RGB コード その最初の一目で与えることができないアイデアは何色の.