WordPress Twenty Fifteenの文字サイズってど~よ?

田中康平60x60田中康平 プログラマー。C系の言語を駆使する魔術師。
3つのスマホ、2台のタブレット、3台のPCを使い分ける完全なるギーク。


ブログツールWordpressの2015年テーマですが、デフォルトだと文字が大きすぎますよね。
そこで、文字サイズを小さくしてみます。

まずTwenty Fifteenの子テーマを作る

最近のWordpressのバージョンはあるテーマの子テーマを作ることができます。
これは、たとえばTwenty Fifteenを元にカスタマイズをするとき、元のテーマをいじるのではなく、差分を作るというものです。
この差分を子テーマと言います。
元のテーマで書かれているものは生かし、それから変えたい部分だけを子テーマの方に書き足していきます。

WordPressのテーマのフォルダは
 (WordPressのあるフォルダ)/wp-content/themes/
にあります。
Twenty Fifteenをインストールすると、このフォルダにtwentyfifteenというフォルダができます。
FTPソフトなどで、このフォルダと同じ階層に子テーマのフォルダーを作ります。
ここでは、2015-childとしておきます。
このフォルダに空ファイル style.css を作り、次のように書き込んでください。

/*
Theme Name: 2015-child
Author: サイトの作成者の名前など
Template: twentyfifteen
*/
@import url(‘../twentyfifteen/style.css’);

文字サイズを変更する

さらにstyle.cssに次のように書き足します。

.entry-title {
font-size: 3.9rem;
}

.entry-content {
font-size: 1.9rem;
}

この3.9、1.9を変えると、タイトルと本文の文字サイズが変わります。
わざわざfont-sizeで指定する必要がないのです。
便利ですね。