[WordPressカスタマイズ]投稿画面にスタイルを適用するには?

Author :

wordpress

投稿画面のビジュアルエディタに記事を公開したときと同じスタイルを適用して、編集画面とプレビューを似た見た目にしてみましょう。

書きながら記事の様子がイメージできるので、WordPressのブログで読みやすい記事を書きたい方にはおススメのカスタマイズです。

解説

functions.phpに編集画面専用のCSSファイルを指定しておくと、ビジュアルエディタで記事を編集するときにそのスタイルが適用されます。加えて、フィルターフックtiny_mce_before_initに値を加えると、いろいろとカスタマイズができます。

ソース

function.phpに次のような記述を加えます。

 

それから、テーマの中に新しくCSSファイルを作って(ここではcss/my_editors_styles.css)、ここにスタイルを記述します。

 

参考サイト