ディーエムガジェット

WordPressのTips備忘録を中心にComputer全般やデジモノ、ガジェット、アプリ紹介など

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

      2015/02/16

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

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

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

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

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

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

スポンサーリンク

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

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

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

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

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

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

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

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

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

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

スポンサーリンク

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

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

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

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

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

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

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

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

Row1が一段目に表示という意味でRow1、Row2、Row3、Row4と4段まで設定出来ます。お好みでどうぞ!あと設定項目で所々「PRO」と表示されていて設定が何も出来ない項目がありますが、

スポンサーリンク

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

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

 - WORDPRESS

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


  関連記事

WordPress[SEO Friendly Images] 画像のaltやtitleに文字列を自動的に追加
WordPressテーマ「Stinger3」の画像の周りに線を入れる方法
WordPressテーマ「Stinger3」の画像の周りに線を入れる方法
WordPress[TwitterCards] ツイッターに概要を表示させる方法
WordPress[TwitterCards] ツイッターに概要を表示させる方法
wordpress人気テーマSTINGER3の広告を2つ並べるカスタマイズ
WordPress[Stinger3] 広告を2つ並べるカスタマイズ
WordPress[Stinger5] めちゃ便利スマホ固定式フッターメニュー
WordPress[Stinger5] スマホ固定式フッターメニューを導入
WordPress 検索エンジン用サイトマップを作成する方法
WordPress 検索エンジン用サイトマップを作成する方法
WordPress[Tweetily] 過去記事を自動ツイートする方法
WordPress[Tweetily] 過去記事を自動ツイートする方法
WordPress[Limit Login Attempts] ログイン試行回数を制限してブルートフォースアタックを防ぐ
WordPress[Limit Login Attempts] ログイン試行回数を制限してブルートフォースアタックを防ぐ
WordPress ブログにメンテナンス中と表示 Easy Pie Maintenance Mode
WordPress ブログにメンテナンス中と表示 Easy Pie Maintenance Mode
WordPress[Stinger3] 背景を画像や写真に変更する方法
WordPress[Stinger3] 背景を画像や写真に変更する方法