ページ内リンクは、縦に長いページなどでよく利用されるリンク方法です。
通常、リンクをクリックした時に表示されるのはリンク先ページの一番上の部分ですが、『ページ内リンク』を利用すると、ページの中段や下段など任意の場所にリンクをはることで、リンクがクリックされた時に、リンク先ページの該当情報をすぐに表示できるようになります。
以下にて、ページ内リンクの設定方法をご案内します。
■『リンク元』と『リンク先』が同じページ内にある場合。
-
『リンク先』ページの編集画面を開き、[HTMLエディタ]を起動します。
-
リンクを押した時に表示したい場所をクリックし、マウスカーソルを表示させてください。
続いて、[アンカー挿入/編集ボタン(錨のマーク)]をクリックし、[アンカー名]を入力します。
なお、同一ページ内のアンカー名は、それぞれ異なる名前を設定してください。
-
次に、リンク元のリンク設定を行います。
リンク元となる[文字]または[画像]を選択してください。
続いて、[リンク挿入/編集ボタン(地球儀のマーク)]をクリックし、[リンクタイプ]を[このページのアンカー]に設定します。
ページ内リンクの情報がプルダウンメニューで表示されたら、[アンカー名]にてリンク先の情報を指定します。
指定したら[OKボタン]を押してください。
-
上記「2」と「3」の作業で全てのページ内リンクの設定が終了したら、[保存ボタン]を押して[HTMLエディタ]の編集内容を保存します。
-
続いて、編集画面内の[修正ボタン]を押してください。
ページ内容が更新され、ページ内リンクが公開画面に表示されます。
正しくリンクしているか、動作確認を行ってください。
■『リンク元』と『リンク先』が異なるページ内にある場合。
-
『リンク先』ページの編集画面を開き、[HTMLエディタ]を起動します。
-
リンクを押した時に表示したい場所をクリックし、マウスカーソルを表示させてください。
続いて、[アンカー挿入/編集ボタン(錨のマーク)]をクリックし、[アンカー名]を入力します。
なお、同一ページ内のアンカー名は、それぞれ異なる名前を設定してください。
アンカーを全て設定したら、[保存ボタン]を押して[HTMLエディタ]の編集内容を保存します。
続いて、編集画面内の[修正ボタン]を押してください。
-
次に、リンク元のリンク設定を行います。
リンク元ページの編集画面を開き、[HTMLエディタ]を起動します。
-
リンク元となる[文字]または[画像]を選択してください。
続いて、[リンク挿入/編集ボタン(地球儀のマーク)]をクリックします。
[ハイパーリンクダイアログ]が表示されたら、[リンクタイプ]が[URL]になっていることを確認します。
次に、[プロトコル]の右側の[URL]欄に、下記のようにリンク先URLを入力します。
□例:リンク先のページURL
http://www.ecsv.jp/ecsv/front/bin/home.phtml
□例:リンク先のアンカー名
link01
▼リンク指定するURL
www.ecsv.jp/ecsv/front/bin/home.phtml#link01
リンク先のURLを入力したら、[OKボタン]を押してください。
-
全てのリンク元の設定が終了したら、[保存ボタン]を押して[HTMLエディタ]の編集内容を保存します。
続いて、編集画面内の[修正ボタン]を押してください。
-
ページ内容が更新され、ページ内リンクが公開画面に表示されます。
正しくリンクしているか、動作確認を行ってください。
(更新日:2011年2月9日)
|