Facebookのカスタムフィードに「ピン留め投稿」を作成する

この便利なコードスニペットを使って、投稿をFacebookフィードのトップにピン留めしましょう。

Facebook APIには、投稿がピン留めされているかどうかは含まれていませんが、以下のJavaScriptスニペットを使って手動で投稿をフィードの一番上に移動させることで、同じ結果を得ることができます:

$('#cff .cff-item').first().before( $('#cff_your_post_id').addClass('cff-pinned') );

スニペットの "cff_your_post_id"の部分を、フィードの一番上にピン留めしたい投稿のIDに置き換える必要があります。ピン留めしたい投稿のIDは、その投稿を右クリックして「要素の検査」をクリックすればわかります。以下のように、cff-item要素にIDが表示されているはずです。

Facebookの投稿IDを検索

スニペット内のIDをそのIDに置き換えて、JavaScriptをサイトに追加してください。これは、カスタムJavaScriptプラグインを使用して手動で行うことができます。詳しくはこちらのドキュメントをご覧ください。

ピン留めされた投稿のスタイルを変更するには、お好みのカスタム CSS の場所またはスタイルシートに CSS を追加します。デフォルトの追加CSSは、WordPressダッシュボード > 外観 > カスタマイズ > 追加CSSにあります。 追加CSSです。 例えば

.cff-pinned{
padding: 10px !important;
border: 1px solid rgba(0,0,0,0.3);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
}

サポート

ドキュメントに答えが見つからない?

サポート

この記事は役に立ちましたか?