OnePressのカスタマイズ-3. スタイルシートの変更

WordPressのテーマ「OnePress」は、それだけで完成されたデザインであるだけに、変化をつけるのが難しいような気がします。他のサイトと似たような見た目になるのを避けたいなあと思った場合、子テーマのスタイルシートを使って、使用するフォントを変えるだけでも随分と違った印象にすることができるのではないでしょうか。

まずはOnePressに子テーマを適用します。

「外観」→「テーマエディター」→(子ページのほうの)「styles.css」を開きます。

OnePressの見出しの特徴である「何でも大文字になってしまう!」のを止めるには、親テーマのcssで「text-transform: uppercase;」となっているところを「text-transform: none;」で上書きしてやります。

例えばセクションのタイトルの大文字表記を止めるには、子テーマに以下のように記述します。

.section-title-area .section-title { text-transform: none; }

セクションタイトルを、思い切って明朝体にしてみる、なんていうのもいいかもしれません。

h2.section-title {font-family: 游明朝,”Yu Mincho”,YuMincho,”Hiragino Mincho ProN”,”Hiragino Mincho Pro”,HGS明朝E,メイリオ,Meiryo,serif;}

こんな感じで、一味違ったOnePressのサイトを作ってみてはいかがでしょう。