让菜单项无链接

如果不想让一级菜单项有链接,仅用于引导显示下级菜单,可以按下面的方法操作:

编辑菜单,按正常的方法为菜单添加一个“自定义链接”

在网址中输入“#”号。

之后,为该菜单项添加两级、三级菜单即可。

该菜单项,在手机移动端,直接点击一级标题即可展开下级菜单。而正常的菜单项,需要去点击右侧的箭头,才会展示下级菜单。

 

 

展开收缩

之前的方法,可忽视不用看。

方法一:

第一步,编辑菜单,在该菜单项“css类”中添加nolink。

第二步,将下面样式代码添加主题选项 → 定制风格 → 自定义样式 → 自定义样式 CSS中:

.nolink > a {
	pointer-events: none;
}

方法二:

相对完美些的方法

第一步,编辑菜单,在该菜单项“css类”中添加nolink。

第二步,打开主题函数模板functions.php,添加:

add_filter( 'wp_nav_menu_items', function ( $menu ) {
	return str_replace( '<a href="#"', '<a', $menu );
} );

将其中的#符号替换为该菜单项原来的链接地址,如:https://zmingcx.com/category/wordpress/

第三步,上面两步操作完,刷新页面修改的菜单项链接应该已消失,但光标不太正常。

再将下面样式代码添加主题选项 → 定制风格 → 自定义样式 → 自定义样式 CSS中:

.nolink > a:hover {
	cursor: default;
}

 

更多参阅:去掉 WordPress 菜单项链接