ワードプレスの投稿ページや固定ページの編集で、モードを切り替えると崩れる原因。
テキストモードからビジュアルモード、ビジュアルモードからテキストモード…。
それはワードプレスの「自動整形」という機能が原因でした。
簡単な解決策は、WordPressのプラグイン「TinyMCE Advanced」を使うこと。
TinyMCE Advanced」について
記事の文字の大きさや色、背景などを調整できる便利なプラグイン。
phpの知識があれば、ビジュアルエディタの設定を変更できたりもします。
TinyMCE Advanced」の使い方
モードを切り替えときにpタグやbrタグが消されないようにプラグインで設定していきます。
下記画像の「Keep paragraph tags in the Classic block and the Classic Editor」にチェック。
これにより段落の保持をしてくれます。
この設定をしておけば頻繁にモードを切り替えて使う方も安心。