ブログのレイアウトを最適化してみました

ブログのレイアウトを最適化

本日、ブログのレイアウトを少し変えてみました。

  • もくじ
  • 表形式
  • 画像表示の枠
  • 引用文の表示形式
  • リンクカード
  • パンくずリスト
  • 吹き出しアイコンの表示形式

など、CSSというコードをいじりました。

ブログのベースカラー(青紺色)に統一したり色調や余白を変えることで、長時間読んでいても目が疲れにくく、より情報が頭に入りやすいデザインを目指しました。

例①:見出しは以下のようにしました。

BEFORE

AFTER

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

なかなかいい感じにできたように思います。まずスマホ表示を調整したのでPCで齟齬が生じていないかは追って確認します。

『ここ崩れとるで!』『見づらいよ』といった箇所があれば、コメント等で教えていただけると幸甚です(修正します)。

少しでも、ブログでの滞在が快適になりましたらうれしいです。

関連記事

ブログのレイアウト修正作業がたいへんだった話、継続の重み
ブログのレイアウト修正作業がたいへんだった話、継続の重み いやもうへとへとなりました...笑 ちなみに 私はプログラミ...
新刊「#シンFIRE論 経済・精神の自由を手に入れる主体的思考法」
騒がしすぎる世界で、「主体的」であれ

にほんブログ村 株ブログ 米国株へ

外国株式ブログランキング

Follow me by FREETONSHA

公開日: