親メニューをクリックしても移動しない設定｜ドロップダウンにする方法（#リンク）

どーも、物忘れが多いせっかちブロガーのオカユです。

今回はSWELLのグローバルナビで、「親メニューを押すとページ（リンク）に飛んでしまう」問題を解決します。

長い前置きはいらない!!
さっそく始めよう。

【解決方法】
カスタムリンクのURLに「#」を入力

「#」はページ内リンクを意味します。
リンク先が存在しないため、ページ移動しません。
なお、ページ最上部へ戻ることがありますが正常な動作です。

ピンときたら、そのまま作業続行٩( ‘ω’ )و

詳細知りたい場合はそのまま下へGO!!

グローバルナビ（メニュー）のタブをリンクさせない設定手順（画像あり）

まずは、以下1〜6の手順で親メニューを作成します。

メニューに追加ボタンを押すと、メニュー構造に表示される。
追加したい子メニューなどを選択し各種設定して「メニューを保存」する。

これで設定が完了！

まとめ：非リンクにしたいメニューはURLに「#」で解決

今回のお困りごとの解決方法は、決して難しいわけではない。

もちろんSWELL以外のテーマでも同じ方法で設定できます。

しかし、確実に忘れやすいノウハウではないでしょうか？

「#」はページ最上部へのリンクという意味なので、クリック時に少し上へ動くのは正常な動作です。
気になる場合はCSSで無効化も可能ですが、通常はこのままで問題ありません。

ブログのノウハウがある程度たまったら、一覧表か記事を作成してすぐ探せるようにする予定です。