|
ページ内リンクは、縦に長いページなどでよく利用されるリンク方法です。
通常、リンクをクリックした時に表示されるのはリンク先ページの一番上の部分ですが、『ページ内リンク』を利用すると、ページの中段や下段など任意の場所にリンクをはることで、リンクがクリックされた時に、リンク先ページの該当情報をすぐに表示できるようになります。
以下にて、ページ内リンクの設定方法をご案内します。
■『リンク元』と『リンク先』が同じページ内にある場合。
-
『リンク先』ページの編集画面を開き、［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日）
|
