経験から学んだこと、感じたこと、考えたことを記録する。あなたの学生生活が少し充実するように。ブログ-カスタマイズ久しぶりにブログカスタマイズをしたうるえです。今回は「行間幅の調整をしたい」「文字の大きさを調整したい」という方のために行間幅の変更と文字の大きさ変更のカスタマイズ方法について記録しておこうと思います。簡単なコードを数行書くだけなので数分で変更できます。どちらか片方だけの変更もできますので、行間幅や文字の大きさが気になっている方はこの記事を読んだ後や読みながらカスタマイズしてみて下さい。僕は今回こちらの記事を参考にさせていただき変更を行いました。ありがとうございました。設定を保存する変更前後の比較まとめ行間幅の変更、文字の大きさ変更のCSSコード.entry-content{line-height:1.3em;font-size:17px;}なんと、これをデザインCSSの部分に書き込むだけで完了です。簡単でしょ?(なれなれしい)それでは、やり方を順を追ってなるべく噛み砕いて説明していきます。カスタマイズの手順まずはPCの画面へ今回行う変更はPCからしかできませんので、まずはPCを立ち上げ自分のブログページを開きます。デザインデザインをクリックし、2つ目の画像の部分を押すとデザインCSSという項目があると思います。そこに先ほど紹介したコードを書き込みます。.entry-content{line-height:1.7em;font-size:15px;}2行目が行間幅の変更コードなので、ここの数値を変更することで自分の好きな行間に設定できます。このコードを書かなければ行間幅は変更されません。僕はとりあえず参考にさせてもらった記事と同じ値を入れてみて、いい感じだったのでそのままにしています。調整3行目は文字の大きさ変更なので、ここの数値を変更すると文字の大きさを調整できます。このコードを書かなければ文字の大きさは変更されません。何度か変更してみて、スマホでも読みづらくない大きさか確認して調整して下さい。僕は15px〜17pxくらいがおすすめです。スマホとの連携スマホで表示した場合でも変更が反映されるように画像の部分にチェックをまだ入れていない方はチェックを付けて下さい。設定を保存するコードの書き込みが終わったら画面左上の設定を保存するというボタンをクリックします。これで変更は完了です。変更前後の比較これが変更前のスマホで表示した時のものです。設定なしでは少し行間が広すぎて不自然な感じです。(同じくスマホで表示)変更前よりは見やすくなったのではないでしょうか。ちなみに画像の記事はこちら↓このブログの中の人。まとめ今回は行間幅の変更と文字の大きさ変更のカスタマイズについて書きました。噛み砕いて説明したつもりですが、参考になりましたでしょうか。みなさんも行間幅のコードや文字の大きさのコードの数値をお好きな値に調整してブログをカスタマイズしてみて下さい。15:45関連記事2018-12-25サプライズを成功させるには?もうすぐ誕生日を迎えるうるえです。(ハッピーバースデイうる...2018-12-20【ブログ】集中力が無くても効率的に記事を書きたい!どーも、集中力の無いうるえです。みなさんは、1つの記事を書...2018-12-16ブログを開設して1ヶ月が経過!その成果と感想をまとめてみたどーも、うるえです。最近やっとの思いでアドセンスに合格を果たした、うるえです。先日ようやくアドセンスに合格したうるえです。はてなブログPro田舎から出てきて毎日をなんとなく過ごしていた情報系大学生。ある日このままでは貴重な大学生活を無駄にしてしまうと思い、突然「何ごとにも挑戦すること」に目覚める。ブログ開設も挑戦のひとつ。自身の経験をもとに大学生目線でブログを書いています。【学生の一人暮らし】こだわる条件は3つに絞って部屋探し!【雑記ブログ】ブログネタ切れ!原因を分析して分かったこと検索リンクプライバシーポリシーお問い合わせスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。