• Home
• How to use
• Contact

トップに戻るリンク

HOME > 編集方法 > トップに戻るリンク

トップに戻る為のリンクを作成する

ページ内に、閲覧者がページの上部に戻れるようなリンクがあると便利です。
簡単に設置できますので、長い内容のページなどには、つけるようにしましょう。

リンク作業がありますので、リンクの張り方がわからない方は、リンクの作成方法からお読みください。

また、当サイトご利用の際は、ご利用方法もまずご覧ください。

トップへのリンクの作成方法

トップといっても、どこまでページアップするかは、作成者の方のお好きな所を選んでもらえたらと思います。
ここでは、いくつかパターンでご用意していますのでお好きなタグをご利用ください。

ヘッドコピーに戻るリンク

QHM上部のヘッドコピーまで戻ります。

[[トップへ戻る>#headcopy]]

ヘッダーに戻るリンク

QHMのヘッダーの最上部まで戻ります。

[[トップへ戻る>#header]]

ナビメニューに戻るリンク

本文上部のナビメニューまで戻ります。

[[トップへ戻る>#navigator]]

本文トップに戻るリンク

本文の最上部まで戻ります。

トップへ戻る　←デモです

[[トップへ戻る>#content]]

テキストの装飾方法

テキストの位置や、色などをおまじないで変更する事も可能です。

テキストの色を変更する

トップへ戻る ←デモです

[[&color(red){トップへ戻る};>#content]]

テキストを右寄せにする

RIGHT:[[&color(red){トップへ戻る};>#content]]

もちろん、中央寄せ（CENTER:）も利用できます。

画像でトップに戻るボタンを作る

画像でボタンを作る事も可能です。
テキストの代わりに、添付した画像のタグを挿入します。

←デモです

[[&ref(top1.gif,nolink,トップに戻る);>#content]]

　※top1.gif を添付した画像名に変更してください。

他の使い方

同じようにリンク機能を使えば、ページ下部に進む事も可能です。

一番下に戻る ←デモです

[[一番下に戻る>#footer]]

下に戻るというリンクを作成するような事は、あまり無いと思いますが、このような使い方も出来ると言うことを知っていると、後々応用が利いてくるようになります。

powered by Quick Homepage Maker 4.53