2017【開設5周年】ブログをリニューアルしましたご挨拶2サイト開設5周年にあたり、ブログをリニューアル致しました(パソコン版・スマホ版)。見た目はあまり変わらなかった前回のリニューアル作業とは異なり、今回はブログの表示そのものを大幅に変更する大規模改装となりました。以下に順を追って詳細を説明します。記事をボックス表示化(検索性の向上)今回のリニューアルの主目的がこれです。長期間の運営に伴い物件数が増えてきましたが、いざ目的の廃墟を探そうとすると、これまではどの画面でも記事を全文表示していたために検索性が良いとは言えませんでした。それで一時はこいつ(↑)で記事を省略表示するという形で対応していましたが、このところ対応しきれなくなってきており今回ついに抜本的な表示の変更に至りました。新表示では検索結果が記事毎にボックスで表示されます。これで気になる記事を見つけるのが遥かに容易になりました。検索結果を見やすくしたのと併せて、検索機能の強化も行いました。サイドバーのアクセスしやすい位置に2種類の検索メニューを設置しています。上部プルダウンメニューにも都道府県別の検索機能がありますが、モニタサイズによっては上部メニューそのものが表示されない仕様となっています。上部プルダウンメニューでは不可能な都道府県名を検索語として選択する事がサイドバーのメニューでは可能です。フリーワードでの検索機能も引き続きサイドバーに設置してあります。前回アップデートより個別記事の最下段に関連記事の一覧を表示していましたが、記事のサムネイル画像も同時に表示することによって内容がより直感的に分かりやすくなりました。これが今までの表示です。サムネイル表示化によって遥かに分かりやすくなったのがわかります。レスポンシブWebデザインの導入これはどういう事かというと、「ブログを表示する画面のサイズよって、ブログの見た目が異なる」という事です。記事をボックス表示化」で例示した新画面は記事が3列に並んでいましたが、機器の画面サイズによってはそれが2列だったり1列だったりします。スマートフォンサイズほど小さいとサイドバーすら表示されなくなりますが、スマートフォンの場合は左下に「Menu」が現れるので、そこをタップすればサイドバーが現れます。レスポンシブデザインの弊害として、検索画面が2~3列表示の時に一覧の行間が広すぎたり狭すぎたりする問題が環境によっては発生しますが、これは仕様なので諦めて下さい。CSSで何とかマシになるように努力はしましたが、根本的には恐らくJAVAの問題なので......。解決できなくはないのですが、そうすると今度は一覧の表示順序が荒ぶるので、現状それとのトレードオフなのです。ご迷惑をおかけして申し訳ありません。主なアップデート内容は以上となります。他にはパンくずリストやメタ領域に関するバグフィックスなどを行なっています。記事の新しい書式を実装したのも実は記事のボックス化と並ぶ程の改装目的なのですが、それについてはここで解説するのではなく、後日廃墟記事の実物をお見せするという形で披露させて頂こうかと思います。この節目に他でもない渡辺さんからこの様な嬉しい言葉を頂けて、廃墟やってて良かったと本当に思います◎この検索性を重視したデザインの割にはまだまだ廃墟数が少ないので、沢山ある写真をどんどん記事化できるよう頑張りたいです。稲川じゅんジーでぇーす。誠にありがとうございました。当サイトに掲載されている記事・写真の著作権は管理人に帰属し、これらの無断転載を禁止します。転載を希望する場合は以下のメールフォームからご連絡下さい。引用をする場合も、必ず以下の引用に係る一般的通則をお守り下さい。1:引用箇所の直近に出典が当サイトである事を明記2:そこへ出典記事ページ(~.html)へのリンクを貼付(画像への直リンクはご遠慮下さい)また、ご意見・ご要望なども、こちらからご連絡下さい。Yuki“写真は芸術か?”を日々自問しつつ、廃墟の中で一つ一つシャッターを切る。日本を中心に世界の廃墟を扱う写真ブログへようこそ。お探しの廃墟は本ナビゲーションバーや、ページ右側に設置されている廃墟リストからどうぞ。廃墟の種類やキーワードでの検索もできます。