作成事例

ワードプレスとインスタグラムを連携するプラグイン「Instagram Feed」

  • このエントリーをはてなブックマークに追加

制作部の梨本です。

以前ワードプレスでプラグインを使用し、インスタグラムと連携させたので、そのご紹介です。
プラグインを追加したら複雑な設定も必要ないので、とても簡単です!

インスタグラムを埋め込むプラグイン「Instagram Feed

使い方↓↓

1、プラグインを追加する

①プラグインの新規追加から「Instagram Feed」を検索して有効化。

スクリーンショット (11)

②管理画面左のサイドメニューに追加される「Instagram Feed」をクリックして、Instagram Feedの設定画面を表示。

スクリーンショット (12)

③「1.Configure」というタブページから、操作開始。
まずは自分のInstagramにログインし、青い「Log in and get my Access Token and User ID」というボタンをクリック。

スクリーンショット (14)

④インスタグラムのログイン情報を入力する画面が出てくるので、ユーザー名とパスワードを入力。

スクリーンショット (13)

⑤画面が切り替わり情報開示の同意を求められるので「Authorize」をクリック

スクリーンショット (15)

⑥表示された「Access Token」「User ID」を下の画像のように入力し、「変更を保存」をクリック。

スクリーンショット (16)

2、埋め込み表示のカスタマイズ

「2.Customize」というタブページで、以下のように埋め込みの見え方を調整できます。

スクリーンショット (17)

スクリーンショット (19)

3、ページに表示させる

①「3.Display Your Feed」タブページに移動すると、埋め込み用のショートコードが確認できます。

スクリーンショット (20)

②ショートコードを、表示したい部分に貼り付ける。

・固定ページやブログ等のフリーエディタだったら、埋め込みを表示したい箇所にそのまま張り付ければOKです。
・PHPに貼り付けたい場合は、以下のようにコードを記入しPHPに貼り付けます。

<?php echo do_shortcode( ‘[instagram-feed]’ ) ?>

設定画面も分かり易くて、とても便利ですね!
ぜひ活用していきたいところです(*’▽’)

  • このエントリーをはてなブックマークに追加

建築に特化したホームページで集客&受注へ

実績の99%が建築業界だからわかる、"受注の取れるWebサイト"づくりを行います。
1000サイト以上の制作実績と、豊富なサービス・運営サポートが御社をバックアップ。お気軽にお問い合わせください!

D-Gripシステム Webサイトへ