スマホ時代の流行・"縦スクロールサイト"に挑戦! - Adobe Muse体験記(13)

デザインページで上部のバーを見ると、いかりのマークをしたアイコンがあるのが見えるはずだ。こちらを1回クリックしてから、ページ上のアンカーを置きたい場所をクリックしよう。

アンカーを打つ場所は、各コンテンツの切れ目である。「アンカー」とは英語で「いかり」のこと。まさにその名の通りで、スクロールを止めたい場所に、あらかじめいかりを下ろしておくというイメージだ。ちなみに、打つ箇所が多い場合は、先ほどのアンカーマークのボタンを複数回クリックすると、その回数分だけリンクボタンを持った状態でカーソルを移動させることができる。

クリックすると、【アンカー名を変更】というポップアップウィンドウが表示されるので、ここでアンカーの名前をそれぞれ【top】、【profile】、【gallery】、【contact】のようにコンテンツの名前に変更しよう。従来のWebサイトでの「profile.html」「gallery.html」といったページの名前にあたる部分となる。

●リンク先へスクロールする"縦スクロールサイト"が完成!
○アイコンのリンク設定を変更する

必要なアンカーを打ち終えたら、その場所へとジャンプできるようにハイパーリンクを設定する。