New「移動式シェービング棚」を公開

最近のブログリニューアル

ブログリニューアルブログの裏側

実はブログにちょこちょこと変更を加えておりまして、ブログのプチリニューアルをしました。

今回は最近変更したところをざっとご紹介したいと思います。

「そんなところ変えてたのか」みたいな細かい話が多いですが、神は細部に宿るってことで、細部を磨き込んだアップデートになっております。

アップデート内容

ではさっそく、アップデート内容を紹介していきます。

固定記事の更新

愛用品まとめ」と「お部屋紹介」のページを更新しました。

追記:さらにアップデートを行い、「愛用品まとめ」のページは削除&作り直しをしています。詳細は以下より。
https://minima-log.com/small-site-renewal/

これらのページは定期的に更新しているんですが、最近は更新をサボり気味だったんで、近況に合わせてアップデートした感じ。

ここは更新を忘れがちなんで、3ヶ月に1回更新するなど仕組み化しとこうかなぁ。

コメント欄のデザイン変更

コメント欄のデザイン変更

記事の下についているコメント欄のデザインを変更しました。

変更前はシンプル過ぎて少し見づらい感じだったので、吹き出しデザインにすることで読みやすくなったかと思います。

また、当ブログに寄せられたコメントを一覧で見ることができるページも新設しました(最新の30件を表示)。

ブログへのコメントは大歓迎で、基本的に全てご返信しておりますので、ご質問・ご感想など何でもお気軽にお寄せくださいませ〜。

見出しデザイン変更

見出しデザイン変更

見出しをシンプルな線で表現する形に変更しました。

ずっとcocoon(WordPressテーマ)のデフォルトデザインの見出しを使っていたのですが、いつか変えようとはずっと思っていたんですよね。

見出しのデザインは無数に考えられますが、読みやすくてかつ美しい見出しデザインを追い求めたら、最終的にただの線に行きつきました(笑)

ただし、一見シンプルに見えますが、線の太さや色は少しこだわっております。

特に色はただの黒ではなく、黒に近いダークグレー、色コードで言うと#2e2e2eを採用しました。

この色はサイト全体のテーマカラーとして使っているんですよね〜。

この#2e2e2eという色は、世の中的に名前の無い色みたいなんで、僕は勝手に「MINIMALOGブラック」と名付けて好んで愛用しております(笑)

サイドバーの見出し変更

サイドバーの見出し変更

本文中の見出しと同様に、サイドバーの見出しデザインも変更しました。

スマホでのサイドバー表示方法
スマホの場合はここをタップすると表示されます。

サイドバーは文字を中央揃えにして、線で区切っております。

見出しを変えただけで、サイトの印象がちょっと垢抜けた感じになりましたー。

SNSボタンのデザイン変更

SNSボタンのデザイン変更

これもサイドバーの話になりますが、SNSボタンのデザインを少し変更しました。

元々は横2列縦3列でドンと配置していたんですが、よりスッキリ横1列に並べるデザインに変更。

白抜きにし存在感を少し薄めて、特にPCで記事を読んでいる最中に邪魔にならないように配慮しました。

検索窓のデザイン&配置変更

検索窓のデザイン&配置変更

記事が増えてきたんで、キーワード検索がしやすいように検索窓のデザインと配置を変更しました。

ここでも色は「MINIMALOGブラック」を使用しております。

検索窓は元々設置していたんですが、記事が少ないうちは優先度が低いだろうと思って、目立たないデザインかつ目立たない場所に設置していたんですよね。

現状もそれほど優先度が高いとは思えませんが、こういうのは「検索したい」と思ったときにすぐに目に付く場所に無いとユーザビリティ的によろしくないと思ったんで、直感的にわかりやすそうな位置に変更しました。

ページネーションのデザイン変更

ページネーションのデザイン変更

めちゃめちゃ細かいですが、記事一覧に表示される「次のページ」ボタンなども色やデザインを変えております。

これでサイト内の見出しとかボタン類は大体「MINIMALOGブラック」に統一できたと思うんで、サイトの完成度が上がったかなと思います。

AMP対応終了

通常ページとAMPページの比較
AMPページは、通常ページにあるようなヘッダー通知欄やフッターのメニューボタンが無い仕様だった。

最後は技術的なことなのでちょっとマニアックです。

このブログはずっとAMPに対応させていたんですが、このタイミングでAMP対応をやめました
※AMP=Accelerated Mobile Pages。モバイルページを高速に表示させるための手法です。

理由は複数あって、全て語るとこれだけで1つの記事になっちゃうレベルなんで、詳細は割愛します(笑)

以前まではスマホから検索結果やTwitter経由でミニマログの記事にアクセスした場合、AMP対応のページ(=デザインがちょっと簡素なページ)を表示させていましたが、今は通常のページが表示されるようになっているはず。

人によっては今までと比べて見た目や機能に違いが生じているケースがあるので、一応デザイン変更のトピックスとして取り上げてました。

小さなブラッシュアップを重ねる

ミニマログサイトトップ

以上、最近のアップデート情報でした。

全ての環境で表示確認をしたわけではないので、もし表示がおかしくなっているなどありましたらお知らせ頂けると助かります。

どういうデザインだったら、より良い体験ができるだろう?」と考えながらデザインをブラッシュアップしていく作業は、個人的に楽しくて好きですねー。

こういったデザイン系の作業はみるみるうちに時間が溶けていくんで、僕の場合は連休など少し時間が取れるタイミングで定期的に見直すようにしております。

今後も小さなブラッシュアップを重ねていって、このブログを進化させ続けていきたいと思います。

コメント