リンク

STUDIOでのリンク設定方法を解説します。ページ内リンク、外部サイトへのリンク、アンカーリンク、モーダルの開閉設定などご紹介します。

Saika avatar
対応者:Saika
今週アップデートされました

リンクの設定方法

STUDIOでは、ページに配置したボックスごとにクリックじの遷移先が設定できます。プロジェクト内の別ページや外部サイトへリンクさせることが可能です。

設定手順

  1. ボックスを選択し、画面右側のボックス設定パネルを開きます。

  2. 設定パネルのリンク「+」をクリックします。

  3. リンク先を設定します。

    ページを選択するか、外部リンクを直接入力します。「+」をクリックしてプロパティを追加することもできます。

リンクの設定解除

設定したリンクはボックス設定パネルで「ー」をクリックして解除できます。

別ページへのリンク

プロジェクト内の他のページへのリンクを設定するには、遷移先にしたいページをキーワードで検索し、リストから選択します。

アンカーリンク

ページ内の特定の地点にスムーズに移動させるためのアンカーリンクが設定できます。

設定するには、あらかじめIDを指定したボックスをリンク先として選択します。IDの設定方法については、ID | STUDIO Uを参照してください。

モーダルを開く・閉じる

モーダルページを選択することで、モーダルウィンドウを開くリンクを作成できます。また、モーダル内で「モーダルを閉じる」リンクを設定できます。

外部サイトへのリンク

外部のウェブサイトにリンクする場合は、直接URLを入力します。「新規タブで開く」を有効にすると、新しいタブで開く設定ができます。

プロパティの選択

CMSプロパティや$url プロパティは「+」をクリックして設定できます。

$url はそのページ自体のURLを表しており、現在のページをシェアするときのリンクなどで活用いただけます。後からそのページのパスが変わったとしても、変数箇所は都度更新する必要がありません。

link anchor link button modal

ボタン テキストリンク ページ内リンク

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