aリンクを無効にする方法。#(ハッシュ)のみだと問題が多いので。

目次非表示

#ハッシュのみの方法

公開前の一時的なスタイルの確認などの場合は、これが手っ取り早いですが、このまま公開してしまうとページ内で移動したり、URLに#がついてしまったりとあまりよくない。

<a href="#">LINK</a>

最もよく使う方法。
ハンバーガーメニューなどhref属性以外で発火するものがある場合などに利用。

<a href="javascript:void(0)">LINK</a>

jQueryで設定することで、CSSクラスをつけるだけでリンクが機能しなくなります。
この方法なら、WordPressのメニュー設定で親項目のリンクを止めたい場合にも簡単に制御できます。

$(function(){	$('a.disable').click(function(){	return false;	})
});

<a href="https://wp55.jp/" class="disable">LINK</a>