Quantcast
Channel: 小粋空間
Viewing all articles
Browse latest Browse all 219

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

$
0
0


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

Facebookページ

1.新しいデザインはどうなるか

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

旧デザイン
旧デザイン

新デザイン
新デザイン

2.新デザインのプレビュー

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

メッセージ

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

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

プレビュー画面

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

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

プレビュー画面

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

IFrameタブページのリンク

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

旧デザイン
旧デザイン

新デザイン
新デザイン

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

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

アプリの設定画面

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

4.管理者用パネル

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

新デザイン

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

管理者用パネル

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


Viewing all articles
Browse latest Browse all 219

Trending Articles