omitsublog

”楽に楽しく生きたい”自分と誰かのためになることを目指したブログ。愚痴で共感したら、心を楽にする心理学を知り、漫画を読んで楽しんでもらいたい。

ブログデザイン、文字の大きさ変更

こんにちは。おみつです。

ブログデザインの変更と文字の大きさを変更しました。

 

まずデザインですが、あまり凝ったものも使いこなせないと思いましたので、公式テーマから選ばせてもらいました。

 

f:id:omitsublog:20181013132354j:plain

 

 

それをスマートフォンに反映

レスポンシブデザインに☑を入れる。

 

 

こんな感じになりました。

pc版

f:id:omitsublog:20181013132942j:plain

 

スマホ版

f:id:omitsublog:20181013133025j:plain

 

おぉ…かわいい。

でも始めたころから思ってましたけど、文字ちっっっさいですよね!!

特にPC版が見にくくてしょうがない。

だからといって文字の大きさ中(150%)にするとスマホ版でやたらとでかくなってしまう。

ということで、CSSにコード入力というものをやってみました。

 

 

 .entry-content p{
    font-size:30px;
}

 


 こちらのコードをCSSデザインに貼り付けするだけです。
一番下に入力すれば大丈夫でした。

 

consultant.blog.jp

こちらを参考にさせていただきました!

 

 

 

 

 

30pxだと大きかったので私は18pxに書き換えました。

そして変更を保存。

 

before

f:id:omitsublog:20181013143439j:plain

 

after

f:id:omitsublog:20181013143647j:plain

 

スマホ版

before

f:id:omitsublog:20181013145811j:plain

 

after

f:id:omitsublog:20181013145359j:plain

 

おっきくなったーー!!

素人にはこの程度の変化もうれしい!

やっぱり大きいほうが見やすくてイイ!

素人にもわかりやすく解説してくださってる方がたくさんいて感謝です。

 

 

おみつ。