WordPressにSNSウィジェットを埋め込む方法

WordPressを使ってウェブサイトをデザインしている方に朗報です。

EmbedSocialを利用すれば、InstagramやX、Facebook、TikTok、YoutubeなどのSNS投稿を簡単にウィジェットとして埋め込むことができます。常に最新の投稿を自動で反映できるため、更新の手間を省きつつ、訪問者にとって魅力的で動きのあるページを実現できます。

全体の流れはこちらの動画で動画でご確認下さい。

以下、各ステップの詳細です。

デザインの編集が終わったら、右上の「保存」をクリックして編集内容を保存しましょう。

なお、デザインの編集方法などSNSウィジェットを作成するEmbedSocialの基本操作方法は、こちらをご参照ください：

SNS投稿・UGCウィジェット作成の基本操作

上部メニューの「埋め込み」をクリックして、WordPressに貼り付けるためのコードを取得します。

「コードをコピーする」を押して、埋め込み用のJavaScriptコードをクリップボードにコピーします。

JavaScript以外にも、Wordpressショートコード、iframeなど他のコードのタイプを選ぶことができます。

WordPressで「ブロックを追加」をクリックして、メニューを表示します。

ウィジェットセクション内の「カスタム HTMLコード」ブロックをを追加します。

追加したボックスにEmbedSocialで生成してコピーしたコードを貼り付けます。

プレビューをクリックすると、埋め込んだInstagramウィジェットを確認できます。

右上の「保存」でページを更新し、埋め込みコードの変更を反映します。