SNS表示ブロック

Social Feed Block

note・Instagram・YouTube の最新投稿を、
ブロックエディタで自由にデザインして表示。


3ソース

note / Instagram / YouTube

7ブロック

自由なカードレイアウト

60日

トークン自動更新

主要機能

SNSの最新投稿を、テーマを問わず美しいカードグリッドで。

3つのソースを統一デザインで

note(RSS)・Instagram・YouTube の最新投稿を同じカードデザインで表示。表示件数(1〜10件)と列数(1〜4列)を設定でき、常に新着順で並びます。

最新の Instagram API に対応

廃止された Basic Display API に依存しない「Instagram API with Instagram Login」対応。管理画面の「Instagramと連携」ボタンから OAuth 認証するだけで接続できます。

トークンは全自動で更新

約60日で失効する Instagram の長期トークンを、期限が近づくと自動でリフレッシュ。一度連携すれば、その後の面倒な再認証は不要です。

クエリーループ方式で自由自在

WordPress 標準の「クエリーループ」と同じ操作感。テンプレートに画像・日付・タイトル・説明・ボタンを自由に配置でき、色・フォント・余白はエディタ標準の設定UIで調整できます。

エディタで実データプレビュー

編集画面では、実際のフィードから取得した1件目のデータを使ってプレビューしながらテンプレートを編集。公開前に仕上がりを確認できます。

かんたん設定+キャッシュ

note と YouTube は API キー不要。URL や @ハンドルを入力するだけで表示できます。取得結果は1時間キャッシュされ高速。管理画面から一覧確認・個別クリアも可能です。

画面イメージ

ブロック構成

親子7ブロックの組み合わせで、カードの中身を自由に組み立てられます。

ブロック役割
ソーシャルフィード(親)ソース種別・URL/ID・表示件数・列数を設定するグリッドの土台
フィードテンプレート1件分のカードの雛形。中に置いたブロックが全アイテムに反復適用
フィード画像サムネイル画像(記事リンク付き、16:9・角丸の既定スタイル)
フィード日付投稿日(サイトの日付書式で表示)
フィードタイトルタイトル(記事リンク付き)
フィード説明説明・抜粋テキスト
フィードボタン記事へのリンクボタン(ラベルは直接編集可能)

よくある質問

Instagram の連携には何が必要ですか?

Instagram のビジネスアカウントまたはクリエイターアカウントと、Meta for Developers でのアプリ作成が必要です。OAuth 連携のリダイレクトには HTTPS のサイトURLが必要です。

note や YouTube の表示には API キーが必要ですか?

不要です。公開RSSを利用するため、note はアカウントURL、YouTube は @ハンドルまたはチャンネルURLを入力するだけで表示できます。

新しい投稿は自動で反映されますか?

はい。フィードの取得結果は1時間キャッシュされ、期限が切れると自動的に最新の投稿を取得します。すぐに反映したい場合は、管理画面のキャッシュ一覧からクリアできます。

どこで入手できますか?

Social Feed Block はWordPress運用保守契約のお客様向けに提供しているプラグインですが、無料プラグインとして WordPress.org 公式ディレクトリでの公開も予定しています。リリース情報は本サイトでお知らせします。動作要件は WordPress 6.1 以上・PHP 7.4 以上です。

Social Feed Block は公開準備中です