Menu

700 467

廃墟ブログをリニューアルしました

見た目はあまり変わっていませんが、
ソースコードをほぼ全書き換えレベルでサイトをリニューアルしました。
主なアップデート内容は以下になります。

【全サイト共通】
 ・ RSS表示の改善(XHTML1.0への対応)
 ・ ヘッダーメニューの設置(全国廃墟リストなど)

1. パソコン版サイト
 ・ パンくずリストの設置
 ・ PickUP記事を表示
 ・ 関連記事を表示

2. スマートフォン版サイト
 ・ サイトトップにおいて各記事の内容を把握できるように改善
 ・ 全国廃墟リストを見やすく改善
 ・ 関連記事を表示

3. 携帯電話版サイト
 ・ 画像をリンクとしてではなく画像として表示するように変更
 ・ 全国廃墟リストを見やすく改善(現在FC2サーバーエラーのため、反映時期は不明)

以下に順を追って詳細を説明します。

【RSS表示の改善】
今回のリニューアルの一番の目的でもあり、きっかけでもあります。
RSSとはサイトの最新の更新情報が詰まった新聞のTV欄みたいなもので、
色々なサイトのRSSを読み込みソフトに登録しておくことで、最新情報を雑誌のように読めるという物です。
代表的な表示は以下のようになります。
Feedly_全体表示

これまで当サイトのRSSは、ほとんどのRSSリーダーで画像とそれ以降の文章が表示されませんでした。
Feedly_改善前
(記事を開くと、文章のごく一部のみが表示され、画像も一切表示されない。)

この状態は、現在は以下のように記事の内容が全て表示されるよう改善されています。
Feedly_改善後
(記事の内容が全て表示されている。ただしFeedlyなど一部リーダーでは昔の記事を除く)

このRSSはXHTMLというルールに従って書かれる物であるため、
ブログの記述方法も従来のルールからこのXHTMLというルールに合わせて全て書き直しました。
これによって変わるのはあくまでブログの書き方であるため、ブログの見た目は全く変わりません。

RSS購読者の皆さん、今までご不便おかけしましたm(_ _)m
また、まだRSS購読をしていないという方はこの機会に当サイトのRSSを購読して頂けると嬉しいです。

Feedlyで廃墟サイトRuin's Catを購読 RSSアイコン小
(左:Feedlyで当サイトを購読)(右:当サイトのRSS)


【ヘッダーメニューの設置】
廃墟リストにアクセスしやすいよう、ページの上の方に廃墟リストを表示するボタンを設置しました。
メニューの開閉はクリック(タップ)で行います。
スマートフォンやタブレットでPC版ページを表示する事も想定して、マウスオーバーで開閉にはしませんでした
廃墟リスト_PC
(PC版ページ)

PC版は廃墟リストの他にも最新記事一覧やRSSなども格納しています。
最新記事_PC
(最新記事一覧)

廃墟リスト_スマートフォン 廃墟リスト中身_スマートフォン版
(スマートフォン版)

廃墟リスト_携帯電話
(携帯電話版)


【パソコン版:記事リンクを色々設置】
1. パンくずリスト
「サイトトップ > 千葉県 > ラズモール木更津 > ○□★(記事タイトル)」などで表示される現在位置です。
2. PickUP記事
過去の記事からピックアップされた記事が5件画像つきで表示されます。
パンくずリスト

3. 関連記事
各記事の最後に、同じ廃墟について書かれた記事へのリンクを表示しました。
関連記事

【スマートフォン版】
1. サイトトップにおいて各記事の内容を把握できるように改善
スマートフォン版サイトトップ_改善前 スマートフォン版サイトトップ_改善後
(左:改善前)(右:改善後)

2. 廃墟リストを見やすく改善
廃墟リストスマートフォン版_改善前 廃墟リスト中身_スマートフォン版
(左:改善前)(右:改善後)

3. 関連記事を表示
各記事の最後に、同じ廃墟について書かれた記事へのリンクを表示しました。(PC版と同様)

【携帯電話版】
1. 画像をリンクとしてではなく画像として表示するように変更
2. 全国廃墟リストを見やすく改善(スマートフォン版と同様)(現在FC2サーバーエラーのため、反映時期は不明)


主なアップデート内容は以上になります。
これで迷子になりにくく、目的の情報をずいぶん探しやすくなったと思います。

今後とも廃墟写真ブログ "Ruin's Cat" をよろしくお願いします m(_ _)m


にほんブログ村 このブログに投票 このブログに投票
関連記事

0 Comments

Leave a comment

0 Trackbacks

Click to send a trackback (FC2 User)