【プラグイン：Visual Editor Custom Buttons】ビジュアルエディタにボタンを追加する

使うプラグインはこちら

Visual Editor Custom Buttonsをインストールする

まずは自分のWordPress（ダッシュボード）を開きます。

ステップ１

プラグイン＞新規追加をクリックします。

ステップ２

Visual Editor Custom Buttons←コピーして貼り付けてください。

ステップ３

検索で出来きた「Visual Editor Custom Buttons」を今すぐインストール＞有効化します。

ステップ４

ダッシュボード右側の列に「Visual Editor Custom Buttons」が追加されていればインストール完了です。

Visual Editor Custom Buttonsでボタンを作ってみる

インストールし終わったダッシュボード右側にある「Visual Editor Custom Buttons」をクリックして、プラグインの管理画面を表示します。

ステップ１

上部にあるAdd newボタンをクリックして、新しいボタンを作っていきます。

ステップ２

タイトルは自分がわかりやすいものをつけるといいです。ビジュアルエディタでは、ボタンをホバーする（カーソルを上に乗せる）と下にこのタイトルが表示されます。

ステップ３

「Wrap Selection」は文字を挟むようにコードを追加。「Single」はコード挿入のみです。

ステップ４

Beforeには「開始タグ」、Afterには「終了タグ」を記入します。

スッテプ５

ボタンを表示させる場所とボタンのアイコンを選びます。

ステップ６

ここは難しかったら大丈夫です。記入しておくとビジュアルエディタの入力がわかりやすくなります。

すべて記入し終わったら公開を押して完了です。

まとめ

Visual Editor Custom Buttonsのインストールと設定方法を紹介しました。