メインコンテンツにスキップ

リンクを設定しても正しいページに遷移しない原因と対処法

リンクの設定箇所から、期待したページに遷移しない(飛ばない)場合に考えられる原因と、デザインエディタ上で確認するポイントと対処方法について説明します。

今日アップデートされました

リンクを設定したにもかかわらず期待通りのページに移動しない場合に、チェックすべき4つの項目と解決方法をご紹介します。


1. 記事ページが作成されているか確認する

CMSリストなどの動的リストからのリンクが動作していない場合に確認します。

動的リストのアイテムに対応した記事ページが動的ページで作成されていない場合には、リンク先が無いため遷移しません。

確認方法

  1. デザインエディタを開きます。

  2. ページパネルを開き、CMSリストに使用しているCMSモデルと同じCMSモデルが紐づいた動的ページがあるか確認します。

例として、「Posts」モデルのCMSアイテムをCMSリストで一覧表示している場合は、「Posts」モデルが紐付いた動的ページが作成されているかをページパネルから確認します。

解消方法

未作成の場合

  1. 紐付けデータは、該当の動的リストと同一のCMSモデル、またはAPI取得データを選択してください。

  2. 作成した動的ページにレイアウトやコンテンツを設定し、記事ページを作成します。

    記事ページの作成方法は、以下の記事を参照してください。

  3. ライブプレビューで、リンクが正しく動作して記事ページが表示されるかを確認します。

  4. 公開中のサイトを編集している場合には、公開パネルでサイトを更新します。 この操作を行うまで、公開サイトへは反映されません。

作成済みの場合

記事ページが作成されているにも関わらずリンクが正しく働いていない場合には、リンク設定の解除と再接続をお試しください。

  1. CMSリストで、リストアイテム内のリンク設定をしているボックス要素を選択します。

  2. 右パネルで[設定]タブを開きます。 パネルが閉じている場合は、右パネルを開いてください。

  3. 一度、リンク設定を解除してから、再度、対象のデータが連携された記事ページ(動的ページ)へのリンクを設定します。

    CMSリストからCMS記事ページへのリンク設定の手順は、以下記事を参照してください。

  4. ライブプレビューで、リンクが正しく動作して記事ページが表示されるかを確認します。

  5. 公開中のサイトを編集している場合には、公開パネルでサイトを更新します。 この操作を行うまで、公開サイトへは反映されません。


2. リンクが正しく設定されているか確認する

ページパスの変更などにより、リンク設定が無効になっている場合があります。 リンク先が存在しない状態になると、クリックしても正しく遷移しません。

確認方法

  1. デザインエディタで、リンクが設定されているボックス要素を選択します。

  2. 右パネルで[設定]タブを開きます。 パネルが閉じている場合は、右パネルを開いてください。

  3. リンク設定欄を確認し、以下の表示がされていないかを確認します。

    • リンク設定欄に「Page Not Found」と表示されていないか

    • リンクのチップの色がグレーになっていないか確認します。 グレーの場合はリンク設定が有効ではない状態です。

解消方法

リンク設定の解除と再接続をお試しください。

  1. 右パネルで[設定]タブを開きリンク設定欄で、一度リンクを解除します。

  2. 正しいリンク先(通常ページ、動的ページ、外部リンクなど)へのリンクを再設定します。

  3. ライブプレビューで、リンクが正しく動作して記事ページが表示されるかを確認します。

  4. 公開中のサイトを編集している場合には、公開パネルでサイトを更新します。 この操作を行うまで、公開サイトへは反映されません。


3. リンク先ページが非公開になっていないかを確認する

リンク先のページの公開設定が非公開になっている場合、公開サイトからアクセスでき無いため404ページが表示されます。

確認と解決方法

  1. ページパネルからリンク先としたいページを開きます。

  2. スクリーン外を選択してから右パネルを開きます。

  3. 右パネルで[ページ]タブを開きます。 パネルが閉じている場合は、右パネルを開いてください。

  4. ページ設定タブで[ページを非公開にする]のトグルがオンになっている場合には、トグルをオフに切り替えます。

  5. 公開中のサイトを編集している場合には、公開パネルでサイトを更新します。 この操作を行うまで、公開サイトへは反映されません。

  6. 公開サイトで、リンクから対象ページへ正しく移動できるか確認します。


4. ボックスの重なりがないか確認する

リンクを設定したボックスの上に、別のボックスが重なって配置されている場合があります。 上に重なっているボックスがクリックを受け取ってしまうと、リンクが機能しません。

確認と解決方法

  1. デザインエディタで、リンクが設定されているボックスを選択します。

  2. レイヤーパネルを開き、リンクボックスの前面に重なっているボックスがないか確認します。

  3. もし全体を覆うボックスやアニメーション用のボックスが重なっている場合は、重ね順を変更するか、サイズや位置を調整してクリックを妨げないようにします。

  4. 調整後、ライブプレビューで、リンクが正しく動作して記事ページが表示されるかを確認します。

  5. 公開中のサイトを編集している場合には、公開パネルでサイトを更新します。 この操作を行うまで、公開サイトへは反映されません。

リンクやホバーアニメーションが動作しない場合の詳細なチェック項目については、「リンクやホバーアニメーションが動作しない時の修正方法」を参照してください。


問題が解決しない場合

上記の方法を試しても問題が解決しない場合は、エディタ右下の[?]からサポートチームへお問い合わせください。その際、下記の情報をご提供いただけますと、迅速な解決につながります:

  • 発生している具体的な症状

  • 試した解決方法

  • 問題が発生しているページのURL

  • 可能であれば、問題の様子を示すスクリーンショットや動画

飛ばない 遷移しない

こちらの回答で解決しましたか?