Facebook 拡張の使い方
日々の Facebook 拡張機能の使い方は、チームのページ URL を適切なメタボックスに貼り付け、表示すべきサイドバーにウィジェットを配置することです。この記事では、両方のフローと必要になる可能性のあるトラブルシューティング手順について説明します。
チームの Facebook ページを追加する
SportsPress → チームへ移動し、チームを編集します。
Facebook メタボックスで、Page URL フィールドにチームの Facebook ページ URL を貼り付けます。
投稿を更新します。
チームページへの埋め込み
テーマが Facebook セクションを有効化した SportsPress テンプレート構造を使用している場合、チームページには埋め込まれた Facebook ページが自動的に表示されます。埋め込みは Facebook の公式 Page Plugin SDK を使用し、チームページの専用セクション内で描画されます。
手動で埋め込む場合は、カスタムチームテンプレートから do_action( 'sportspress_team_facebook' ) を呼び出すか、チーム固有のサイドバーで Facebook ウィジェット(後述)を使用します。
Facebook ウィジェットを追加する
Facebook ウィジェットは 2 通りの方法で表示できます。
サイト全体のウィジェット(固定ページ URL)
外観 → ウィジェットへ移動します。
Facebook ウィジェットをサイドバーまたはフッターエリアにドラッグします。
Title を設定し、固定の Page URL(例: リーグのメイン Facebook ページ)を貼り付けます。
表示する Tabs を選択します — Timeline は最近の投稿を表示し、Events は今後の Facebook イベントを一覧表示し、Messages はメッセージ送信ボタンを追加します。
ウィジェットを保存します。
チーム認識型ウィジェット
チームページに表示されるサイドバーにウィジェットを配置します。
Use team's Page URL をオンにします。
ウィジェットは、各チームのページに描画されるとき、自動的にそのチームの
sp_facebook値を取得します。Page URL を持たないチームは固定値にフォールバックします(固定フィールドが空の場合は何も描画されません)。
トラブルシューティング
症状 | 考えられる原因 |
フロントエンドに埋め込みが何も表示されない | Page URL の形式が正しくない(完全な |
ローカル開発環境では表示されるが本番では表示されない | 一部のホスティングプロバイダが Facebook SDK へのリクエストをブロックしている — コンソールでブロックされたスクリプトの警告を確認 |
Tabs オプションが無視される | 少なくとも 1 つのタブが選択されているか確認、Facebook は描画に少なくとも 1 つを必要とする |
チームページのウィジェットに間違ったページが表示される | 「Use team's Page URL」が有効化されていない、またはチームに |
