ブログのレイアウトを最適化
本日、ブログのレイアウトを少し変えてみました。
- もくじ
- 表形式
- 画像表示の枠
- 引用文の表示形式
- リンクカード
- パンくずリスト
- 吹き出しアイコンの表示形式
など、CSSというコードをいじりました。
ブログのベースカラー(青紺色)に統一したり色調や余白を変えることで、長時間読んでいても目が疲れにくく、より情報が頭に入りやすいデザインを目指しました。
例①:見出しは以下のようにしました。

BEFORE

AFTER
例②:表形式は以下のようにしました。

なかなかいい感じにできたように思います。まずスマホ表示を調整したのでPCで齟齬が生じていないかは追って確認します。
『ここ崩れとるで!』『見づらいよ』といった箇所があれば、コメント等で教えていただけると幸甚です(修正します)。
少しでも、ブログでの滞在が快適になりましたらうれしいです。
関連記事
ブログのレイアウト修正作業がたいへんだった話、継続の重み いやもうへとへとなりました...笑 ちなみに
私はプログラミ...