メインコンテンツにスキップ
WordPressにSNSの投稿を埋め込む方法
Rio Tanaka avatar
対応者:Rio Tanaka
1年以上前に更新

EmbedSocialのプラットフォームはWordPressでの実装サポートしており、以下の記事ではWordPressにSNSフィードを簡単に埋め込む方法を紹介します。WordPressでは以下2つの方法で埋め込みを実装することができます。

  1. JavaScriptコード(デフォルト)

  2. WordPress専用ショートコード

最初の最も簡単な実装方法は、デフォルトのJavaScriptコードを活用する方法です。

JavaScriptコードでの埋め込み

まずEmbedSocialの管理画面で作成したウィジェットにおいて、管理画面の左上に表示されるコードをコピーします。

コードを取得した後にはWordPressの管理画面にログインし、埋め込みを希望するページに直接貼り付けます。投稿・固定ページを問わずあらやるページに取得したコードを埋め込むことができます。

以上の操作方法だけで、下記のようなSNSフィードをWordPress上で簡単に作成することができます。

ショートコードを活用した埋め込み

ショートコードを利用することで、Wordpressで作成したサイトにEmbedSocialのウィジェットを簡単に設置することができます。ショートコードを使った埋め込み方法の実装は以下のステップをご参考くださいませ。

1. 先ほどと同じEmbedSocialのコード取得画面において、メインで用意されたコードではなく「コードの埋め込み方法」からポップアップを開きます。

2. その後に表示される画面において、WordPressショートコードを選択し表示されたコードをコピーします。

3. WordPressを開き、「プラグイン」より「新規追加」をクリックします。

4. EmbedSocialのプラグインを検索し、インストールします。

5. インストール後に「有効化」を行います。

6. ウィジェットを表示させるページにて「ショートコード」を追加します。

7. 先ほどコピーしたウィジェット用のショートコードを貼り付けます。

以上で完了です。JavaScriptのコードを使用して埋め込む場合と同様に、EmbedSocialで作成したSNSフィードをあらゆるページ上に表示させることができます。

ショートコードを活用するとWordPressに表示される見た目上のコードを短縮することができるため、記述量の多いページなどコンテンツをできるだけ簡素化して配置した場合などに有効です。

詳細やご不明点は、このページの右下のチャットサポートかCSチームにお問い合わせくださいませ。

こちらの回答で解決しましたか?