Wix ヘルプセンター
    ホーム
  1. サイトの作成
  2. 高度な機能
  3. CMS
  4. 動的ページと CMS の操作
    5. CMS：動的ページにリンクする

CMS：動的ページにリンクする

読了時間：20分
サイト上の要素を動的ページにリンクする方法はいくつかあります。リンク設定のプロセスは、リンクしたい要素の種類と、リンクしたい動的ページの種類によって異なります。
この記事では、下記の項目について説明します：

テキストを動的ページにハイパーリンクする

テキスト要素内の特定の単語をクリック可能にして、訪問者を動的ページに誘導することができます。ハイパーリンクを追加するテキストをハイライトしたら、テキストのリンク先の動的ページを選択します。動的アイテムページの特定のアイテムや、セクションやアンカーにリンクすることもできます。
Wix エディタ
Editor X
Wix Studio エディタ
  1. エディタにアクセスします。
  2. 該当するテキストパーツをクリックし、「テキストを編集」をクリックします。
  3. リンクしたい特定のテキストをハイライトします。
  4. リンクアイコン  をクリックします。
  5. 「ページを選択：」ドロップダウンをクリックし、「動的ページ」下で該当するページを選択します。
    ヒント：エディタでは、動的リストページには {Collection name} (List)、動的アイテムページには {Collection name} (Item) という名前が付けられます。
  6. （動的アイテムページのみ）「アイテムを選択」ドロップダウンをクリックし、リンク先のアイテムを選択します。
  7. 「完了」をクリックします。
ヒント：
動的ページのセクションまたはアンカーにリンクするには、上記の手順 4 の後、「セクションまたはアンカー」を選択します。次に、手順 5〜6 に従って、「ページの位置」ドロップダウンからセクションまたはアンカーを選択します。

静的ボタンと画像を動的ページにリンクする

通常のリンクオプションを使用して、静的画像やボタンを動的ページにリンクすることができます。
Wix エディタ
Editor X
Wix Studio エディタ
  1. エディタにアクセスします。
  2. リンクしたいボタンまたは画像をクリックします。
  3. リンクアイコン  をクリックします。
  4. 「ページを選択：」ドロップダウンをクリックし、「動的ページ」下で該当するページを選択します。
    ヒント：エディタでは、動的リストページには {Collection name} (List)、動的アイテムページには {Collection name} (Item) という名前が付けられます。
  5. （動的アイテムページのみ）「アイテムを選択」ドロップダウンをクリックし、リンク先のアイテムを選択します。
  6. 「完了」をクリックします。
ヒント：
動的ページのセクションまたはアンカーにリンクするには、上記の手順 3 の後、「セクションまたはアンカー」を選択します。次に、手順 4〜5 に従って、「ページの位置」ドロップダウンからセクションまたはアンカーを選択します。
動的ボタンと画像をリンクする必要がある場合：
動的ボタンと画像を関連するデータセットに接続し、「クリック時の動作を選択」または「リンクの接続先」ドロップダウンから該当する動的ページを選択します。

サイトメニューを動的ページにリンクする

動的ページ、動的アイテムページの特定のアイテム、特定のセクションとアンカーに移動するリンクをサイトメニューに作成します。
Wix エディタ
Editor X
Wix Studio エディタ
  1. エディタにアクセスします。
  2. サイトメニューをクリックし、「メニューを管理」をクリックします。
  3. 使用しているメニューの種類に応じて、以下の手順に従ってください：
    • （通常のサイトメニューの場合）：「メニューアイテムを追加」アイコン  をクリックします。
    • （高度なメニュー）：「＋メニューアイテムを追加」をクリックし、「動的ページ」を選択します。
  4. 「ページを選択：」ドロップダウンをクリックし、「動的ページ」下で該当するページを選択します。
    ヒント：エディタでは、動的リストページには {Collection name} (List)、動的アイテムページには {Collection name} (Item) という名前が付けられます。
  5. （動的アイテムページのみ）「アイテムを選択」ドロップダウンをクリックし、リンク先のアイテムを選択します。
  6. 「完了」をクリックします。
ヒント：
動的ページのセクションまたはアンカーにリンクするには、上記の手順 3 の後、「セクションまたはアンカー」を選択します。次に、手順 4〜5 に従って、「ページの位置」ドロップダウンからセクションまたはアンカーを選択します。

リピーター、ギャラリー、テーブルを動的アイテムページにリンクする

CMS に接続することで、リピーター、プロギャラリー、またはテーブルに複数のコレクションアイテムを表示できます。これらのアイテムを動的アイテムページのバージョンにリンクするプロセスは、リンクする要素の種類によって異なります。

リピーターでは、ボタンや画像を動的アイテムページにリンクできます。プロギャラリーを動的アイテムページにリンクし、画像がクリックされたときにリンクを開くか、拡大モードから開くかを選択できます。テーブルでは、任意の列をリンクして、アイテムをクリックすると動的アイテムページに移動することができます。
Wix エディタ
Editor X
Wix Studio エディタ
  1. エディタにアクセスします。
  2. 動的アイテムページにリンクするリピーター、プロギャラリー、またはテーブルをクリックします。
  3. 「CMS に接続」アイコン  をクリックします。
  4. 「データセットを選択」ドロップダウンをクリックし、コレクションに接続されている既存のデータセットを選択します。または、「新しいデータセットを作成」をクリックし、接続するコレクションを選択します。
  1. リピーター、プロギャラリー、またはテーブルを動的アイテムページにリンクします：

ナビゲーションボタンを動的ページにリンクする

クリックすることで、訪問者を動的アイテムページ内の次または前のアイテムに誘導するナビゲーションボタンを作成します。コレクションの動的リストページにリンクするボタンを作成することもできます。

読み込まれる次または前のアイテムは、データセットのフィルターと並べ替え条件によって決まります。コントロールアイテムの表示設定を利用している場合、非表示アイテムがデータセットによって読み取られないため、動的アイテムページは読み込まれません。
Wix エディタ
Editor X
Wix Studio エディタ
  1. エディタで、ボタンまたは画像を次または前の動的ページにリンクさせたい動的アイテムページに移動します。
  2. 該当するボタンまたは画像をクリックします。
  3. 「CMS に接続」アイコン  をクリックします。
  4. 「データセットを選択」ドロップダウンをクリックし、コレクションに接続する既存のデータセットを選択します。
  5. 「クリック時の動作を選択」ドロップダウンまたは「リンクの接続先」ドロップダウンをクリックし、該当するオプションを選択します：
    • 次の動的ページ：データセットによって返された次の動的アイテムページに移動します。
    • 前の動的ページ：データセットから返された前の動的アイテムページに移動します。
    • {コレクション名}(List)：コレクションの動的リストページに戻ります。
  6. （ボタンの場合はオプション）「ラベルの接続先」ドロップダウンをクリックし、次または前の動的アイテムページに応じて変化する動的テキストとして使用するフィールドを選択します。
    ヒント：または、ボタンをクリックし、「テキストを変更」を選択して、ボタンに静的テキストを使用することもできます。

よくある質問

動的ページへのリンクに関するよくある質問への回答については、以下をクリックしてください。

お役に立ちましたか？

|

この記事では下記を説明します：

  • テキストを動的ページにハイパーリンクする
  • 静的ボタンと画像を動的ページにリンクする
  • サイトメニューを動的ページにリンクする
  • リピーター、ギャラリー、テーブルを動的アイテムページにリンクする
  • ナビゲーションボタンを動的ページにリンクする
  • よくある質問