WordPress wp_nav_menu()の、タブナビゲーションをCSSだけで実装

ワードプレスにテーマをホストしてもらおうとすると、現在タブキーによるナビゲーション機能が必須になっています。

デフォルトテーマ等では、jsを使用した実装になっていますが、CSSだけでも実装できそうです。

プライマリーメニューは、サブメニューが親メニューの右側に表示されるものも多く、深い階層を作ると、ブラウザからはみ出したり、
アクセシビリティに関心の高い人は、js 停止したら、ナビゲーションが表示できなくなるなんて???という人もいると思います。

そんな人向けの、プライマリーメニューのタブナビゲーションをCSSだけで実装してみませんか?

DEMO:wp_nav_menu()の、タブナビゲーションをCSSだけで実装

Photo by Yomex Owo on Unsplash


新着記事

コメントは受け付けていません。