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

毎日が自由研究 

ごはんつめんきちゃんCOM 

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

 
スポンサードリンク
この記事を書いている人 - WRITER -
 
私はWordpressのテーマはGiraffeを使っています。
 
 
世間一般的な文字の大きさなのですが、老眼があるので文字が小さいと見づらいんです。
 
 
 
文字の大きさを変更出来るCSSを教わりました!
 

 
 

WordPressのテーマGiraffeでの文字を大きくする ~わたし、老眼なのでッ!!~

 

先日、ブログ記事の添削会があって、自分のサイトの文字も小さいのに他人のブログに、
 
 
「老眼の人もいると思うので、文字がもっと大きいほうが良いと思います。」
 
 
なんて言ってしまったんですよ(笑)
 
 
文字の大きさを変えるには、「cssを追加」という怖そうなことをしないと出来ないそうで、何時かは着手しなくてはと思いつつなかなか出来ずにいました。
 
 
しかし、文字の大きいサイトに出会うたびによだれが出てしまい、ググって調べたりしていたのですが、いまいちよく解りません。
 
 
最近少しは分かってきたのですが、そこから先がどうも・・・
 
 
 
文字の大きさなどを変えるには、CSSとやらを変えるのではなくて、追加してどんどん書き足していくものらしいことまでは突き止めました。
 
 
 
追加して上書きしていくという性質が理解できたら「子テーマを弄る」の意味も最近なんとなく分かってきました。遅いですね。
 
 
 
その後はまたつまずきました。
 
 
 
(違ってたらごめんなさい)
 
 
 
使っているテーマによって、文字の大きさを指定するときに使うアルファベットみたいなやつ(恥ずかしすぎ!!)の種類が違うようです。
 
 
なにも調べないで質問すると「追加CSSに以下を追記して~~~~」というご回答の意味もわからなかったと思いますが、先程の、
 
 
 
「文字の大きさなどを変えるには、CSSとやらを変えるのではなくて、追加してどんどん書き足していく。」
 
 
が理解できたので思い切って質問してみました。
 
 
 
その時のやり取りです↓
 
 
 
 
 
めんか:
 
 
 
初歩的な質問ですみません。
 
 
テーマはGiraffeなのですが、文字を16.48px、行間を少し開けたい(数値がわからない)ので、どこかから(ネットで調べて見つかったサイトのこと)以下のものを探し出してcssに追加してみたのですが、部分部分で文字のサイズが違ってしまいます。
 
 
何を貼り付ければ解消するのでしょうか?
 
 
16.48というところだけ自分で変えてしまいました。 
 
                           
 
/* サイト全体 */
body {
font-size: 16.48px;
font-size: 1.142857142rem;
font-family: Helvetica, Arial, sans-serif;
text-rendering: optimizeLegibility;
color: #444;
}
 
 
 
 
先生:
 
 
カスタマイズ→追加CSSに以下を追記して、
 
 
p {
font-size: 16px;
line-height: 35px;
margin-bottom: 20px;
}
 
 
この中のline-heightの数字を大きくすると行間が開くかと思います。
 
 
 
 
 
めんか:
 
 
 
ありがとうございます、早速やってみます。これは一人では絶対に見つけられなかったです。
 
 
 
今朝、結構一人で何時間も苦しんでいましたw上手くいかなかったら、また質問してしまうと思いますがその時はよろしくお願いいたします。
 
 
 
めんか:
 
 
 
文字がちゃんと大きくなりました。ありがとうございました。
 
 
 
 
 
一応はブログ全体の文字が多少大きくなりました。
 
 
実は、参考サイトの文字の大きさが16.48pxとなっていたはずなので真似したのですが、なんかまだ違います。
 
 
16.48pxという表記以外のところが、そういえば違っていました。
 
 
テーマが違っているからかもしれない。
 
 
なので、徐々に数字を上げていって18pxまできた段階でようやく望み通りの文字の大きさに変更することが出来ました。
 
 
 
 
p {
font-size: 18px;
line-height: 35px;
margin-bottom: 20px;
}
 
 
たったこれだけのものをペッ!と貼り付けるだけの話でした。
 
 
 
Giraffeというテーマは、作った方に直接質問できてすぐに解答いただけるので、初心者にもオススメです!
 
 
 
 

目のためにブルーライトを出来るだけ浴びない工夫を

 
 
 
文字の大きさに関しては、今後ますます老眼人口は増えていくと思うんですよ。
 
 
 
文字サイズは大きめのほうが自分にも他のサイトを訪れる人にも親切かなと思います。
 
 
 
よくメガネを外してパソコンやスマホの画面に顔を近づけている人を見かけますが、アレって良くないらしいですよ。
 
 
パソコンやスマホの画面からはブルーライトという有害な光が出ているそうです。
 
 
何時間も凝視していると、目の真ん中が焦げるのと同じ状態になり、真ん中だけ(最需要な部分)視野が欠けて視力が損なわれていくと聞いたことがあります。
 
 
最近主人がわたしの目を心配して、こんな提案も。
 
 
 
Shift + PrtSc + Alt
 
 
 
パソコンのキーボードでこの3つのキーボードを同時に押すと画面が白黒反転するので少しはブルーライトが軽減されるという。
 
 
ブルーライトという名は付いていますが、白でも赤でも照射されるには変わりないんですって。
 
 
やってみたけど、確かに目に優しいかも。
 
 
画面が黒から通常画面に変わるときなんか、バシッと目に刺激が来ますもん。
 
 
ブルーライトカットメガネなんていうのもあるらしい、買おうかな。
 
 
 
 
 
この記事を書いている人 - WRITER -

- Comments -

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


Copyright© ごはんつめんきちゃんCOM  , 2018 All Rights Reserved.