2690

WordPressのビジュアルエディタ上の表示と実際の投稿の表示を合わせる方法

WordPressのビジュアルエディタ上の表示と実際の投稿の表示を合わせる方法

2011.2.6

以前、「WordPressのビジュアルエディタ上の表示と実際の投稿の表示を合わせる方法｜1bit::memo」という記事を書いたのですが、もっとシンプルな方法があったので追記を兼ねて記載しておきます。

2013/02/27：追記

WordPress3.5からさらに書き方が変わっていました。

WordPress3.5でビジュアルエディタの見た目を調整する方法 | 1bit::memo

前より簡単になりました

functions.phpに以下の記述をするだけ。随分簡単になりましたね。



2行目にある「editor-style.css」がビジュアルエディタ部分に適用させるCSSとなります。


この「editor-style.css」は、適用させるテーマファイルの直下にアップしてください。このサイトの例で言うと


http://2690.org/wp-content/themes/1bitmobi_v1/editor-style.css


にアップする、という意味です。


CSSの設定


CSSの設定は、前回の記事「WordPressのビジュアルエディタ上の表示と実際の投稿の表示を合わせる方法｜1bit::memo」のCSSを参考にしてください。


関連記事



WordPressのカスタマイズにおすすめ！


[itemlink post_id="1951"]