はじめる #

の インスタグラムウィジェット 最新の情報を表示できます インスタグラム WordPress サイトに投稿します。すべての方法を詳細に説明する包括的な記事は次のとおりです。段階的なプロセスに従って Instagram フィードに接続します。

インスタグラムを生成する ユーザーIDと アクセストークン #

InstagramのユーザーIDとアクセストークンを生成する方法は次のとおりです。

To display your Instagram feed using the ElementsKit Instagram Feed widget, you need to create a Meta app on Facebook Developers and generate an access token linked to your Instagram account. Follow the step-by-step process below.

Step 1: Access Meta for Developers and Open My Apps #

Log in to your Facebook account and go to Meta for Developers. From the top-right corner of the page, click on My Apps to open your apps dashboard.

Step 2: Create a New App #

Inside the My Apps dashboard, click the アプリの作成 button on the top right of the screen. This opens the app creation flow.

A popup will appear titled “There’s a new way to create apps with Meta” – explaining Meta’s updated app creation system. Click the Create app button on the popup to continue with the new flow.

Step 3: Enter App Details #

You’ll now be on the App details step. Enter your アプリ名 – this is the name that will show on your My Apps page – and your App contact email – the email Meta will use to reach you about your app.

Once both fields are filled in, click the 次 ボタン。

Step 4: Add Use Cases #

で ユースケース step, you need to specify what your app will do. In the “Filter by” section on the left, click on Business messaging.

From the list on the right, select Manage messaging & content on Instagram. This is the use case required to display Instagram feed content. A blue checkmark will appear on the selected use case.

クリック 次 button to proceed.

Step 5: Select Business Portfolio #

で 仕事 step, Meta will ask “Which business portfolio do you want to connect to this app?”

If you don’t have a business portfolio yet, select I don’t want to connect a business portfolio yet, you can always add one later if needed.

クリック 次 ボタン。

Step 6: Review Requirements #

で 要件 step, Meta will show you the publishing requirements you need to complete to get and maintain access to user and business data.

If your app is new and hasn’t been submitted for review yet, you’ll see the message: “No requirements identified. This may change if you add more to this app.”

クリック 次 ボタン。

Step 7: Review Overview and Create App #

On the final 概要 step, review all the details you’ve entered — App Name, App Email, Use Cases, Business, and Requirements.

If everything looks correct, click the Create app button at the bottom right to finalize creating your app.

Step 8: Customize the Instagram Use Case #

After the app is created, you’ll be taken to the app dashboard. Under App customization and requirements, click on Customize the Manage messaging & content on Instagram use case.

Step 9: Add an Instagram Tester Account #

Before generating the access token, you need to add the Instagram account you want to use as a tester.

From the left sidebar, click App roles → Roles. In the App Roles page, click the Add People button on the top right.

In the popup, from the Additional roles for this app section, select Instagram Tester. Then enter the username of the Instagram account you want to add in the search field at the bottom.

クリック 追加 ボタン。

Step 10: Accept the Tester Invitation from Instagram #

The invitation you just sent needs to be accepted from the Instagram side.

Log in to the Instagram account you added. Go to your profile 設定, then click on Website Permissions → Apps and Websites. Find the invitation from your Meta app under Tester Invites そしてクリックしてください Accept.

Once accepted, return to your Meta app dashboard. The Instagram account will now appear with the Instagram Tester role in your App Roles page.

Step 11: Generate the Access Token #

Now go back to the Instagram use case customization page. Under section 2. Generate access tokens, you’ll see your added Instagram account listed.

クリック Generate token button next to your Instagram account.

A popup will appear stating “Tokens can only be generated for public Instagram accounts.” Make sure your Instagram account is set to a Professional (Business or Creator) account and is public. Click 続く.

You’ll be prompted to log in to your Instagram account and grant permissions. Click 許可する to authorize the app.

Once approved, your アクセストークン will be generated. Click コピー to copy the token to your clipboard.

Your Instagram Access Token is now ready. Hit the 終わり button to clear the popup.

Proceed to the next section: Adding Instagram Access Tokens to ElementsKit, to paste it into the widget and start displaying your Instagram feed on your WordPress site. We’re going to show the process in the next phase.

Adding Instagram Access Tokens to ElementsKit #

必要になります。 ユーザーIDと アクセストークン Instagram に接続します。

• ステップ=>1: に行く エレメントキット=> ユーザーデータ=> をクリックしてください。 Instagramユーザーデータ 展開するには -> をクリックします アクセストークンの取得.

• ステップ=>2: Instagramアカウントを入力してください 資格 そしてクリックしてください ログイン。または、次の方法でログインできます。 Facebookのアカウント。 許可を求められたら、「許可」をクリックします。

• ステップ=>3: あなたのインスタグラムはこちらです ユーザーID, 長寿命トークン、トークンの有効期限が切れ、トークンが生成される. コピー 彼ら。

• ステップ=>4: 次に、に行きます Instagramユーザーデータ そして ペースト の ユーザーID、Lo有効なトークン、トークンの有効期限、およびトークン生成された値。

注: トークンの有効期限が切れる前にデータを同期する必要があります。

• データの同期に関して問題が発生した場合は、[キャッシュのクリア] をクリックしてください。

• ステップ=>5: に行く エレメンター=> 検索 インスタグラムフィード=> ただ フィールドをドラッグ アンド ドロップします.

• Instagram フィード ウィジェットで Instagram の投稿を確認できるようになりました.