ソーシャルメディア2016.07.01InstagramをWordPressと連携する方法SNSの連携はもはやファンブログや企業サイトでも欠かせないツールとなっています。有名なSNSの中には、Facebook、Twitter、Instagramがあります。その中でも特にInstagramは世界で5億人、国内でも1000万人を越え、特に20代の女性を中心に勢いを増しているSNSです。弊社への問い合わせでも「Instagramとの連携はできますか?」などの問い合わせが増えて来ており、今回はInstagramを固定ページや投稿で利用する方法を紹介したいと思います。Instagramとは?Instagramとは、一言で言うと写真共有SNSです。撮影した写真に様々なフィルターをかけて写真を簡単におしゃれに編集することができます。素敵な写真をアップし、その写真を基にして他のユーザーと繋がることができます。今ではInstagram公式の関連アプリも出ており、画像の加工や予約投稿がスムーズになりました。instagramhttps://www.instagram.com/Instagramのワードプレスへの投稿方法それではワードプレスへの投稿方法について解説していきます。今回の投稿用に新しくインスタグラムアカウントを作成し、事前にテーマの画像を数点投稿しておきました。InstagramとWordpressを連携するには、下記の方法がありますが、今回は特に直接共有する方法と、共有サイトを活用する方法について詳しく解説していきます。共有する方法Instagramへの投稿はスマホアプリからしかできませんが、Wordpressへの投稿はPCサイトからしか行う事ができません。そこで、まずはInstagramのPCサイトへログインしてください。https://www.instagram.com/ログインすると下記のような画面が表示されます。サイトに画像埋め込むには、埋め込みたい画像をクリックします。埋め込みたい画像を表示したら、画面右下の「...」というところをクリックしてください。すると埋め込みのポップアップが表示されますので、そのままクリックします。コードが表示されますので「埋め込みコードをコピー」をクリックします。後は、コピーしたコードをペーストで投稿ページや固定ページなどの好きなところに張り付ければOKです。ページに貼付けるとこの様に表示されます。上記の方法が一番簡単に埋め込みを行うことができますが、一つ一つの記事に対して毎回埋め込みの設定する必要があり手間がかかります。「SnapWidget」というサービスを利用します。https://snapwidget.com/SnapWidgetの使い方SnapWidgetの使い方を解説していきます。SnapWidgetの無料登録を行って下さい。登録を終えると、下記のようなページが表示されます。ここで表示したいパターンを選びます。種類としては、GRID、MAP、SLIDESHOW、SCROLLING、BOARDなどがあります。WIDGET」を選択してください。WIDGET」を選択すると各表示方法によって細かい設定画面が出てきます。表示デザインによって異なりますが、基本的な入力項目は下記の様になっています。・ユーザーネーム:表示させたいinstagramアカウントのユーザーネームを入力。・サムネイルサイズ:表示させる画像のサイズを指定。・レイアウト:行と列の数を入力。・フォトボーダー:画像に枠線を付けるかどうかを選択。・フォトパディング:画像間の余白を入力。・ホバーエフェクト:画像にカーソルを合わせた時の効果を選択。・レスポンシブ:スマホに対応したサイズ調整を選択。WIDGET」を選択してください。すると下記のようにコードが生成されますのでそれをコピーしてください。コピーしたコードをサイトに貼付けたら、WordpressでのInstagramの表示が可能になります。今までは、プラグインを使用せずに設置する方法を解説してきましたが、もちろんプラグインもあります。おすすめの二つのプラグインを紹介させてもらいます。Feedhttps://wordpress.org/plugins/instagram-feed/簡単にインスタグラムのフィードを表示してくれるプラグインです。レスポンシブにも対応しており、カスタマイズできる項目も多く、ショートコードを使用するのでウィジェットにも設置が可能です。こちらのサイトに詳しい解説が紹介されています。WordPress」からプラグイン名が変更になりました。こちらのプラグインは、instagramに投稿した写真をワードプレスに記事として投稿してくれるワードプレスのプラグインです。アイキャッチなどが設定できるのもこのプラグインの特徴です。こちらのサイトに詳しい解説が紹介されています。猫の集会.comその他の方法その他の方法としてInstagramのAPIを活用する方法がございます。こちらは制作者向けの方法で、今回は詳しくは解説いたしませんが、例えばInstagramキャンペーンなどで、ユーザーに特定のハッシュタグをつけて投稿してもらい、それを自動でアップするといったことをやりたい場合はこちらを使用する必要があるかと思います。詳しい解説はLIG様の記事がございましたので紹介させていただきます。inc.まとめ以上でInstagramをWordpressと連携する方法の解説を終了します。Instagramは画像が中心となるSNSであり、その画像の良さが評価されていきます。アップする画像には統一感があることが大事です。いった便利なサービスを活用し、サイトのファンを増やしていきましょう。...2020.02.11ワードやエクセルの表をテーブルタグに変換する便利なツール・ジェネレータ集2020.02.10上質な癒しを感覚レベルで訴えかける。Macでzip圧縮する時に注意しておきたいこと。2019.12.28【初心者向け】Gitとは何なのか。基本用語やその仕組みをまとめています。2019.12.27WEBマーケティングより広義のデジタルマーケティングについて基本から考える2019.09.18今更聞けない?Webサイトのアクセス解析やマーケティングにおいて知っておくべき基本用語2019.09.17読み手の心を動かすコピーライターの仕事とは?ライティングやコピーの基本要素を知ろう2019.07.21国内有力ウェブメディア17サイトの記事更新頻度を調査してみた。No.1】人はコンテンツのどこをどう評価するのか。コンテンツマーケティングに関する重要な話2019.07.01スクリーンショットの撮り方でここまで変わる!かっこいい記事にする為の10のテクニック2019.04.07強烈なインパクトでユーザーの視線を鷲掴みにするWordPressテーマ【MAXX】のトップページについて2017.01.26ファーストビューで動画を使うと見る側にどう伝わっているかという考察記事2019.12.15プロ級の会員制サイト運営をあなたの手に。No.1】人はコンテンツのどこをどう評価するのか。