「その2」は、ナビゲーションバーにあるメニューをクリックした時、ジャンプしたページでクリックされたメニューのロールオーバーを保持、つまり選択された状態を保持するというカスタマイズです。このカスタマイズによって現在表示されているページとメニューの関連性がより明確になり、ユーザビリティを向上させることができます。 久しぶりに濃厚な内容です。 1.テンプレートの設定 各テンプレートに対し、前回設定したナビゲーションバーに span タグ(青色)を追加します。「各テンプレート」というのは、厳密にはロールオーバーを保持したいテンプレートだけが対象です。 ナビゲーションバーをモジュール化している場合は気にせず span タグを付与してください。 <div id="navbar"> <span><a href="<$MTBlogURL$>" title="Home">Home</a></span> |
![小粋空間: ナビゲーションバー・シンプルタイプ(その2:クリックしたメニューのロールオーバーを保持する)](https://cdn-ak-scissors.b.st-hatena.com/image/square/1556ab6d980f254e1ee39b8c2fcb798aaf6e19e0/height=288;version=1;width=512/https%3A%2F%2Fwww.koikikukan.com%2Fimages%2Fcat3_80.jpg)