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

カテゴリ:お知らせ | 公開日: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件の記事を探し出し、手動で画像・リンクを掲載するという低能かつ手間のかかるものです。ブログの人気記事を表示するにはネット上に出回っているブログパーツを利用するのが一般的ですが、このようなブログパーツは記事のタイトルのみで画像を表示できないのが一般的です。あえて手間をかけて表示欄を自作するのはリンクとともに画像を表示し、どのような内容の記事なのか一目で判別できるようにしたかったためです。なお、画像は過去の記事であることを強調するため太い黒色の枠で囲んでいます。 このエントリーをはてなブックマークに追加
スポンサード リンク
テーマ:管理人からのお知らせ ジャンル:その他

最新記事

「未来へのレポート」のご紹介(2022/01/16)
都営新宿線大島車両検修場の新車搬入とおこぼれ話(2022/01/03)
2022年のご挨拶と目標(2022/01/01)
10/23・24 山手線内回りホーム拡幅工事 - 渋谷駅再開発2021(3)(2021/12/31)
銀座線渋谷駅移設と駅周辺の状況 - 渋谷駅再開発2021(2)(2021/11/10)
JR山手線・埼京線のホーム並列化 - 渋谷駅再開発2021(1)(2021/10/20)
上野東京ライン・品川駅再開発総集編本制作延期についてのご説明(2021/07/08)
とうきょうスカイツリー駅付近高架化工事(2021年4月24日取材)(2021/07/04)
静岡県三島市のマンホール(2021/06/30)
東京メトロ東西線南砂町駅改良工事(2021年4月23日取材)(2021/06/25)
月別アーカイブ

全記事タイトル一覧

お知らせ

当サイトは近日中にSSL化(暗号化通信対応)する予定です。現在内部リンク(記事間リンク・画像のパス等)をHTTPSに書き換える作業を進めております。一時的に画像が表示されなくなったり、表示が乱れる場合があります。予めご了承ください。(2022,01,19)
一部記事にてオリジナル形式のURLを試行中です。旧URLでアクセスいただいた場合でも自動転送されますので、読者の皆様はブックマークされている場合でも特に操作は不要です。(2021,11,10)

過去のお知らせ一覧
更新情報Twitter

おすすめ&スペシャル


YouTube再生リスト:渋谷駅再開発
「東急新玉川線」書籍化プロジェクト
「京葉線新東京トンネル」書籍化プロジェクト
「総武・東京トンネル」書籍化プロジェクト

おすすめ記事

Reports for the future ~未来へのレポート~
Copyright (C) 2008-2022 Umemoto Takuya (takuya870625) some rights reserved. CreativeCommons-Attribution-Noncommercial-ShareAlike-2.1 Japan (About)
Powerd by FC2 Blog. Since:2008,05,17  レイアウト切替: パソコンスマートフォン
@takuya870625 Twitter