WordPressのテーマGiraffeで文字の大きさを変更する！

 

こんにちは！（＠menkakaka）です！

 

私はWordpressのテーマはGiraffeを使っています。(追記：今はエレファント３）

 

デフォルトでは、世間一般的な文字の大きさなのですが、老眼があるので文字が小さいと見づらいんです。

 

なので、文字の大きさを変更出来る「CSS」を教わりました！

 

p { font-size: 18px; line-height: 35px; margin-bottom: 20px; } たったこれだけのものをペッ！と貼り付けるだけの話でした。

聞いてしまったほうが早い！

 

 

WordPressでブログを書いていると、次から次へと難題が降り掛かってきます。

 

ブログの本文を書きたいのにコレでは消耗してしまいます。

 

WordPressのテーマGiraffeでの文字を大きくする　

 

初めは自力でなんとかしようと思って、他のサイトを渡り歩いたりして、

 

「コレをコピペすればOK」みたいなところもあってやってみたりしたのですが、どうしても反映されませんでした。

 

テーマによっても使用する「CSS」は違うらしいし、「並び順」が違うと、これもまた「反映しない」の原因になるんです。

 

私は、とうとうわかりません。

 

文字の大きさを変えるには、「cssを追加」ということをしなくてはならず、いつかは着手しなくてはと思いつつなかなか出来ずにいました。

 

最近になってようやく、

 

文字の大きさなどを変える「CSS」とやらは、変えるのではなくて、追加してどんどん書き足していくものらしいことまでは突き止めました。

 

失敗しても元に戻せさえすれば怖くなんだ、ということだけは学習したのでやってみたのですが、どうもうまくいかない。

 

文字の大きいサイトに出会うたびによだれが出てしまい、ググって調べたりしていたのですが、いまいちよく解りません。 

 

「追加して上書きしていくという性質」が理解できたら「子テーマを弄る」の意味も最近なんとなく分かってきました。

 

遅いですね。

 

「CSS」の性質がちょっとだけわかったところで思い切って質問してみました。 その時のやり取りです↓

 

めんか：

初歩的な質問ですみません。 テーマはGiraffeなのですが、文字を16.48px、行間を少し開けたい（数値がわからない）ので、どこかから（ネットで調べて見つかったサイトのこと）以下のものを探し出してｃssに追加してみたのですが、部分部分で文字のサイズが違ってしまいます。 何を貼り付ければ解消するのでしょうか？ 16.48というところだけ自分で変えてしまいました。　 　　　　　　　　　　　　　　　　　　　　　　　

 /* サイト全体 */ body { font-size: 16.48px; font-size: 1.142857142rem; font-family: Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; color: #444; }

 

先生：

カスタマイズ→追加CSSに以下を追記して、 { font-size: 16px; line-height: 35px; margin-bottom: 20px; }この中のline-heightの数字を大きくすると行間が開くかと思います。

 

めんか：

ありがとうございます、早速やってみます。これは一人では絶対に見つけられなかったです。 今朝、結構一人で何時間も苦しんでいましたｗ上手くいかなかったら、また質問してしまうと思いますがその時はよろしくお願いいたします。

 

めんか：

文字がちゃんと大きくなりました。ありがとうございました。 一応はブログ全体の文字が多少大きくなりました。 実は、参考サイトの文字の大きさが16.48pxとなっていたはずなので真似したのですが、なんかまだ違います。

 

16.48pxという表記以外のところが、そういえば違っていたのです。 テーマが違っているからかもしれない。 なので、徐々に数字を上げていって18pxまできた段階でようやく望み通りの文字の大きさに変更することが出来ました

 

 p { font-size: 18px; line-height: 35px; margin-bottom: 20px; } たったこれだけのものをペッ！と貼り付けるだけの話でした。

 

 

「Giraffe」は、私が所属していた（過去形）ブログマーケティングスクール「BMS」の@Junichi_Santa先生が作られたテーマで、初心者向けです。

 

なんと説明して良いのか、、、もうだいぶ横着させていただいているのでかなりWordpressのカスタマイズについては退化してしまっているのですが、

 

本当ならば難しいことをいろいろ覚えなくてはならないところを省略出来るようになっているので、ブログに好きなことを書くのに専念出来ます。

 

「コード」についてはこれからもずっと分からなそうです（笑）