インスタグラム・スタンドアロンのセットアップと設定

注:このプラグインのスタンドアロン版の提供は終了しました。すべてのプラグインはWordPressプラグインとしてのみご利用いただけます。

1)Instagramフィードスタンドアロンバージョンを購入すると、購入確認画面が表示され、ライセンスキーとプラグインをダウンロードするためのリンクが表示されます。この情報は、チェックアウトの際に入力したアドレスにもEメールで送信されます。ライセンスキーをメモし、ダウンロードリンクをクリックしてプラグインのzipファイルをダウンロードしてください。

1

 

2)プラグインのzipファイルをダウンロードして解凍すると、以下のようなファイル構成になっています:

スタンドアロンのファイル構造

主なファイルは、example.html- あなたのウェブサイトにフィードを統合する方法の例、multiple.html- 同じページに複数のフィードを表示する方法の例、config.php- あなたのフィードで使用するInstagramアカウントのアクセストークンを入力することができます。

 

3)個々のフィード設定を行うには、まずconfig.phpファイルとexample.htmlファイルを開きます。

テキストエディタでconfig.phpを開くと、以下のようになります:

スタンドアロンconfig.php

テキストエディタでexample.htmlを開くと、次のようになる:

スタンドアロン example.html

 

4)以下のように、アクセス・トークンをconfig.phpファイルの指示された場所に入力します。

アクセストークンを取得するには、このツールを使用します:スタンドアロン・アクセス・トークン・ツール

アクセストークンの入力

以下のように、example.htmlファイルの指示された場所に、一致するユーザー名を入力してください。

ユーザー名を入力

注:example.html設定エリアに入力された "user "設定は、そのアカウントからの投稿を表示するために、config.phpファイルに入力されたAccess Tokenの最初の部分と一致する必要があります。

 

5) example.htmlファイルの全内容をコピーして、ウェブページ、ページエディタ、ウィジェット/モジュール、またはHTMLコードを受け付けるサイトやCMS上の任意の場所に貼り付けます(コメントは除外できます)。

example.htmlのすべての内容

 

6)FTPクライアントを使用して、"instagram-feed "フォルダとプラグインソースファイルに付属するconnect.phpファイルをウェブサーバーにアップロードします。カスタマイズしたconfig.phpファイルも同じディレクトリにアップロードする必要があります。

重要
重要:ページ内のファイルを含むコード内のファイルパスを、サイト上のファイルの場所を反映するように変更してください:

5

config.phpファイルとconnect.phpファイルがinstagram-feedフォルダと同じディレクトリにない場合。example.htmlファイル内のconnect.phpファイルへのパスを手動で設定する必要があります。

 

7)ブラウザでページを表示して、フィードが表示されていることを確認します。以下は、デフォルトのデモページがpumaユーザー名でどのように表示されるかの例です:

スタンドアロン・デフォルト・フィード・スクリーンショット

 

8)フィードオプションオブジェクトにカスタマイズオプションを追加することで、プラグインをカスタマイズできます。利用可能なカスタマイズオプションの完全なリストは、Instagram Feed Standalone Settingsページにあります。

設定例

サポート

ドキュメントに答えが見つからない?

サポート

この記事は役に立ちましたか?