WordPress教程

WordPress 去掉菜单项链接A标签

也想出现在这里?联系我们
创客云

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

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

也想出现在这里?联系我们
创客主机
  1.     add_filter( 'wp_nav_menu_items', function ( $menu ) {
  2.     	return str_replace( '<a href="#"', '<a', $menu );
  3.     } );

将去掉菜单中所有添加自定义链接目标为#号的超链接。CSS 类添加:unclickable 添加样式,改变鼠标形态。

  1.     .unclickable > a:hover {
  2.     	cursor: default;
  3.     }

唯一的缺点,当鼠标悬停是还是会用有链接的样式。如果想彻底让其不显示 A 标签,可以将上面的代码修改一下,同样添加到当前主题函数模板 functions.php 中:

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

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

  1.     .mymenu:hover {
  2.     	cursor: default;
  3.     }
资源下载此资源下载价格为5立即购买,VIP 免费

收藏
(0)

本文由 云模板 作者:PetitQ 发表,转载请注明来源!

也想出现在这里?联系我们
创客主机

发表回复

热销模板

Hub - 响应式可视化编辑企业官网WordPress汉化模板

Envato

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!

请扫码添加QQ好友后咨询!