Jetpackでinstagramと連携する方法

Instagram 連携 ブログ

今回はjetpackというワードプレスプラグインを利用しインスタ(instagram)と 連携する方法を紹介します。

間違いがないように言っておきますがJetpackはInstagramと連携してもワードプレスの記事を更新した際に自動投稿は出来ないようです。

Jetpackとinstagramを連携して出来る事を簡単に説明すると

ワードプレスブログ側へInstagramのウィジェットを表示できる

ということです。

ウィジェットとはワードプレスのサイドバーなどにInstagramの投稿情報を表示させたりする機能の事です。

これだけと思うかもしれませんが
実はJetpackは豊富な高機能が揃っています。

例えばJetpackをインストールし設定することで以下の機能などを使えます。

  • サイトのアクセス数表示
  • 短縮URLの発行
  • Googleアナリティクスとの連携
  • サイトマップ発行
  • サイト速度の向上
  • 複数SNSとの連携
  • ブログ記事の更新した際、Twitter、Facebookへの自動投稿
  • 豊富なウィジェット機能

特におすすめなのがTwitterとの連携です。

Twitterと連携させることで
ブログ記事を更新した際に
Twitterへの自動投稿設定が出来ます。

詳しくはこちらの記事にまとめてあります。

Twitter(SNS)とワードプレスを連携し自動投稿する簡単な方法

では、まずはJetpackをワードプレスへ導入する方法から見ていきましょう。

Instagram連携プラグインJetpackをインストール・初期設定方法

ワードプレスの管理画面ダッシュボードを開いてください。

左側の「プラグイン」をクリックします。

右上のプラグイン検索に「Jetpack」と打ち込みましょう。

するとJetpackが表示されるので
今すぐインストール」をクリックします。

次に「有効化」というマークが出てくるのでクリックします。

有効化すると真ん中に「Jetpackを設定」が出てくるのでクリックします。

次にワードプレスアカウントとの承認を求められます。

「承認」をクリックします。

承認するとJetpackのサイトへ飛びますので、スクロールして下部のStart for freeをクリックします。

これでJetpackをインストールと初期設定は終わりです。

JetpackとInstagramを連携する方法

次にJetpackとInstagramを連携する設定を紹介します。

Jetpackをインストールし初期設定が終わったらワードプレスダッシュボードの左上に「Jetpack」が表示されています。

Instagramと連携する手順は

  1. 「Jetpack」をクリック
  2. 右上の「設定」をクリック
  3. 「共有」をクリック
  4. 「投稿をソーシャルネットワークに自動共有」をオン
  5. 「ソーシャルメディアアカウントを接続する」をクリック

まずはこの手順で進めてください。

「ソーシャルメディアアカウントを接続する」をクリックしたらSNS等に連携できる画面に飛ぶのでInstagram欄の「連携」をクリックします。

Jetpack instagram 連携

インスタのログイン画面が出てくるので
ユーザーネームとパスワードを入力します。

入力したら「ログイン」をクリックしてください。

Jetpack instagram 連携

後は手順に従って進め、プロフィール情報メディアのチェック項目を確認し「許可する」をクリック

メディアについては任意なので外すことも出来ます。

Jetpack instagram 連携

これでJetpackでのInstagramの連携は完了です。

Jetpack instagram 連携

JetpackとInstagramを連携しウィジェットを表示する方法

JetpackとInstagramを連携させたら
いよいよワードプレス内へウィジェットを表示させていきましょう。

手順を説明します。

まずJetpackの「執筆」をクリックします。

そしてスクロールすると
「ウィジェット」という項目があるので
項目内のこの2つをオンにします。

  • 購読フォームや Twitter ストリームなどの追加ウィジェットがサイトで使用可能に
  • ウィジェット表示のコントロール機能を有効化して、特定の投稿やページだけにウィジェットを表示させる

次にワードプレスダッシュボードに戻ります。

①外観をクリック

②ウィジェットをクリック

(Jetpack)と表示されたものが今回の設定で反映されたものです。

Instagramウィジェットをブログのサイドバーへ表示

Instagramウィジェットをブログのサイドバーへ表示させたい場合は

「Instagram(Jetpack)」の右側の▼をクリック

「サイドバー」をクリックし選択

「ウィジェットを追加」をクリック

これで反映されます。

*「サイドバー」以外を選べば他の場所へ表示させることも可能です。

Instagramウィジェットを表示させるドラックアンドドロップ方法

Instagramウィジェットを表示させるのは
ドラックアンドドロップでも可能です。


①「Instagram(Jetpack)」をクリックで掴みます。

②サイドバー項目の中にドロップします。

これで終わりです。

JetpackとInstagramを連携解除する方法

JetpackとInstagramの連携解除するには

  1. ワードプレスダッシュボードへアクセス
  2. 右上の「Jetpack」をクリック
  3. 「設定」をクリック
  4. 「共有」をクリック
  5. 「ソーシャルメディアアカウントを接続する」をクリック
  6. インスタ連携項目の「連携を解除」ボタンをクリック

この手順で簡単に解除が出来ます。

Jetpack instagram 連携解除

また連携させたい場合も連携をクリックすることで簡単に連携できます。

WordPress記事をInstagramへ自動投稿する方法

WordPressで作成した記事更新をInstagramへ自動投稿する無料のプラグインは、こちらの記事で導入方法、設定方法、投稿テンプレート設定をまとめてあります。

wordpressでinstagramへ自動投稿する無料プラグイン

コメント

タイトルとURLをコピーしました