【開設5周年】ブログをリニューアルしました

1. 記事をボックス表示化（検索性の向上）

今回のリニューアルの主目的がこれです。
長期間の運営に伴い物件数が増えてきましたが、いざ目的の廃墟を探そうとすると、これまではどの画面でも記事を全文表示していたために検索性が良いとは言えませんでした。

それで一時はこいつ（↑）で記事を省略表示するという形で対応していましたが、このところ対応しきれなくなってきており今回ついに抜本的な表示の変更に至りました。

新表示では検索結果が記事毎にボックスで表示されます。これで気になる記事を見つけるのが遥かに容易になりました。

2. サイドバーに廃墟検索メニューを設置

検索結果を見やすくしたのと併せて、検索機能の強化も行いました。サイドバーのアクセスしやすい位置に2種類の検索メニューを設置しています。

上部プルダウンメニューにも都道府県別の検索機能がありますが、モニタサイズによっては上部メニューそのものが表示されない仕様となっています。

また、上部プルダウンメニューでは不可能な都道府県名を検索語として選択する事がサイドバーのメニューでは可能です。

フリーワードでの検索機能も引き続きサイドバーに設置してあります。

3. 関連記事にサムネイル画像を表示

前回アップデートより個別記事の最下段に関連記事の一覧を表示していましたが、記事のサムネイル画像も同時に表示することによって内容がより直感的に分かりやすくなりました。

これが今までの表示です。サムネイル表示化によって遥かに分かりやすくなったのがわかります。

4. レスポンシブWebデザインの導入

これはどういう事かというと、「ブログを表示する画面のサイズよって、ブログの見た目が異なる」という事です。「1. 記事をボックス表示化」で例示した新画面は記事が3列に並んでいましたが、機器の画面サイズによってはそれが2列だったり1列だったりします。

スマートフォンサイズほど小さいとサイドバーすら表示されなくなりますが、スマートフォンの場合は左下に「Menu」が現れるので、そこをタップすればサイドバーが現れます（※ 2021年現在、Menuは画面右上に移動しています）。

なお、レスポンシブデザインの弊害として、検索画面が2～3列表示の時に一覧の行間が広すぎたり狭すぎたりする問題が環境によっては発生しますが、これは仕様なので諦めて下さい。CSSで何とかマシになるように努力はしましたが、根本的には恐らくjavascriptの問題なので……。解決できなくはないのですが、そうすると今度は一覧の表示順序が荒ぶるので、現状それとのトレードオフなのです。ご迷惑をおかけして申し訳ありません（※ 2021年現在、この問題は解決しています）。