WP ビジュアルエディタを使いモノに変える５つのプラグインと２つの施策〜 Editor Extender,AddQuicktag,TinyMCE Templates...

2012年10月20日 2014年9月2日

@inmycab

なかなか使いにくいWordPree標準のビジュアルエディタですが、幾つかのチューニングを施すことで見違えるほど便利なツールに変えられます。

WP標準ビジュアルエディタを使いモノに変える５つのプラグインと２つの施策ご紹介します

■５つのプラグイン

PS Disable Auto Formatting
ビジュアルモードとHTMLモード切り替え時の自動整形を無効にするプラグイン

[browsershot url="http://wordpress.org/extend/plugins/ps-disable-auto-formatting/" width="200"]

[browsershot url="http://www.taskmother.com/mycab23/151.html" width="200"]

TinyMCE Preformatted
記事に整形済みテキストを挿入するためのプラグイン

[browsershot url="http://wordpress.org/extend/plugins/tinymce-preformatted/" width="200"]

TinyMCE Templates
ページや記事のテンプレートを作成するプラグイン

[browsershot url="http://wordpress.org/extend/plugins/tinymce-templates/" width="200"]

[browsershot url="http://firegoby.jp/wp/mce_preformatted" width="200"]

Editor Extender
テーブル作成・編集機能を付加するプラグイン

[browsershot url="http://wordpress.org/extend/plugins/editor-extender/" width="200"]

[browsershot url="http://memocarilog.info/mycab23/wpplugin/3742" width="200"]

AddQuicktag
定型文・定型タグを登録・編集機能を付加するプラグイン

[browsershot url="http://wordpress.org/extend/plugins/addquicktag/" width="200"]

[browsershot url="http://meglog.net/mycab23/addquicktag-plugin.html" width="200"]

■２つの施策

＞エディタ領域を調整する
　管理画面＞設定＞投稿設定：投稿入力欄の大きさ
　モニタ画面の大きさに合わせて使いやすいエディタ領域を設定します。

＞テーマのスタイルフォーマットに合わせてチューニングする

[browsershot url="http://www.webopixel.net/mycab23/211.html" width="200"]

ビジュアルエディタでの作成イメージと公開する最終的な投稿イメージを出来るだけ近づけるために、ビジュアルエディタのCSSスタイルを設定する。