目次
このサイトの運営者
山脇 弘成（SSAITS代表）
PMP®有資格者・Webプロジェクトマネージャー。
大手メディアや官公庁のWebプロジェクト実績多数。
「技術」だけでなく「対話」を重視し、御社の「ほんとは、こうしたかった」を形にします。
「テキスト」モードで作成した記事を「ビジュアル」モードで編集するとデザインが崩れてしまう問題
WordPressなどに使用される入力フォーム（TinyMCE）で記事を書いているとふとした瞬間に見た目が大きく崩れてしまっていることがあります。
例えばWordPressでは「テキスト」モードで投稿した記事を「ビジュアル」モードで編集すると、デザインが崩れてしまうことがあります。
この現象はWordPressの入力フォームが自動的に空のタグなどを削除しながらページを整えていることが影響しています。
その結果、本当はCSSの設定で必要なタグであっても、中身が空だったりすると容赦なくタグは消されてしまい、デザインを崩してしまいます。
TinyMCE AdvancedでHTMLを維持しよう
対処法としては入力フォーム（TinyMCE）の設定を変える必要があります。
WordPressではちょうどいいプラグインとして「TinyMCE Advanced」というものがあります。
TinyMCE Advancedをインストールしたら「設定項目」の中の「高度なオプション」から「段落タグの保持」にチェックをすればOKです。
このように設定することによって「デザイン」モードにしたらデザインが崩れるという状況を防ぐことができます。
