如果不想让一级菜单项有链接,仅用于引导显示下级菜单,可以按下面的方法操作:
编辑菜单,按正常的方法为菜单添加一个“自定义链接”
在网址中输入“#”号。
之后,为该菜单项添加两级、三级菜单即可。
该菜单项,在手机移动端,直接点击一级标题即可展开下级菜单。而正常的菜单项,需要去点击右侧的箭头,才会展示下级菜单。
展开收缩
之前的方法,可忽视不用看。
方法一:
第一步,编辑菜单,在该菜单项“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 菜单项链接


