すべてのFacebookページが2012年3月30日までに新しいデザインに切り替わります。
1.新しいデザインはどうなるか
基本的にはユーザーのタイムラインと同じデザインになるようです。下のスクリーンショットは当Facebookページ「小粋空間」の新旧デザインを比較したものです。
2.新デザインのプレビュー
2012年3月1日現在の情報としては、Facebookページの管理者が閲覧している場合のみ、ページ上部に新デザインに切り替わるメッセージが表示されます。その右側にある「プレビュー」をクリックすれば新デザインのプレビューが可能です(旧デザインの戻し方は後述)。
プレビューを実行すると、管理しているFacebookページの新しいデザインを確認できます。
プレビュー画面の上部には、次のようなメッセージが表示されます。赤枠で括った「旧デザイン」のリンクをクリックすれば元のデザインに戻ります。「今すぐ公開」をクリックすれば新しいデザインで公開されます。
3.新デザインでIFrameタブページはどうなるか
IFrameタブページのリンクは赤枠部分に表示されます。この部分のサムネイルの設定はFacebookページ編集画面から行います(別途エントリー予定)。
一番右にある「5▼」のあたりをクリックすればさらに表示されます。
IFrameタブページの表示は次のように変わります。サンプルは当ブログの「ランキング」のページです。
ご覧のとおり、新デザインでも幅520pxのまま表示されています。スクロールバーを非表示にする「FB.Canvas.setAutoGrow」も問題なく動作しているようです。新デザインの左上にあるプルダウンで別のIFrameタブに移動することができます。
レイアウト的に新デザインではIFrameタブの幅をもう少し広く使えるようになるかもしれませんが、現状は不明です。IFrameタブの幅はアプリの設定画面で変更できるようになっています。810pxが選択できるようになっています。
いずれにしても、新しいデザインにあわせてIFrameタブページも変更する必要がありそうです。
4.管理者用パネル
新デザインには「管理者用パネル」があります。
クリックすると次のような画面が表示されます。
以上です。Facebookページのデザイン変更が大変な1ヶ月になりそうです(笑)。