ショップハンター

2014.01.08

ページ幅いっぱいに楽天ブログのコンテンツを表示させる方法

テーマ：楽天ブログいろいろ(1534)

カテゴリ：楽天ブログ・アフィリエイト関連

今回は、画面幅を最大限に利用して楽天ブログを運用したい方のために、その設定と調整のしかたを簡単にご紹介させていただきます。

ページ幅を広く取りたいのなら、旧広場型を使う

　現在、ほとんどの楽天ブログのレイアウト（テンプレート）幅は 1000 ピクセルとなっています。
　これは、固定幅となっているため、解像度の高いモニタで閲覧しても、モニタに合わせてレイアウトの幅が自動補正されることはありません。

　このため、利用者の環境によっては、ページがモニタ上にきれいに表示されることもあれば、中央や端に寄って見えることもあります（詳細は後述します）。

　これを、どのブラウザで閲覧したときにもできるだけバランスよく表示させるには、レイアウトのタイプを「旧広場型」に変更します。

　「旧広場型」は、3 カラム構成にした場合、左カラムが 130 ピクセル、右カラムが 330 ピクセルで固定値になっていますが、中央のカラムだけが相対幅となっているため、Web ブラウザの表示幅に合わせてコンテンツの表示幅が変化します（2014年1月8日現在）。

　それでは、設定方法を簡単にご紹介します。

　1. 楽天ブログの管理ページの Myメニューより、「デザインの詳細」リンクをクリックします。

　2. すると、デザインの詳細のページに移りますので、その中から「レイアウトの設定」項目の「編集する」ボタンをクリックします。

　3. デザインの詳細ページに移りますので、「レイアウトの設定」項目の中から「旧広場型」を選択し、「登録する」ボタンをクリックします。

デザインの詳細で旧広場型を選ぶ

　あとは、お好みのブログパーツを配置しながら、実際の表示効果を確認してみてください。

ブログ管理者と訪問者の間に立ちはだかる画面解像度という壁

　ブログ管理者が使っているパソコンの画面解像度と、訪問者が使っているパソコンの画面解像度は一致しないことが多いものです。

　これは、ブログサービス提供側にとっても頭の痛い問題であることは容易に想像できます。

　骨董品のように年季の入ったパソコンの小さなモニタでブログを閲覧している人たちもいれば、最新型のパソコンを使って壁に画面を投影させてブログを閲覧している人たちもいたりするわけですが、これらのユーザすべてが快適にブログを閲覧できる環境を提供するには、実は大変な労力を要することになります。

　こちらの楽天公式スタッフブログの記事をご覧ください。

※09/09（月）決定※【事前告知：PC】ユーザページの横幅を変更致します [楽天ブログの公式ブログ]

　以前は、楽天ブログレイアウトの幅は 760 ピクセルで統一されていました。

　その理由ですが、こちらの記事の表をご覧ください。
　（これはあくまでも一例ですが、参考にしていただけると思います。）

ブラウザディスプレイ統計（英文） [外部リンク]

　記事は英文ですが、表中をご覧いただくと、800x600 ピクセルの解像度が 56% で最も主流だった 2000年に比べ、2013 年には 0.5% まで落ち込んでいますね。

　十数年前は、15～17インチ程度の CRT モニタもまだまだ現役で、液晶モニタは高級品だったため、普及率は高くはありませんでした。

【CRTモニタの例】

　これは、当初は液晶パネルが非常に高価だったことに起因しています。

　この頃に 800x600 ピクセルの解像度で全画面表示させたときに、ちょうどいい具合にページが見えていたのが、760 ピクセルという幅だったわけです。
　実はこれより低い640x480 ピクセルの解像度のモニターを使っていた人も多かったことを考えると、この 760 ピクセル幅もモニタの表示領域に納まりきらず、使いにくさを感じていた人もいたことでしょう。

　しかし今では液晶モニタがあたりまえになりましたね。
　これは、1996年あたりから、韓国、続いて台湾が安価な液晶パネルの量産と販売に成功し、液晶モニタの大幅な低下価格化が進んだことが考えられます。
　同時に、一般の人々も解像度が高く、より大きな画面のモニタを求めるようになりました。

　この表を眺めているだけでも、少しお金を足せば高解像度のモニタを誰でも手に入れられる時代になったことがうかがえますね。

　解像度が上がれば、ピクセル幅の小さなものは、モニタの表示領域に小さく表示されます。

　たとえば、2013 年で最も分布率の高い 1366x768 ピクセルの解像度のモニタで 760 ピクセル幅のページを全画面表示させると、画面の中央や端に小さく寄ってしまいます。
　このため、閲覧者のモニタの解像度よっては、全く気にならないレベルの場合もあれば、中央にや端っこに寄りすぎていて、バランスが悪いと感じる場合もあるわけですね。

　このような傾向がどんどん進むにつれ、見づらい、かっこ悪いと感じる訪問者が増えていくわけですから、サービス提供側もページレイアウトの幅を広げる必要が出てきたということでしょう。

　今後も、ユーザのモニタの解像度は上がっていくことが予想されます。

　先にご紹介した表のように、利用者の解像度の分布によって、ブログサービス提供側は、できるだけ幅広い解像度の環境に対応したテンプレートの提供を行うとともに、サービス利用側（ブログ管理者）は、訪問者が使いやすくなるようにテンプレート項目の体裁を整える必要がでてくるわけですね。