wordpressのビジュアル編集(with TinyMCE-advanced)

ワードプレスのビジュアル編集は使いにくいという声が結構ありますので、編集プラグインのTinyMCE-advancedを使用した場合の 編集方法についてまとめてみました。大体のことは使ってみればわかると思うのですが、引っかかりやすいポイントのみ書き出してあります。

1.ツールボタンは一行だけではありません
2.編集領域は大きく出来る
3.画像の配置に注意
4.ボタンは自由に配置出来ます
1.ツールボタンは一行だけではありません
最初は一行だけ表示されてるかもしれませんが、実は下にもボタンが隠れてます。下の図のボタンを押して確かめて下さい。

2.編集画面は大きく出来る
編集枠が小さくて困ったことはないですか。そんなときは、編集枠を大きくしましょう。
下の図のような矢印が出るところでドラッグすれば、編集枠の大きさが変わります。
3.画像の配置に注意
画像追加ボタンは、TinyMCE-advanceにもあるのですが通常のボタンのほうが使い易い気がします。

なお、ここで時々文字が変な位置になってしまったと報告を受ける場合がありますが、画像の配置が右や左の場合は回り込み設定になるために起こります。 編集画面ではおかしくないのに、実際の画面では変な改行がされているという場合、画像の配置を疑ってみましょう。

意図しない回り込みの場合は、画像をクリックして配置を変更して下さい。「なし」か「中央」にすると回り込みが解除されます。
4.ビジュアル編集のボタンは自由に配置出来ます
TinyMCE Advancedのボタンは自由に配置出来ます。設定画面は左メニューの 設定→TinyMCE Advanced から
設定画面では、ボタン類をドラッグアンドドロップすることで自由に配置出来ます。変更したら「変更を保存」ボタンを押すのを忘れないで下さい。

このページの一番下の部分が多少わかりにくいのですが、次のような感じです

赤枠の中の「現在のテーマにCSSクラスをインポート」というのは、サイトのCSSを編集枠内に適用するってことかと思います。

最後の「削除することをやめてください」というのは、HTML編集の場合の話ですね。