Galleryは、Instagramに投稿された画像や動画をWordPressサイト上に表示させるWordPressプラグインです。Galleryプラグインの利用方法について説明します。利用し、Instagramから投稿情報を取得して、WordPress上に表示します。APIの利用のためには、Instagramアカウントが必要です。APIの一部になりますので、Facebookアプリの設定が必要となります。Instagram、Facebookのアカウント作成まずは、通常通りInstagramとFacebookのアカウントをご準備ください。ご利用されている場合は、次の手順にお進みください。利用のために、ビジネスアカウント、もしくはクリエイターアカウントが必要となります。Instagramの通常のアカウントをご利用の場合、下記の手順で、プロアカウント(ビジネスまたはクリエイター)の設定を行ってください。APIの利用のためには、InstagramアカウントをFacebookページとリンクさせる必要があります。Facebookでページを作成し、Instagramアカウントとのリンクを設定してください。作成したFacebookページの「ページID」を確認し、メモしてください。後ほどプラグインの設定画面で使用します。サイトにログインし、Facebookアプリを作成してください。secret」を確認し、メモしてください。後ほどプラグインの設定画面で使用します。APIへのアクセスに必要なアクセストークンの取得を行います。Facebookアプリで先ほど作成したアプリ名を選び、ユーザーまたはページで「ユーザートークン」を選んでください。「許可を追加」から、以下の6つのオプションを追加します。Token」をクリックし、「アクセストークン」を取得して、メモしてください。以上でプラグイン使用前の準備は完了です。メモした下記4つの項目を、次のWordPress管理画面での設定時に使用します。secret・ページID・アクセストークンなお、上記の手順で取得したアクセストークンは、有効期限が2時間となっています。Token」をクリックして、再度アクセストークンを取得してください。(※1)を利用しており、旧APIの廃止以降もご利用いただくことができます。https://developers.facebook.com/docs/instagramプラグインの利用方法プラグインをご購入いただくとzipファイルにてダウンロード頂けます。ダウンロードしたzipファイルは以下の構成となっております(バージョンにより多少違いがございます)。————-wp-instagram-gallery|-assets|-classes|-inc|-languages|-wp-instagram-gallery.php————-同プラグインはWordPressのプラグインであり、下記の動作環境にてご利用いただけます。非対応です導入手順ここからは、実際にプラグインを有効化して使用するための設定手順について説明していきます。簡単に流れを説明すると次のようになります。Galleryプラグインのアップロードプラグインのアップロード同プラグインをご購入いただくとzipファイルでダウンロードが行えますので、zipファイルのままプラグインのアップロードを行います。WordPress管理画面のプラグイン>新規追加>プラグインアップロードよりダウンロードしましたzipファイルのアップロードを行ってください。ダウンロードしたzipファイルを解凍して、FTPクライアントソフト等でアップロードを行った場合、不具合が生じる可能性がございます。ファイルのパーミッションを、管理画面よりインストールした時と同様に設定を行ってください。Galleryプラグインの有効化プラグインの有効化ファイルをアップロード後、「今すぐインストール」ボタンを押下し、インストールに成功するとプラグインを有効化することが出来ます。図の画面が表示されましたらそのまま「プラグインを有効化」を行ってください。Gallery」の項目が追加されますのでご確認ください。secret」「ページID」「アクセストークン」を入力してください。変更を保存すると、下記のメッセージが表示されます。Facebookアプリ設定は設定済みとなっています。Instagramギャラリーウィジェットを正しく設定しても表示ができない場合のみ、こちらの設定を変更してください。上記メッセージが表示されたら、Facebookアプリ設定は完了です。これ以降は、Facebookアプリを変更する場合など、特別な場合以外は設定を変更する必要はありません。取得後2時間までとなっています。取得から2時間を経過したアクセストークンを使用して「変更を保存」してしまうと、エラーとなってしまい、Instagramの投稿を表示できなくなってしまいますので、必要なとき以外は「変更を保存」を行わないでください。本プラグインは、Instagramから取得したデータを一定時間WordPressサーバー上にキャッシュします。ここでキャッシュを行うのは、Instagramの投稿に付けられたキャプションや、画像/動画のURLのみで、画像ファイルや動画ファイルそのものはキャッシュを行いません。レート制限があり、1ユーザーにつき1時間200回のAPI呼び出しまでとなっています。(2020/2/13現在)それを超えると、APIへのアクセスがエラーとなり、Instagramの投稿が表示できなくなります。本プラグインでは、Instagramの投稿表示のために毎回APIの呼び出しを行うのではなく、一定時間WordPress側でキャッシュすることで、APIへのアクセス回数を減らしています。WordPressのキャッシュから表示する場合、APIにアクセスするよりも高速に表示することが可能です。このキャッシュ時間は、プラグインの初期設定で1時間(3600秒)となっています。ウィジェット」にて、「Instagramギャラリー」ウィジェットが使用可能となっています。Instagramの投稿を表示したい箇所に、「Instagramギャラリー」ウィジェットをドラッグ&ドロップで設置し、以下の各項目を設定して下さい。(Instagramソース)表示させたいInstagramのユーザー名、またはハッシュタグを設定してください。ユーザー名を指定する場合は「@xxxxx」のように先頭に「@」を付けて、ハッシュタグの場合は「#○○○」のように先頭に「#」を付けてください。設定されている管理者ご本人のInstagramアカウント(FacebookページとリンクさせたInstagramアカウント)の投稿を表示される場合は、この欄を空欄にしてください。APIの制約で、ユーザー名を指定する場合、そのユーザーのInstagramアカウントもビジネスアカウント、またはクリエイターアカウントである必要があります。ビジネスアカウント/クリエイターアカウント以外のユーザーの投稿は取得できない仕様となっています。取得するInstagramアカウントに年齢制限が設定されている場合、投稿を取得することができないという制限があります。取得する投稿の件数は、ユーザー名指定の場合最大100件、ハッシュタグ指定の場合最大50件です。(列数)(行数)Instagramの投稿を表示する際、ここで設定した列数、行数に従ってタイル状に並べられます。これを超える件数の投稿がある場合は、横方向のスライダーとして表示されます。(間隔)Instagram投稿の画像や動画を表示する際、ここで設定した間隔を空けて表示されます。なり、間隔なしで表示されます。「Instagramギャラリー」ウィジェットを設置したページを開き、設定したユーザー/ハッシュタグのInstagram投稿が表示されていることを確認してください。空欄にし、管理者ご本人のInstagramアカウントの投稿が表示できるか確認してください。管理者ご本人の投稿が表示できる場合、Instagramソースに指定したユーザーの情報がAPIの制約で取得できていない可能性が高いため、別のユーザー名やハッシュタグを指定することをご検討ください。タイル状に表示されたInstagramの画像/動画をクリックするとポップアップが開き、画像や動画が大きく表示され、その下にキャプションが表示されます。画像や動画をクリックすると、Instagramのその投稿のページが開きます。動画はミュート状態で再生されますが、動画中の右下にあるアイコンをクリックすると、音が出ます。ボリュームはPC等の音量で調節してください。カルーセル形式の投稿は、ポップアップ中では横方向のスライダーとして表示されます。ポップアップの外側をクリックすると、ポップアップが閉じます。これらの関数が使われていないテーマをご利用の場合は、テーマのヘッダーとフッターに、下記のコードを追加していただくことで、動作させることが可能です。前に下記を追加してください。前に下記を追加してください。お問い合わせお見積は無料ですので、まずはお気軽にお問い合わせください。