WordPressの投稿画面(ビジュアルモード)にCSSを追加して見やすくする方法

投稿日:

medium_3227799682

今回はWordPressの編集に関する小ネタです。
WordPressをビジュアルモードで編集していると、画面が結構見づらい!
字も小さいし、

特にtable(テーブル)とか嫌がらせ?

というくらい扱いづらい。

2013-08-26_180244

こんな見にくい投稿画面も、少し手を加えてやれば・・・

2013-08-26_181557

あら素敵!

文字も大きく、tableにスペースも出来て、
こんな風に断然見やすくなります!

最初に一度やっておけば、ずっと快適ですよ。

photo credit: somenice via photopin cc

投稿画面にCSSを反映させて見やすくする方法

WordPressのフォルダの中に「wp-includes」というフォルダがあります。

2013-08-26_181749

これをクリックして、その後も
「js」→「tinymce」→「theme」→「advanced」→「skins」→「wp_theme」と進み

2013-08-26_181710
最後の「content.css」を開きます。

2013-08-26_180347

画像はFFFTPで一度、content.cssをダウンロードしてエディタ(メモ帳)で開いています。

content.cssを編集

このcontent.cssの「/*WordPress styles*/」以下が、ビジュアルモードの投稿画面のCSSです。ここに反映させたいCSSを追記して下さい。以下は例です。

 終わったらデータを上書きすれば完了です。

2013-08-26_180655

一度、キャッシュを削除しないと反映されないかもしれません。

まとめ

少しの手間ですが、一度設定すればずっと楽なので
自身のCSSなども書いておくと非常に記事を書くのが楽になりますよ。

※WordPressをバージョンアップすると消えてしまいます。

-WordPress

Copyright© ENJILOG , 2017 All Rights Reserved.