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

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

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

テキスト要素内の特定の単語をクリック可能にして、訪問者を動的ページに誘導することができます。ハイパーリンクを追加するテキストをハイライトしたら、テキストのリンク先の動的ページを選択します。動的アイテムページの特定のアイテムや、セクションやアンカーにリンクすることもできます。
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. リンク先ページの表示方法」下でリンクを開く方法(「現在のウィンドウで開く」または「新しいタブで開く」)を選択します。
  7. (ボタンの場合はオプション)「ラベルの接続先」ドロップダウンをクリックし、次または前の動的アイテムページに応じて変化する動的テキストとして使用するフィールドを選択します。
    ヒント:または、ボタンをクリックし、「テキストを変更」を選択して、ボタンに静的テキストを使用することもできます。

よくある質問

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

お役に立ちましたか?

|