WordPressのTinyMCE(ビジュアルエディタ)での見た目をブログと統一する

WordPressで記事を書く際、ビジュアルエディタを使っていると公開サイトとは違う見た目になってしまいます。これを公開サイトと揃えるにはテーマ内のfunctions.phpに以下を記載します。

これでテーマフォルダにあるeditor-style.cssが適用されるようになります。
テーマのsytle.cssを直接設定してもうまくいく場合もあります。これはコンテンツエリア以外のスタイルも反映されてしまうからです。
ですので、editor-style.cssなどビジュアルエディタ用のcssを別途用意して適用した方がいいでしょう。

  • このエントリーをはてなブックマークに追加
  • Pocket   
  • 5 follow us in feedly
comments powered by Disqus