TopFacebook > 2012年3月
2012年3月 2日

新しいデザインのFacebookページでカスタムタブ画像を変更する方法

March 2,2012 1:55 AM
Tag:[, ]
Permalink

新しいデザインのFacebookページでカスタムタブ画像を変更する方法です。「カスタムタブ画像」とはカスタムタブ(下)に表示する画像を指します。

カスタムタブ画像

1.サンプル

下のスクリーンショットで変更前後のサンプルを示すます。

変更前のカスタムタブ画像はアプリの編集画面で登録したものがそのまま利用されており、正方形でかつ左右に隙間が残っています。

変更前
変更前

変更後はカスタムタブ画像のエリアにぴったりおさまっています。サイズは幅111px、高さ74pxです。

変更後
変更後

以下、新しいデザインのFacebookページでのカスタムタブ画像の変更方法を紹介します。2011年3月時点の情報なので今後変更になるかもしれませんがとりあえず。

2.カスタムタブ画像の変更

Facebookページの「管理者用パネル」をクリック。

Facebookページ

「管理」→「Facebookページを編集」をクリック。

管理者用パネル

「アプリ」をクリック。

Facebookページを編集

該当アプリの「設定を編集」をクリック。

アプリ

開いたダイアログの「カスタムタブの画像」→「変更」をクリック。

設定を編集

別の画面が開くので「Change」をクリック。

変更

さらにダイアログが開きます。ここで「参照」をクリックしてアップロードしたい画像を選択します。カスタムタブ画像のサイズは幅111px、高さ74pxです。このサイズ以上でも構いませんが、縦横の比率を維持して作成しないと、カスタムタブ画像の枠にぴったりおさめてくれません。

ダイアログ

画像を選択するとカスタムタブ画像の表示が変わります。

変更

選択した時点でタイムラインに反映されるみたいますが、とりあえず元の画面で「OK」をクリック。

ダイアログ

3.カスタムタブ画像の削除

画像を選択するダイアログで「Delete Image」をクリックすると、カスタムタブ画像が削除され、アプリの基本設定で登録した画像に戻ります。

ダイアログ

Comments [0] | Trackbacks [0]
2012年3月 1日

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

March 1,2012 3:33 AM
Tag:[]
Permalink

すべての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ヶ月になりそうです(笑)。

Comments [0] | Trackbacks [0]
Now loading...
ギターに入った猫
掲載広告募集
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

AMN
Categories
Monthly Archives
2020年
2019年
2018年
2017年
2016年
2015年
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
2005年
2004年
2003年
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
Powered by
Movable Type 6.0.3