この写真の記事へ

自由にHTMLを書くFacebookページの作り方(画像)(19ページ目)

西村 文宏

西村 文宏

ホームページ作成 ガイド

応用情報技術者

初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の執筆なども行っている。

...続きを読む

外部サーバにページをUPしておく

上部の「アプリ」をクリック
開発者アプリに許可を出す
「アプリ」の最初の画面
分かりやすい名称を付ける
アプリの基本設定
「ページタブ」欄の3項目を入力
「Facebook上のアプリ」欄にも、「ページタブ」欄と同じ内容を入力
「アイコンを変更」をクリック
アイコン用の画像ファイルを指定
保存すれば作成完了
作成済みアプリ一覧
追加先Facebookページ名を選択
「追加する」ボタンをクリック
メニューに項目が追加された
メニューから独自ページにアクセスできるようになる
「デフォルトで表示するタブ」欄を変更
メニュー下部の「編集」をクリック
Method Not Allowed エラー
外部サーバにページをUPしておく
Facebookページに加えた「独自ページ」群(アプリの形で表示)
分かりやすい名称を付ける(※長くならないよう注意)
App IDはアプリを識別する番号
「ページタブ」欄に設定を入力
「Facebook上のアプリ」欄にも、「ページタブ」欄と同じ内容をコピーして入力
「Change」をクリック
ページタブの画像をアップロード
ページタブの画像が登録された
メニューにはアイコンを付けられる
「アイコンを変更」をクリック
保存すれば作成完了
作成済みアプリ一覧
「追加する」ボタンをクリック
メニューに項目が追加された
タイムラインの上部に追加された
メニューから独自ページにアクセスできるようになる
Method Not Allowed エラー
アプリ画像群の右端の矢印をクリック
表示位置を入れ替えるメニュー

ほかのギャラリーを見る

ハートマークも文字として定義されているので、色やサイズはCSSで自由に装飾できる (Edgeでの表示例)
EdgeではWebkit用の記述も有効になっている例
一度無効化されたボタンでも、再度有効な状態に戻せるようにする
よく使われるサンプル用ドメイン名のスペルミスを狙った危険なウェブサイトもある
アクセスするたびに異なる画像が表示される
ページ移動や別ウインドウを表示することなく、任意のメッセージや別ページの内容を表示できる

カテゴリー一覧

All Aboutサービス・メディア

All About公式SNS
日々の生活や仕事を楽しむための情報を毎日お届けします。
公式SNS一覧
© All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます