WordPressで記事の新規投稿や編集を行うときに使用する編集画面。 記事本文を入力する部分はビジュアルモードとテキストモードの切り替えが可能で便利です。 ただビジュアルモードのデフォルトスタイルは、実際にホームページ上で表示される見た目と異なったりしますよね。 うーん、いまいちサイト表示と違うんだよなぁ… 今回はWordPressの記事編集時の画面をサイト表示と同じように変更するカスタマイズ方法をご紹介します。 ビジュアルエディタ用のスタイルシートを用意しようまずはビジュアルエディタで入力したコンテンツに適用するスタイルシートを準備します。 テーマフォルダ直下にeditor-style.cssというファイルを用意して、投稿するコンテンツに反映されるCSSをコピーします。 この時の注意点として、余計なclassなどはそのままコピーしてこないようにしましょう。 例えば、サイトで記事を表示す