ページ内リンクを貼る方法
1ページ内で任意の場所や文字にリンクを貼る方法をご紹介します。
“文章”項目、“ウィジェット/HTML”項目を使う2つの方法があります。
ページ内リンクサンプル
下記リンクをクリックすると、このページの見出し「ページ内リンク先」まで移動します。
ページ内リンク先
ページ内リンクについてイメージを掴めたでしょうか?
次にページ内リンクの貼り方についてご紹介していきます。
文章項目を使ってページ内リンクを貼る
まずはリンク先のアンカー(目印)を取得しましょう。
ここでは各項目のID(固有の識別名)をアンカーとします。
IDの取得方法
取得方法は「項目のIDを取得する方法」をご参照ください。
同じページ内にリンクを貼る
追加オプションボタンから、オプションを表示させます。
その中から</>HTMLを編集をクリックします。(HTMLコードを記述できます)
![](https://image.jimcdn.com/app/cms/image/transf/dimension=690x10000:format=png/path/s3f7ae2addc437d26/image/id8f5ab5e5b51c70b/version/1409563325/image.png)
リンクを貼るには、テキストを下記のような<a>アンカータグで囲みます。href="〇〇〇"の〇〇〇をリンクを貼る項目のIDに変更します。
ウィジェット / HTML項目を使ってページ内リンクを貼る
ウィジェット項目とは、HTMLやJavascriptなどコードを入力するための項目です。
カレンダーなどのパーツもこの項目を使用して挿入することができます。
この項目は「+コンテンツを追加」から「・・・その他コンテンツ」をクリックし
![](https://image.jimcdn.com/app/cms/image/transf/dimension=690x10000:format=png/path/s3f7ae2addc437d26/image/i7c5236388039eeaa/version/1409648563/image.png)
表示されるエリア内にあります。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=690x10000:format=png/path/s3f7ae2addc437d26/image/i86ebba3edecc4f00/version/1409648611/image.png)
リンクの貼り方は文章項目と同じくアンカータグにIDを指定する方法です。
おまけ - 他のページの特定の部分へのリンクを貼る方法
リンク先のページのアドレスと、項目のIDを取得します。
アドレスはブラウザのアドレスバーから、IDはブラウザの機能で取得できます。
<a>アンカータグにアドレスとIDを指定すれば、他のページの特定の部分へリンクを貼ることができます。
最後までお読みいただきありがとうございます!いかがでしたか?
このページが参考になったら、ぜひ左のボタンでFacebookかTwitterにシェアしていただけると嬉しいです!
![](https://www.magicalremix.com/toranomaki/images/piyo-surprised.png)
押してくれたらもっとこうしんするぴ!