WordPressで簡単に使いたい色をボタン1つで設定できるようにする方法

WordPressの
ビジュアルエディターで用意されている色ではなく、
任意の色を使いたい場合、
いちいち、

HTMLでコード指定するのは面倒!!

ですよね。

 

できれば、ビジュアルエディターだけで、
テキストのコードは見たくない!見てもわからない!
という場合が多いかと思います。

 

なので、
いつもパレットに用意されている色だけで間に合わせちゃっていませんか?

スクリーンショット 2016-08-04 17.19.50.png

 

割と新しいバージョンを使っていると
カスタムというのがあり、

その投稿を書いている間は、
何度も使うことができますが、

一度閉じると消えてしまいます。

 

いつでも、簡単に使いたい色を
ボタン1つで設定できるようにする方法をお伝えしますね。

 

まず、
AddQuicktag

というプラグインをインストールして有効化します。

 

そして、設定しておきたい色のコードを調べておきます。

こちらがおすすめです。

http://www.color-sample.com/

ここで#xxxxxx

という#で始まる7桁のコードを取得しておいてください。

例えば#ff3366だとします。

 

WordPressのメニューの設定の中に、

AddQuicktag

が追加されているので、クリックして開きます。

 

このような画面になっていますね。

スクリーンショット 2016-08-04 17.32.29.png

 

ここに、以下のように設定していきます。

ボタン名:Pink (なんでも良いです)

開始タグ:<span style=”color: #ff3366;”>

  • 終了タグ:</span>

 

color:の後ろのコードを自分が設定したい色にしてくださいね。

右側のチェックボックスは、
一番右をクリックして全部チェックしておきます。

 

このようになりましたか?

 

スクリーンショット 2016-08-04 17.41.26.png

変更を保存をクリックします。

 

投稿画面を開いてみてください。

ビジュアルエディターのアイコンの中にQuicktags
というプルダウンが追加されていると思います。

その中に、今設定したPinkがありますね。

 

何か文字を書いて、
色を変えたいところを選択して、

QuicktagsのプルダウンからPinkを選んでみてください。

スクリーンショット 2016-08-04 17.43.52.png

 

色がちゃんと設定されましたか?

 

一度設定してしまえば、
いつでも任意の色を使うことができるようになりますので、

是非ご活用くださいね!

 

もしもうまくいかない!などご質問があればコメントください(*^_^*)

 

 

▼無料メルマガ登録で電子書籍ダウンロードできます▼

テクニカルサロン電子書籍無料ダウンロード

 

田尻 佐和子
未来のお客様が集まるヒットルートを創る
集まる集客®WEBプランナー田尻佐和子です。
2013年8月より集まる集客®プロデューサーズラボラトリーにて活動しています。
創るプロではなく勝たせるプロとなる!
教えるプロではなく考動させるプロとなる!
集まる集客で、日本で一番起業家を勝たせる
プロ集団を目指しています!

与える達人となり、「花よりも花を咲かせる土になれ。」をモットーに、WEBが苦手というだけで、ツールやシステムをうまく活用できない方のために下支えし、ご自身の専門の研究に時間を使って欲しいと思っています。世の中の人の役に立ちたいと熱い思いを持った起業家のために、パソコン操作・Facebook・WordPress・アメブロ・エージェントメール・PayPal・Skype・Gmail・Evernote・Keynoteなど、集まる集客に必要なツールの用語解説、操作方法、活用方法などを誰よりも優しく解説しています!

最新無料電子書籍「お客様が面白いように動いてくれる! Facebookからブログへの
動線を強化する 3ポイントレッスン」
▼ダウンロードはこちらから▼