Wordpress

Simplicity のカスタマイズ --- Google Fonts を使う

このサイトでは、テーマとして Simplicity 2 を使っている。 デフォルトでは、タイトルが大きいと思ったのと、フォントを Google Fonts にしてみたかったので、[カスタマイズ] - [追加 CSS] に以下を追加した。 アルファベットは Bitter 、日本語は Google Fonts + 日本語 早期アクセス にあった M+ 1p にしている。  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
@import url('https://fonts.googleapis.com/css?family=Bitter');
@import url('https://fonts.googleapis.com/earlyaccess/mplus1p.css');

body{
  font-family:
      'Bitter',
      'Mplus 1p',
      'Hiragino Kaku Gothic ProN',
      Meiryo, Helvetica, Arial, sans-serif;
}

.entry h2 a{
  font-size:20px;
}

カスタマイズするときは、テーマの style.css のソースを見て、カスタマイズしたいところだけ抜きだして、[追加 CSS]に書くのが一番簡単かなと思った。   追記 言われる前に自分で言うけど、一番最後に入れ子の一番内側で実行されるであろうこのモジュールに @import を書くのは効率的にどうだろうというのはある。 しかし、js のモジュールなんかはもっと冗長に呼ばれているケースがいくらでもあるだろうと思うし、2度目以降のオーバーヘッドは小さいだろうから、気にしないことにしている。