omitsublog

自分がいいと思ったもの、チャレンジしたこと、試したものなどを紹介してくブログ。いろんな分野のハンドメイドに挑戦中。クズ男ガチャの引きなら誰にも負けない自信あり

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

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

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

 

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

 

f:id:omitsublog:20181013132354j:plain

 

 

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

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

f:id:omitsublog:20181013132528j: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

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

 

 

 

 

f:id:omitsublog:20181013143201j:plain

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

 

おっきくなったーー!!

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

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

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

 

 

おみつ。