今月の24日から26日までにかけてサイトを少し模様替えしてました。
と言っても派手な改装でもなく、流行りに乗っかろうとかCSS使ってみようとか、そんな緩い気持ちでゆるゆる遊んでました。
問題なのは、以前のレイアウトのトップページを撮ってなかった事。おいおい結局スクショ忘れかいな。
ゴミ箱漁ってたら編集画面とかは出てきたので、雰囲気だけでも伝わると良いのですが。
うへぇゴミ箱漁るな。
経緯
…と言うほど大した経緯じゃないです。
自分はどちらかと言うと、
古の個人サイト時代民のまんま令和に来てしまった感がするくらい
『TOPページは何となく静か→コンテンツはメニュー欄から飛んでくれ』
みたいなサイト構成でしたね。
↓のはWordPressのUIガッツリ写ってるけど、前回のTOPページを一番残してあるスクショがこれだけでしたｵﾖﾖ
上に少しAboutめいた事言ってて、次の層では更新履歴と新規ブログ一覧。
以前のTOP構成だけならぶっちゃけ見るのここくらい（更新履歴と新規記事一覧）
最近はTOPページに色々な情報を組み込むサイトさんが多いとなあとも感じていました。
TOPページに情報を適度に載せることで、クリックの手間が省けます。クリック数が少なめかつスクロールするだけでそのサイトの事が少し分かるようになったのが令和の個人サイト事情かな。
圧倒的にスマホから見る人が増えたので、いちいちタップが必要だと疲れちゃいますね。タップする事なくスクロールするだけで内容がわかる方がワンアクションを抑えられるから令和の個人サイト事情がどんなものかもちょっと紐解けますね。スマホ時代なるほどね～。
優先順位
だからチャレンジ！自分もやってみるぜ。
ん～性質上とにかく大事な事や伝えたいこと見せたいことはなるべく上部に置いた方が良いかも。
サイト案内と更新履歴は重要かな？
あとブログ記事もあったほうが良い。
そしてこうなった。
で、最初は新規イラストも入れたいと思ってたのですが断念、TOPページに置くにはあまりにも高難易度過ぎました。色んな素敵サイトさんの殆どが新規絵をTOPページに置いてない理由がちょっと分かった気がするよ…。
良くも悪くも情報量が増える＆見栄えや見せ方が難しすぎた。ざんねん
更新履歴バトル
あと更新履歴が気になった。もうちょっとシームレスに出来ないかなあ。
この時の更新履歴はHTMLで書いてから更新ってちょっと手間もありました。
悩んでたらGPTくんからの提案。Custom Post Type UIプラグインを入れたら？だそうです。なんだそれ。
投稿ページをもう一つ増やせるらしい。そこからのCSSで埋め込みだ！あとは投稿するだけで更新履歴に載せられちゃうぞ！ふむ、簡単そうに言ってくれるじゃん。
割と簡単にできた。
しかもCustom Post Type UIがかなり使いやすい。
よし、これでスマホ勢の方々からも更新履歴が見やすくなったかと…！
あと、上記の通りTOPページに新規イラスト並べるのは無理みがあったので、せめてもの更新履歴からやんわりメインコンテンツへ誘導ボタン。い、一応イラストがメインコンテンツだよ…。
下段について
新規ブログ一覧の下。
うーん…Aboutページでスペースを陣取っている存在を移してもいいかもな。
プロフィールとアバウトリンク！
TOPページのスクロール先に管理人はどういう人かなって分かる方が良い気がしました。
まだ書くこと全然ないけどな～…この部分は思いつき次第加筆します。
ニャビーは臨時で座らせました。しっくり来る絵等が出来るまでは席取りしてもらいます。
しかし問題が。この順番だとスマホで見た時にアバウトリンクが最後になる。
正直君に最後は相応しくない。と言うか違和感。逆にプロフィールが最後だったら違和感もあまりない、かも。個人的なイメージ。
なのでさっさと順番入れ替えましょう
本当に左右を入れ替えただけ！
でもこの順番だとスマホで見た時にプロフィールが一番下に来る。うんうん、違和感の無さ的にはこの並び順がいいね。
それからいつもの応援ニューラとWaveboxを最後に追加。
こうしてTOPページは恐らく完成～。
まだ所々CSSで調整したい所もあるようなないような、といった感じですが思いつき次第随時更新していこう。
Aboutページも変更
TOPページに情報を移したので、重複する内容は削っちゃいます。
ページ下部にあったProfileとAboutLinkあたりの情報を綺麗に削る。
削って、その上にリンクの見出し。
お世話になったリンクさん達はそのままに、と言う形をとりました。けれど違和感。
恐らく隙間が大きすぎかな…じゃ思い切ってリンク集さん方々をもう少し目立つような配置にしよう。
TOPページで心得た2列！
余白が目立ちすぎる時にはこれ。覚えました。
これでお世話になったリンク様方の存在感もあっぷ！してるといいな！
ひとまず一区切り
あとは微調整しつつ、これで殆どの模様替えは終わったかな。
今回はTOPページを中心に構成を見直しました。
最初は「どこから手を付ければいいんだろう」と思っていましたが、
実際に整理してみると以前よりもずっと見やすい形になったと思います。
またしばらく使ってみて、気になるところがあれば少しずつ手を入れていく予定です。
ギンセンカはこれからもゆっくり育てていきますやった～～。
ご訪問下さった際に、ここ間違ってる？ここちょっと変？と気付いた所があった際は、お手数ながら教えて頂けると嬉しいです！Wavebox辺りだとコメントが送れると思うので、何かあればそちらからよろしくお願いします！
これでまた暫く様子見しつつサイトを育てるのだ。
盆栽の手入れみたいなものですね。
7/29追記
…とか少しずつとか言っていたが…？
→次の投稿
送信中です