レイアウトリニューアルについて

カテゴリ:お知らせ | 公開日:2011年09月28日20:47
※画面は開発中のものです。変更される場合があります。
※画面は開発中のものです。変更される場合があります。

来る2011年10月1日よりブログのレイアウトを大幅にリニューアルいたします。具体的なリニューアル内容は以下の通りです。

1、3カラム化

ページ幅をこれまでの850ピクセルから990ピクセルに拡幅し、分割方法を2カラム(2列)から3カラム(3列)に拡張します。これにより、左メニュー欄の長さの過度な増大の抑制と表示内容のさらなる充実が可能となります。

2、「先月の人気記事」欄を新設

新設する右メニュー欄に前月で特にアクセス数が多かった記事をランキング化して表示します。これまで、TOPページで表示していた記事数は3記事、月別アーカイブ・カテゴリーページで1ページに表示していた記事数は5記事で、ここに表示されていない古い記事を見つけるにはサイトない検索を使用する必要がありました。本表示の新設により読者の皆様に読んでいただきたい過去の記事に容易にアクセスすることが可能となります。

3、広告欄の増設


今回のリニューアルは2009年にデザインを大幅に変更して以来、最大のものとなります。新設する右メニュー欄は人気記事・広告欄のほかにも必要に応じて様々な用途で活用してまいります。

■横幅をなぜ990ピクセルにするか

現在のレイアウトを製作した2009年当時はまだWindows7の発売直後であり、その前代のWindowsVistaの売れ行きが不調だったこともあって画面解像度が横幅1024ピクセル以下のディスプレイでインターネットを利用しているケースが相当数存在しました。参考までにGoogle Analyticsでアクセスデータを収集し始めた2010年4月のデータによると、このブログを閲覧している方のうち1024×768ピクセルのディスプレイを利用している方は全体の21.3%に上っていました。しかし、その後Windows7を搭載したPCへの買い替えが進んだことなどの理由から、最新のデータで1024×768ピクセルのディスプレイを利用率は全体の10%前後まで低下し、横幅1280ピクセル以上のディプレイでのアクセスが全体の8割近くに達するようになりました。
このため、今回のリニューアルでは横幅1024ピクセルのディスプレイでの閲覧の可能性も考慮しつつ、現在主流の横幅1280ピクセル以上のディスプレイでの閲覧に適したデザインに移行することといたしました。なお、新しいデザインを横幅1024ピクセルで閲覧した場合でも全ての内容を正常に表示することを確認しています。


■「先月の人気記事」の作成方法

今回導入する「先月の人気記事」の表示欄の作成方法はGoogle Analyticsのデータからページビュー数上位10件の記事を探し出し、手動で画像・リンクを掲載するという低能かつ手間のかかるものです。ブログの人気記事を表示するにはネット上に出回っているブログパーツを利用するのが一般的ですが、このようなブログパーツは記事のタイトルのみで画像を表示できないのが一般的です。あえて手間をかけて表示欄を自作するのはリンクとともに画像を表示し、どのような内容の記事なのか一目で判別できるようにしたかったためです。なお、画像は過去の記事であることを強調するため太い黒色の枠で囲んでいます。 このエントリーをはてなブックマークに追加
スポンサード リンク
テーマ:管理人からのお知らせ ジャンル:その他

カテゴリ:お知らせ の最新記事

にほんブログ村への記事登録を終了します(2016年07月17日作成)
【重要】弊サイトの画像を無断転載されている企業様へ(2016年07月13日作成)
【終了】2/21(日)「秋コレおかわり」に出展します(2016年02月06日作成)
PC版サイトをリニューアルしました。(2015年08月01日作成)
【予告】サイトリニューアルについて(2015年07月16日作成)
【お知らせ・重要】URL変更(独自ドメイン移行)について(2013年04月25日作成)
累計訪問者数が100万名様を突破しました!(2012年11月11日作成)
アンケート結果まとめ(2/2)(2012年02月29日作成)
アンケート結果まとめ(1/2)(2012年02月28日作成)
レイアウトリニューアルについて(2011年09月28日作成)
その他の記事はこちら

最新記事

首都圏外郭放水路庄和排水機場(2016/10/02)
相鉄・東急直通線建設工事(2016年取材②新綱島~日吉)(2016/09/10)
相鉄・東急直通線建設工事(2016年取材①羽沢~新横浜)(2016/09/07)
相鉄・JR直通線建設工事(2016年6月取材)(2016/08/27)
茨城県・守谷市のマンホール(2016/08/26)
東京メトロ千代田支線北綾瀬駅ホーム延伸工事(2016年6月4日取材)(2016/08/21)
東武伊勢崎線竹ノ塚駅高架化工事(2016年6月4日取材)(2016/08/14)
次期「書籍化」プロジェクトへの道すじ(2016/08/12)
JR飯田橋駅ホーム移設工事(2016年6月取材)(2016/08/06)
東急東横線10両化&関連工事(2015・2016年取材)(2016/08/03)
月別アーカイブ

全記事タイトル一覧

お知らせ

【総武・東京トンネル書籍化プロジェクト】COMIC ZIN様で欠品しておりました「総武・東京トンネル(上・下)」の販売を再開しました。詳しくは→こちら(2016,04,10)
さらに前のお知らせ

おすすめ&スペシャル

「総武・東京トンネル」書籍化プロジェクト 当サイトの前身であるYahoo!ブログから運営通算10周年を記念し、2008年に連載した「建設史から読み解く首都圏の地下鉄道① 総武・東京トンネル」についてほぼ白紙から書き直し、自主制作本(同人誌)にまとめるプロジェクトです。2015年3月のコミケットスペシャル6で総武線区間について取り上げた「上巻」、12月のコミックマーケット89で横須賀線区間について取り上げた「下巻」をそれぞれリリースし、昼過ぎに完売となる大好評となりました。現在書店(COMIC ZIN)様にて絶賛発売中です。

おすすめ記事

@takuya870625 Twitter