小粋空間  -  a cheap joke and a play on words site

すべてのFacebookページが新しいデザインに切り替わります

すべてのFacebookページが2012年3月30日までに新しいデザインに切り替わります。

１．新しいデザインはどうなるか

基本的にはユーザーのタイムラインと同じデザインになるようです。下のスクリーンショットは当Facebookページ「小粋空間」の新旧デザインを比較したものです。

旧デザイン

新デザイン

２．新デザインのプレビュー

2012年3月1日現在の情報としては、Facebookページの管理者が閲覧している場合のみ、ページ上部に新デザインに切り替わるメッセージが表示されます。その右側にある「プレビュー」をクリックすれば新デザインのプレビューが可能です（旧デザインの戻し方は後述）。

プレビューを実行すると、管理しているFacebookページの新しいデザインを確認できます。

プレビュー画面の上部には、次のようなメッセージが表示されます。赤枠で括った「旧デザイン」のリンクをクリックすれば元のデザインに戻ります。「今すぐ公開」をクリックすれば新しいデザインで公開されます。

３．新デザインでIFrameタブページはどうなるか

IFrameタブページのリンクは赤枠部分に表示されます。この部分のサムネイルの設定はFacebookページ編集画面から行います（別途エントリー予定）。

一番右にある「5▼」のあたりをクリックすればさらに表示されます。

IFrameタブページの表示は次のように変わります。サンプルは当ブログの「ランキング」のページです。

旧デザイン

新デザイン

ご覧のとおり、新デザインでも幅520pxのまま表示されています。スクロールバーを非表示にする「FB.Canvas.setAutoGrow」も問題なく動作しているようです。新デザインの左上にあるプルダウンで別のIFrameタブに移動することができます。

レイアウト的に新デザインではIFrameタブの幅をもう少し広く使えるようになるかもしれませんが、現状は不明です。IFrameタブの幅はアプリの設定画面で変更できるようになっています。810pxが選択できるようになっています。

いずれにしても、新しいデザインにあわせてIFrameタブページも変更する必要がありそうです。

４．管理者用パネル

新デザインには「管理者用パネル」があります。

クリックすると次のような画面が表示されます。

以上です。Facebookページのデザイン変更が大変な1ヶ月になりそうです（笑）。