header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します:
  • アプリの表示を変更する
  • アプリの設定をカスタマイズする
  • アプリのテキストとリンクを編集する
  • アプリのレイアウトを変更する
  • アプリのデザインをカスタマイズする

旧 Instagram Feed アプリを設定する

5分
この記事内
  • アプリの表示を変更する
  • アプリの設定をカスタマイズする
  • アプリのテキストとリンクを編集する
  • アプリのレイアウトを変更する
  • アプリのデザインをカスタマイズする
重要:
  • この記事では、旧 Instagram Feed アプリについて説明します。アプリは Wix App Market からダウンロードできなくなりましたが、サイトテンプレートに付属している場合があります。旧アプリをお持ちで、まだ設定していない場合は、以下の手順に従ってアプリを設定してください。
  • 旧バージョンのアプリが不要になった場合は、「旧 Instagram フィードアプリから新 Instagram フィードアプリに切り替える」の記事をお読みください。
Instagram ビジネスアカウントに接続すると、Instagram Feed アプリをカスタマイズできます。アプリの言語を選択したり、デザインとレイアウトを変更したり、ボタンのテキストをカスタマイズしたり、投稿にリンクを追加したりできます。
アプリの UI が表示されたスクリーンショット。

アプリの表示を変更する

Instagram フィードの「設定」パネルの「表示情報」タブで、Instagram アカウントから表示したい情報を選択したり、記事やハッシュタグフィードを表示または非表示にすることができます。
アプリの表示を示したスクリーンショット。
注意:
Instagram ビジネスアカウントを接続して、これらのオプションをカスタマイズします。

表示を変更する方法:

  1. エディタで Instagram Feed アプリを選択します。
  2. 設定」をクリックします。
  3. 表示情報」タブをクリックします。
  4. プロフィール」トグルを有効にして、Instagram フィードに表示するアカウント情報を選択します。
アプリの「表示情報」オプションを示したスクリーンショット。
  1. あなたの投稿」トグルを有効にして、Instagram フィードに投稿を表示します。
  2. ハッシュタグフィード」トグルを有効にして、Instagram フィードにハッシュタグを表示します。
    注意:過去 30日間使用されていないハッシュタグは、ハッシュタグフィードには表示されません。これは Facebook の制限事項です。
  3. 表示するハッシュタグを選択」下でハッシュタグフィードに表示するハッシュタグを検索します。
    注意:7日間で 30件のハッシュタグを検索できます。これは Facebook の制限事項です。

アプリの設定をカスタマイズする

アプリの設定パネルの「設定」タブで、訪問者が Instagram フィードを操作したときの動作をカスタマイズできます。
アプリの言語、訪問者がクリックまたはホバーしたときの投稿の動作、プロフィール情報と投稿が表示される方向を選択します。
アプリの UI にさまざまなアイコンが表示された GIF。

設定をカスタマイズする方法:

  1. エディタ内で Instagram Feed アプリをクリックします。
  2. 設定」をクリックします。
  3. 設定」タブをクリックします。
  4. アプリの表示言語」下でアプリで使用する言語を選択します。
アプリの「設定」オプションが表示されたスクリーンショット。
  1. 投稿をクリックした時」下で訪問者が投稿をクリックした際の動作を選択します。
    • 全画面表示:投稿をクリックすると全画面表示になります。
    • Instagram で開く:投稿をクリックすると、Instagram の新しいタブで開きます。
    • リンクしない:投稿をクリックしてもアクションはトリガーされません。
  2. 投稿のホバーを有効化」トグルをクリックして、訪問者が投稿にマウスオーバーしたときにキャプション、コメント、いいね!を表示するか非表示にするかを選択します。
  3. アプリの方向」下で訪問者に投稿が表示される方向を選択します。

アプリに表示するテキストを選択し、アプリの設定パネルの「テキスト」タブで Instagram 投稿へのリンクを追加できます。

テキストとリンクを編集する方法:

  1. エディタ内で Instagram Feed アプリをクリックします。
  2. 設定」をクリックします。
  3. テキスト」タブをクリックします。
  4. ギャラリー名下にハッシュタグを表示するか、カスタムタイトルを表示するか、タイトルを表示しないかを選択します。
    注意:このオプションは、Instagram ビジネスアカウントを接続した場合にのみ使用できます。
  5. 「フォロー」ボタンのテキスト」下で訪問者がアカウントをフォローするためのボタンのテキストを編集します。
    注意:このオプションは、Instagram ビジネスアカウントを接続した場合にのみ使用できます。
更新するオプションが表示されたスクリーンショット。
  1. 「さらに読み込む」ボタンのテキスト」下で訪問者がより多くの記事を読み込むためのボタンのテキストを編集します。
  2. リンク」タブをクリックします。
  3. カスタムリンクを追加」をクリックして、Instagram 投稿にリンクを追加します。サイトのページ、Wix ストアの商品、またはその他のウェブサイトのページにリンクを追加することができます。

アプリのレイアウトを変更する

Instagram フィードのレイアウトは、アプリの「設定」パネルの「レイアウト」タブでカスタマイズできます。プロフィール情報、投稿、ハッシュタグフィードに異なる設定を選択できます。
注意:
プロフィール情報とハッシュタグフィードオプションは、Instagram ビジネスアカウントを接続した場合にのみ使用できます。 Instagram 個人アカウントを接続している場合は、投稿をカスタマイズするオプションのみが表示されます。

レイアウトを変更する方法:

  1. エディタ内で Instagram Feed アプリをクリックします。
  2. 設定」をクリックします。
  3. レイアウト」タブをクリックします。
  4. プロフィール」をクリックします。
  5. プロフィール写真のレイアウト、形、サイズをカスタマイズします。
  6. 戻る」をクリックします。
  7. あなたの投稿」をクリックします。
  8. 投稿のレイアウト、サイズ、間隔、余白を選択します。
  9. 「さらに読み込む」ボタン」下で訪問者に過去の投稿を表示するかどうかを選択します。
  10. 戻る」をクリックします。
  11. ハッシュタグフィード」をクリックします。
  12. ハッシュタグフィードのレイアウト、間隔、余白を選択します。
ヒント:
プロフィール」タブ、「あなたの投稿」タブ、または「ハッシュタグフィード」タブの下部にある「元のデザインに戻す」をクリックして、デフォルトのデザインに戻します。

アプリのデザインをカスタマイズする

Instagram フィードアプリのデザインは、アプリの「設定」パネルの「デザイン」タブでカスタマイズできます。投稿、テキスト、ボタン、アプリの背景、個々の投稿の拡大表示に対して異なる設定を選択できます。

アプリのデザインをカスタマイズする方法:

  1. エディタ内で Instagram Feed アプリをクリックします。
  2. 設定」をクリックします。
  3. デザイン」タブをクリックします。
  4. 投稿」をクリックします。
  5. オーバーレイとテキストの不透明度と色をカスタマイズし、表示する情報を選択し、投稿のホバーエフェクトを選択します。
  6. 戻る」をクリックします。
  7. テキスト」をクリックします。注意:このオプションは、Instagram ビジネスアカウントに接続している場合にのみ使用できます。
  8. プロフィール情報とハッシュタグフィードのテキストフォントと色をカスタマイズします。
アプリのデザインを設定しているスクリーンショット。
  1. 戻る」をクリックします。
  2. ボタン」をクリックします。
  3. ボタンのフォント、色、デザインをカスタマイズします。
  4. 戻る」をクリックします。
  5. 背景」をクリックします。
  6. Instagram フィードアプリ、プロフィール、投稿、ハッシュタグの不透明度と色をカスタマイズします。
  7. 戻る」をクリックします。
  8. 拡大表示をカスタマイズ」をクリックします。
  9. 拡大表示での Instagram フィード投稿の表示方法をカスタマイズします。
  10. 完了」をクリックします。

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
この記事の概要
Unlock personalized helpLog in to get the most out of Helpmate.