WordPressにInstagramのフィードを表示する

気づいたら全然更新してなかったので、リハビリも兼ねてクイックノート!
めっちゃ単純な話ですが、instagramをwordpressで表示する方法です。
最近はWP使った開発をしてることが多いので、Wordpressカテゴリを追加してみました。

1, Instagram Feedプラグインをインストール

Instagram フィード

2, Setting→Configure

->Connect an Instagram Account

IDとPWを入力して、アカウントを連携する。

3, メニューに追加する場合

今回は、右メニューと固定ページで用意したかったので、まずは右メニューへの追加方法から。

3-1, 管理画面メニューの 外観>ヴィジェット を開く

3-2, ヴィジェットメニューの中の「テキスト」を選択し、「ヴィジェットを追加」

3-4, インスタグラムのコードを貼り付ける

右側のメニューにテキストフィールドが追加されるので、そこにインスタのコードを貼り付けます。

基本のコードはプラグインメニューの「3,Display your Feed」に載っています。
下記はサンプルですが、使用する場合は【】は[]に置き換えて使ってください。
基本:
【instagram-feed】

今回は右サイドのメニューに、全部で最新6件の投稿を出したかったので下記コードです。

【instagram-feed num=6 cols=2】
numは、何件の投稿を表示するか、colsは何列で表示するか(今回は2列)を設定できます。

【instagram-feed width=50】
横幅指定をしたいときはwidthを設定。

4, 固定ページを作成する場合

固定ページの場合はシンプルで、
管理画面メニューから固定ページを新規作成→コードを貼り付け
で終わりです!

The following two tabs change content below.
まみたす

まみたす

1992年生まれ。知識ゼロ文系女子からSEになっているところ。 カメラ、猫、お酒、旅行がすきです。
この記事の内容が役に立ったと思ったら、SNSで記事を共有してもらえると幸いです。

コメントを残す

メールアドレスが公開されることはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)