新Facebookページをデザインする際のサイズとアプリページのサイズ変更方法

新Facebookページのアイコンやタイムラインカバーのサイズのメモと、アプリページの横幅の変更方法です。

新Facebookページをデザインする時にこちらでフリーで配布されている「Free download psd Facebook new fan page GUI « misz michal galubinski design」のPSDファイルを使うと、デザインしやすいと思います。

タイムラインページのサイズ色々

今回の変更でFacebookページへアクセスした場合に最初に表示されるようになった、タイムラインページのサイズです。

Facebook はよく仕様が変更されるので、作成時には Facebook からの情報を確認してからの方がよいです。

タイムライン上部のカバーサイズ等

  • タイムラインカバー 横 851 px 縦 315 px
  • プロフィールアイコン 横 150 px 縦 150px
  • アプリアイコン 横 111px 縦74px

タイムラインページのサイズ

タイムライン内の画像サイズ

タイムライン内で表示される画像サイズです。

  • サムネイル画像 横 32 px 縦 32px
  • ウォール画像 横 404 px 縦 404 px
  • ハイライト画像 横 843 px 縦 403 px

アプリページの横幅の変更方法

以前はアプリのページは520pxでしか表示できませんでしたが、現在は810pxでも表示できるようになりました。520pxから810pxへの変更方法です。
新しいアプリページの横幅

まず、 Facebook開発者 へアクセスしアプリのページを開きます。
アプリのタブをクリック

左のアプリ一覧より編集するアプリを選択し、右上のアプリを編集ボタンをクリックします。
アプリを編集ボタンをクリック

基本設定のページの「ページタブ」の所の、「Page Tab Width」の所で「Wide(810px)」にチェックを入れて、変更を保存をクリックすれば変更完了です。
基本設定のページの「ページタブ」の所の、「Page Tab Width」の所で「Wide(810px)」にチェック

Related Article

No Comments & Tracbacks

Leave a Comment

Emailは公開されません。*は必須項目です。


*


Categorys

Tags

CSS3 ダッシュボード ヘッダー jQueryプラグイン スライドショー トラブル コードサンプル コンテンツ Facebook 素材 php 引っ越し お知らせ JavaScript カテゴリー Shareボタン CSS IE 投稿タイプ レスポンシブ Photoshop seo Macアプリ サイドバー タクソノミー HTML5 WPセキュリティ Git カスタムメニュー ナビゲーション PHPリファレンス SVG API query_posts RSS WP使い方 iTunes データベース コメント function 条件分岐 get_posts() スマートフォン Sass/Compass moreタグ