【簡単3分】STUDIOでリンクを設定する方法！

STUDIOでリンクする方法は、実に簡単です。

慣れてない方でも、3分あればサクッと実装できてしまいます。

そこで今回は、下記の3つのパターンに分けて、リンクを設定する方法を紹介していきます。

すべて画像を用いて説明しているので、きっと誰でもできるはずです！ぜひ参考にしてみてください！

STUDIOのリンクの種類について

STUDIOのリンク設定方法ですが、以下の3つがあります。

それぞれどのような状況か、簡単に説明します。

ページ内で移動するリンクを設定する

ページ内で移動するリンクとは、下記のようなイメージです。

リンクの設定方法については、「ページ内で移動するリンクの設定方法」を参考にしてください！

サイト内で移動するリンクを設定する

サイト内で移動するリンクとは、下記のようなイメージです。

リンクの設定方法については、「サイト内で移動するリンクの設定方法」を参考にしてください！

外部サイトへ移動するリンクを設定する

外部サイトへ移動するリンクとは、下記のようなイメージです。

リンクの設定方法については、「外部サイトへ移動するリンクの設定方法」を参考にしてください！

ページ内で移動するリンクの設定方法

ページ内で移動するリンクの設定方法は簡単です。3分で完了します。

画像を用いて、詳しく説明します。

手順①：リンク先（移動先）にID名をつける

まず、リンク先を選択します。

料金プランを選択できたら、右側にある左矢印のボタンをクリックしましょう。

任意のIDを設定します。（料金プランであればplanといったID名を付けるなど）

これでリンク先の設定は完了です！次はリンク元の設定をおこないます。

手順②：リンク元（移動元）にリンクを設定する

リンク元に移動します。

ヘッダーメニューの料金プランを選択できたら、右側にある左矢印のボタンをクリックしましょう。

先ほど付与したID名を選択します。（今回の例だと、「#plan」を選択）

これでリンクの設定は完了です！しっかりリンク先に飛ぶか、確認してみてくださいね！

サイト内で移動するリンクの設定方法

サイト内で移動するリンクの設定方法も簡単です。3分で完了します。

画像を用いて、詳しく説明します。

手順①：リンク元（移動元）を選択する

まずは、リンク元（移動元）になる部分を選択します。

リンク元（今回の例では「お問い合わせ」）を選択できたら、右側にある左矢印ボタンをクリックします。

手順②：サイト内のページを選択する

リンク欄をクリックすれば、候補が出てくるので遷移先のページを選択します。（今回の例だと、お問い合わせページ）

これでリンクの設定は完了です！しっかりリンク先に飛ぶか、確認してみてくださいね！

外部サイトへ移動するリンクの設定方法

外部サイトへ移動するリンクの設定方法も簡単です。3分で完了します。

画像を用いて、詳しく説明します。

手順①：リンク元（移動元）を選択する

まずは、リンク元（移動元）になる部分を選択します。

リンク元（今回の例では「お問い合わせ」）を選択できたら、右側にある左矢印ボタンをクリックします。

手順②：外部サイトのURLを入力する

リンクの欄に、遷移先のURLを入力します。

これでリンクの設定は完了です！しっかりリンク先に飛ぶか、確認してみてくださいね！