[Simplicity] 記事の見た目をカスタマイズする方法（CSSの編集方法）

Simplicityで記事の見た目をカスタマイズするには、子テーマの中の２つのCSSファイルを修正すればよい。

style.css
editor-style.css

訪問者に表示される記事の外観をカスタマイズするのが「style.css」である。一方の「editor-style.css」は記事作成中のビジュアルエディタでの外観をカスタマイズする。

普通の人間の感覚としては、記事を作成している時の見た目と公開後の見た目は同じであって欲しい。しかしWordPressでは、この２つの外観をカスタマイズするファイルは別々である。従って意図的に両者を揃えないと両者の見た目はバラバラになってしまう。あえて別の見た目にするという柔軟な運用が可能であるとも言えるが、そういうニーズは稀であろう。

では一方の内容を他方へコピペすればいいのかというと、両者は微妙に書き方が異なり、単なるコピペでは動作しないという落とし穴まで用意されている。style.cssの記述方法は通常通りであるが、editor-style.cssの記述法に独特の癖があるのである

両者の書き分けについて参考になる記事を挙げておく。