WordPress[Ultimate TinyMCE] ビジュアルエディタを拡張するプラグイン

WordPressを使い始めてから、しばらくの間はビジュアルエディタを主に使用して記事投稿を行っていました。

HTMLを直接編集する画面ではなく見た目を変更しながら編集するページです。その時にとても助かったビジュアルエディタの機能を拡張するプラグインを導入する備忘録を残したいと思います。導入後はこのような投稿画面に変わります。

ビジュアルエディタユーザーで導入していない方は入れておいて損はないと思うので、是非チャレンジしてみてください！今回もOSXローカル環境にwordpressをインストールする方法で紹介したローカル環境のWordPressでプラグインの導入を行います。

WordPressプラグイン「Ultimate TinyMCE」をインストール

管理画面　→　プラグイン　→　新規追加　→　「Ultimate TinyMCE」と検索「いますぐインストール」をクリック後、プラグインを有効化します。

有効化後、管理画面の左サイドバーの下に「Ultimate TinyMCE」の設定項目が表示されています。又、管理画面　→　プラグインから「Ultimate TinyMCE」でも設定画面に移動出来ます。

「Ultimate TinyMCE」の管理画面に行きまず「デフォルト設定」のタブに移動してデフォルトを読み込みます。

デフォルト設定を読み込むと下記のように各アイコンが選択された状態になります。すでに使いたい項目が決まっていて数が少ない場合はこちらの読み込みを行う必要はないかもしれません。読み込み後、投稿画面を確認すると

ボタンがはみ出して左のタグやアイキャッチなどのボックスの下までのびていると思いますが、このボックス関係は移動出来るので左下などへ移動して邪魔にならないようにしましょう。使わないボタンを先程のページで表示させない方法も良いかもしれません。

又、オプションのページからエディターのボタンのカラーなども変更出来ます。

自分のビジュアルエディタの設定画面はこんな感じです。

ちょっと趣味が悪い黒とグリーンの色ですが、自分には見やすかったのでこれにしました。あと右側のサイドバーにボタンがかぶって欲しくなかったのでボタン表示設定を変更しています。各ボタンの表示する段の設定は

Row1が一段目に表示という意味でRow１、Row２、Row３、Row４と４段まで設定出来ます。お好みでどうぞ！あと設定項目で所々「PRO」と表示されていて設定が何も出来ない項目がありますが、

こちらは有料のPRO版を購入することによって設定出来るようです。現状の無料の物でも特に問題はなかったです。読んで頂いてありがとうございました。