080-2040-7402

株式会社自給人は、神奈川県茅ケ崎市の結果にコミットするホームページ制作会社です。売上げが上がるホームページをお求めなら、一度ご相談ください。あなたのビジネスの売上げを上げます!

対応エリア:茅ヶ崎市・藤沢市・平塚市・その他湘南エリア

Web Farmは、神奈川県茅ケ崎市を中心に、藤沢・平塚・その他湘南エリアで集客型ホームページを提供するWEB制作会社です。集客ができるホームページをお求めなら、お気軽に相談ください。

SNS集客

【2020年最新版】instagram feedの設定方法!ワードプレスでインスタを埋め込むプラグイン!

代表・斉藤
ワードプレスでインスタ埋め込んでギャラリーみたいにできたらな・・・

と思っていたら、かなり使いやすいアプリがありました!

それが『instagram feed』というアプリです。

instagram feedを使えば、簡単にワードプレスや無料ブログ等にインスタをオシャレに埋め込むことができます。

ここでは、instagram feedの使い方と細かな設定方法を解説していきます。

instagram feedとは?

instagram feedとは、インスタをワードプレスやその他無料ブログ等に埋め込めるプラグイン(アプリ)で、以下のような表示で埋め込めます。

めっちゃ綺麗ですよね!

これを使えば、ギャラリーとしても使えるので、かなり便利です。特に、ハンドメイドや写真のの作品などをサイト上に表示させたい場合は、綺麗なのでおすすめです。

以前はワードプレスのプラグインだったのですが、2019年11月時点でプラグイン検索すると、表示されない状態でした。

調べてみるとプラグインは廃止されて、アプリとして使えるようになったようです。なので、無料ブログ等でも使うことができます。

それでは、次にinstagram feedの使い方を解説していきます!

instagram feedの使い方

まずは、instagram feedの公式サイトに飛んで、登録をしていきましょう。
公式サイトはこちら

アクセスしたら『Sign Up Free』をクリック!

instagramfeed使い方

 

その後、サインアップ画面になりますので、メールアドレスとパスワードを入力して『SIGN UP』をクリック!
※ここで登録するものなので、パスワードは好きなものを入力してください

instagramfeed使い方2

 

次に、『Instagram Feed』と書かれたアプリをクリック。

instagramfeed使い方3

 

すると、以下画面になりますので、特に設定はせずに『Save』をクリック。

instagramfeed使い方5

 

プラン選択の画面になりますが、無料で使いたい場合は右側の『Lite』を選択します。

無料版は、1アカウントのみで使うことができて、もし多くのアカウントで使いたい場合は有料プランを選択してください。

instagramfeed使い方6

 

次に、『I have installed the code』をクリックして、設定画面に移ります。

instagramfeed使い方7

 

以下の『Untitled widget』をクリックしてください。

instagramfeed使い方8

 

すると、設定画面になりますので、『Instagram sauces』の下にあなたのインスタユーザー名を入力してください。

すると、右側のインスタがあなたのインスタのタイムラインに変わると思います。

※すでに設定してあるインスタユーザー名は、『×』を押して消してください。

instagramfeed使い方9

 

ユーザー名の設定をしたら『Save』で保存して、以下の画面に戻ります。

『Add to website』を押すと、ブログに張るためのタグが出てきます。

instagramfeed使い方10

 

以下のタグが出るので、このタグをコピーしてブログに貼り付けましょう。

基本的な使い方は、これでOKです!

instagram feedは、さらに細かくレイアウトや色などの設定することができます。

次に、その細かい設定方法について解説していきます。

instagram feedの設定方法

content

DISPLAY ONLY FROM
ハッシュタグ等でさらに絞り込むことができます。
例:@ハムスター→自分のアカウントの中で『@ハムスター』が付けられた投稿だけを表示

EXCLUDE BY SOURCE
ハッシュタグ等で特定の投稿を除外

NUMBER OF POSTS TO DISPLAY
投稿の枚数の指定

layout

FEED LAYOUT

slider

基本型がsliderで、横にスライドして続きを見ることができます。

instagramfeedslider

 

Grid

Gridは、縦に続きを見るタイプで『lead more』をクリックすると続きが見れます。

instagramfeedGrid

POST TEMPLATE

Classic

Classicは、投稿のテキストなども全て表示するタイプ。

instagramfeedClassic

COLUMNS&ROWS

COLUMNS&ROWSでは、インスタの枚数を指定することができます。
横の枚数が多ければ、投稿は小さくなります。

COLUMNS・・・横の枚数
ROWS・・・縦の枚数

Post Settings

チェックを外すことで、画面のいいね数やコメント数を非表示にできたりします。

COLORS

instagram feedの色を変更できます。

マウスオーバーの色なども変更できるので、お好みでやってみてください。

MORE

FEED TITLE

instagram feedのプラグインの上に表示される文言。

デフォルトだと『Follow us on Instagram』とありますが、この文言を変更したり、消したりすることができます。

FEED LANGUAGE

プラグインをクリックした時に表示される言語。

基本的には、英語か日本語で良いと思います。

さいごに

instagram feedは、簡単にインスタを埋め込むことができるのでおすすめです。

ただ、無料版だと下の方にある『Free Instagram Feed widget』の表示は消すことはできません。

まぁこれくらいの宣伝は仕方ないですね(^^;

instagram feedを使えば、ギャラリーみたいにすることもできるし、作品をいちいちブログで公開しなくてもインスタを更新すれば良いだけなので簡単です。

ぜひ使ってみてくださいね。

トップページに戻る

メールでのお問い合わせはこちら

お問合わせフォームへ

1営業日以内にご連絡致します

Web Farmは全国対応も可能ですが、主な訪問エリアは神奈川県茅ケ崎市・藤沢市・平塚市・その他湘南エリアとなります。あなたからのお問い合わせ心よりお待ちしております。

-SNS集客

Copyright© 湘南茅ヶ崎でホームページ制作・SEO対策なら株式会社自給人 , 2020 All Rights Reserved Powered by AFFINGER5.