CMS:動的ページにリンクする
読了時間:21分
サイト上の要素を動的ページにリンクする方法はいくつかあります。リンク設定のプロセスは、リンクしたい要素の種類と、リンクしたい動的ページの種類によって異なります。
この記事では、下記の項目について説明します:
テキストを動的ページにハイパーリンクする
テキスト要素内の特定の単語をクリック可能にして、訪問者を動的ページに誘導することができます。ハイパーリンクを追加するテキストをハイライトしたら、テキストのリンク先の動的ページを選択します。動的アイテムページの特定のアイテムや、セクションやアンカーにリンクすることもできます。
Wix エディタ
Editor X
Wix Studio エディタ
- エディタにアクセスします。
- 該当するテキストパーツをクリックし、「テキストを編集」をクリックします。
- リンクしたい特定のテキストをハイライトします。
- 「リンク」アイコン をクリックします。
- 「ページを選択:」ドロップダウンをクリックし、「動的ページ」下で該当するページを選択します。
ヒント:エディタでは、動的リストページには {Collection name} (List)、動的アイテムページには {Collection name} (Item) という名前が付けられます。 - (動的アイテムページのみ)「アイテムを選択」ドロップダウンをクリックし、リンク先のアイテムを選択します。
- 「完了」をクリックします。
ヒント:
動的ページのセクションまたはアンカーにリンクするには、上記の手順 4 の後、「セクションまたはアンカー」を選択します。次に、手順 5〜6 に従って、「ページの位置」ドロップダウンからセクションまたはアンカーを選択します。
静的ボタンと画像を動的ページにリンクする
通常のリンクオプションを使用して、静的画像やボタンを動的ページにリンクすることができます。
Wix エディタ
Editor X
Wix Studio エディタ
- エディタにアクセスします。
- リンクしたいボタンまたは画像をクリックします。
- 「リンク」アイコン をクリックします。
- 「ページを選択:」ドロップダウンをクリックし、「動的ページ」下で該当するページを選択します。
ヒント:エディタでは、動的リストページには {Collection name} (List)、動的アイテムページには {Collection name} (Item) という名前が付けられます。 - (動的アイテムページのみ)「アイテムを選択」ドロップダウンをクリックし、リンク先のアイテムを選択します。
- 「完了」をクリックします。
ヒント:
動的ページのセクションまたはアンカーにリンクするには、上記の手順 3 の後、「セクションまたはアンカー」を選択します。次に、手順 4〜5 に従って、「ページの位置」ドロップダウンからセクションまたはアンカーを選択します。
動的ボタンと画像をリンクする必要がある場合:
動的ボタンと画像を関連するデータセットに接続し、「クリック時の動作を選択」または「リンクの接続先」ドロップダウンから該当する動的ページを選択します。
サイトメニューを動的ページにリンクする
動的ページ、動的アイテムページの特定のアイテム、特定のセクションとアンカーに移動するリンクをサイトメニューに作成します。
Wix エディタ
Editor X
Wix Studio エディタ
- エディタにアクセスします。
- サイトメニューをクリックし、「メニューを管理」をクリックします。
- 使用しているメニューの種類に応じて、以下の手順に従ってください:
- (通常のサイトメニューの場合):「メニューアイテムを追加」アイコン をクリックします。
- (高度なメニュー):「+メニューアイテムを追加」をクリックし、「動的ページ」を選択します。
- (通常のサイトメニューの場合):「メニューアイテムを追加」アイコン をクリックします。
- 「ページを選択:」ドロップダウンをクリックし、「動的ページ」下で該当するページを選択します。
ヒント:エディタでは、動的リストページには {Collection name} (List)、動的アイテムページには {Collection name} (Item) という名前が付けられます。 - (動的アイテムページのみ)「アイテムを選択」ドロップダウンをクリックし、リンク先のアイテムを選択します。
- 「完了」をクリックします。
ヒント:
動的ページのセクションまたはアンカーにリンクするには、上記の手順 3 の後、「セクションまたはアンカー」を選択します。次に、手順 4〜5 に従って、「ページの位置」ドロップダウンからセクションまたはアンカーを選択します。
リピーター、ギャラリー、テーブルを動的アイテムページにリンクする
CMS に接続することで、リピーター、プロギャラリー、またはテーブルに複数のコレクションアイテムを表示できます。これらのアイテムを動的アイテムページのバージョンにリンクするプロセスは、リンクする要素の種類によって異なります。
リピーターでは、ボタンや画像を動的アイテムページにリンクできます。プロギャラリーを動的アイテムページにリンクし、画像がクリックされたときにリンクを開くか、拡大モードから開くかを選択できます。テーブルでは、任意の列をリンクして、アイテムをクリックすると動的アイテムページに移動することができます。
Wix エディタ
Editor X
Wix Studio エディタ
- エディタにアクセスします。
- 動的アイテムページにリンクするリピーター、プロギャラリー、またはテーブルをクリックします。
- 「CMS に接続」アイコン をクリックします。
- 「データセットを選択」ドロップダウンをクリックし、コレクションに接続する既存のデータセットを選択します。または、「新しいデータセットを作成」をクリックし、接続するコレクションを選択し、名前を付けて「作成」をクリックすることもできます。
- リピーター、プロギャラリー、またはテーブルを動的アイテムページにリンクします:
リピーター
プロギャラリー
テーブル
ナビゲーションボタンを動的アイテムページにリンクする
クリックすることで、訪問者を動的アイテムページ内の次または前のアイテムに誘導するナビゲーションボタンを作成します。コレクションの動的リストページにリンクするボタンを作成することもできます。
読み込まれる次または前のアイテムは、データセットのフィルターと並べ替え条件によって決まります。コントロールアイテムの表示設定を利用している場合、非表示アイテムがデータセットによって読み取られないため、動的アイテムページは読み込まれません。
Wix エディタ
Editor X
Wix Studio エディタ
- エディタで、ボタンまたは画像を次または前の動的ページにリンクさせたい動的アイテムページに移動します。
- 該当するボタンまたは画像をクリックします。
- 「CMS に接続」アイコン をクリックします。
- 「データセットを選択」ドロップダウンをクリックし、コレクションに接続する既存のデータセットを選択します。
- 「クリック時の動作を選択」ドロップダウンまたは「リンクの接続先」ドロップダウンをクリックし、該当するオプションを選択します:
- 次の動的ページ:データセットによって返された次の動的アイテムページに移動します。
- 前の動的ページ:データセットから返された前の動的アイテムページに移動します。
- {コレクション名}(List):コレクションの動的リストページに戻ります。
- 「リンク先ページの表示方法」下でリンクを開く方法(「現在のウィンドウで開く」または「新しいタブで開く」)を選択します。
- (ボタンの場合はオプション)「ラベルの接続先」ドロップダウンをクリックし、次または前の動的アイテムページに応じて変化する動的テキストとして使用するフィールドを選択します。
ヒント:または、ボタンをクリックし、「テキストを変更」を選択して、ボタンに静的テキストを使用することもできます。
よくある質問
動的ページへのリンクに関するよくある質問への回答については、以下をクリックしてください。
動的ページとは?
動的アイテムページの URL はどのように作成されますか?
動的 URL とは?
データセットとは?
お役に立ちましたか?
|