よつばデザインのブログ「よつば手帖」のデザインをリニューアルしました。 よつばデザインのサイトもそうですが新たに何かやってみようという時にまずは自分のサイトでというスタンスでやってます。 全てのデバイスでの可読性を重視したデザイン。 今回のリニューアルのポイントは文章をすっきりと読みやすくする事。 投稿や固定ページを全て1カラムのレイアウトに統一しました。 記事の一覧部分は小さな丸型のサムネイルを表示しています。 このブログはサムネイルの意味の比重がそれほど大きくない事、1カラムにした事で一覧できる記事量を増やしたかった事も関係しています。 基本的にシンプルなのですが、トップページを記憶に残りやすいように特色付けるため全幅のカスタム背景を取り入れました。 背景画像は管理画面から変更できるようになっていて、メインビジュアルの文字はウィジェットエリアを設けています。 スライドショーや投稿スライ
![ブログのデザインをリニューアルしました。 - よつば手帖](https://cdn-ak-scissors.b.st-hatena.com/image/square/f8394a48c2c7184ca742c2c5e6c37ec3c9dfce2c/height=288;version=1;width=512/https%3A%2F%2Fyotsuba-d.com%2Fblog%2Fwp-content%2Fuploads%2F2014%2F05%2F428mobile3.jpg)