リンクには、同じサイトの中で移動する『サイト内リンク（Jimdoでは内部リンク）』と、他のサイトへ移動する『外部リンク』があり、Jimdoではこれが簡単に設置できる機能があることをご存知方は多いと思いますが、ページ内の特定の場所に移動する『ページ内リンク』の方法をJimdoCafeでよくご質問いただきます。
ページ内リンクは、Jimdoの機能として備わっているわけではないので、HTMLソースを少し調整する必要があります。今回はこれを解説したいと思います。
※仕様変更等により操作方法が変更になる場合もあります。
1.同じページ内で特定の位置へリンクする方法
長いページの途中に移動できるリンクを同じページ内に設置する方法です。
方法は２つあり、新しくIDを作る場合と、すでにあるIDを使う場合です。
1-1.新しくIDを作る場合のページ内リンク
- 移動先に<div id="linka(任意の名前)">を挿入
- 移動元のリンクに<a href="#linka">を挿入
1-2.既にあるIDを使う場合のページ内リンク
- 移動先のidを調べる
- 移動元のリンクに<a href="#linka">を挿入
2.別のページから特定の位置へリンクする方法
同じサイト内でも、外部のサイトであっても、今のページから別のページへ移動しつつ、特定の位置へリンクをする方法です。
2-1.新しくIDを作る場合のページ内リンク
【1-1】と同じ方法になります。
- 移動先に<div id="linka(任意の名前)">を挿入
- 移動元のリンクに<a href="#linka">を挿入
2-2.既にあるIDを使う場合のページ内リンク
【1-2】と同じ方法になります。
- 移動先のidを調べる
- 移動元のリンクに<a href="#linka">を挿入