ナビゲーションを実装します

ページ内にナビゲーションをうまく設定すると、訪問者のサイト内の滞在時間が増え、複数のページを閲覧してくれる可能性が増加します。

訪問者に便利なナビゲーションを設定する必要があります。

しかし、ボタン型のナビゲーションでは、モバイル端末で表示する際、他のコンテンツを表示する領域が少なくなってしまいます。 そこで、開閉の可能な、ドロップダウンリストのメニューが採用できないか検討したいのですが、まずは、現行のサイトで使用しているメニューを実装します。

まずは、通常のドロップダウンリストです。参考のリンク記事で理解できなければ、書籍を参考にしたほうが良いかと思います。

PCやタブレット向けのサイトであれば、このメニューで十分です。利点は、cssだけで実現できます。

参考書籍

レスポンシブWebデザイン入門 ~マルチデバイス時代のWebデザイン手法~　[小川 裕之]

amazon 楽天ブックス Yahoo! honto