去掉 WordPress 菜单项链接

蜡笔 WordPress经验评论120阅读模式
摘要

如果仅想让顶级菜单作为文字提示,不想有超链接,可以利用WordPress 自定义链接,轻松实现。

如果仅想让顶级菜单作为文字提示,不想有超链接,可以利用WordPress 自定义链接,轻松实现。
在 WordPress 自定义链接 URL中输入#号及链接文字,添加到菜单后,删除这个#号,这样A标签就没有href链接目标了。

去掉 WordPress 菜单项链接

去掉 WordPress 菜单项链接

或者在当前主题函数模板functions.php中添加:

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

将去掉菜单中所有添加自定义链接目标为#号的超链接。

CSS类添加:unclickable

添加样式,改变鼠标形态。

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

唯一的缺点,当鼠标悬停是还是会用有链接的样式。

如果想彻底让其不显示A标签,可以将上面的代码修改一下,同样添加到当前主题函数模板functions.php中:

add_filter( 'wp_nav_menu_items', function ( $menu ) {
	return preg_replace( "/<a href=\"#\">(.+?)<\/a>/is", "<span class='mymenu'>$1</span>", $menu );
} );

之后,菜单中所有添加自定义链接目标为#号的菜单项,将被替换为<span class='mymenu'>文字</span>,并可以为这个"unclickable"类定义样式。

.mymenu:hover {
	cursor: default;
}

weinxin
我的微信
微信及版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!其他文章来源于网络,如有侵权,请联系我!
WordPress经验

禁止 WordPress 发送电子邮件通知

默认情况下,当WordPress有新用户注册或用户更改密码和电子邮件地址,WordPress会发送电子邮件通知你或者用户。 如果不需要邮件通知,可以将下面代码添加到主题函数模板functions.ph...
评论  0  访客  0
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定