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. }
溫馨提示:

文章標題:WordPress 去掉菜单项链接A标签

文章連結:https://www.wuyanshuo.cn/1374.html

更新時間:2022年9月21日

1、本站所有資源均不添加推廣檔案或浮水印,壓縮包內若有廣告檔案和浮水印請勿輕易相信。

2、本站資源均為兩層壓縮,第一層7z(尾碼若為wys,請自行修改為7z)有解壓密碼; 第二層zip或cbz,無解壓密碼,可直接使用漫畫類軟件程式查看; 詳情可參攷解壓教程

3、本站大部分內容均收集於網絡! 若內容侵犯到您的權益,請發送郵件至:admin#wysacg.top我們將第一時間處理! 資源所需價格並非資源售賣價格,是收集、整理、編輯詳情以及本站運營的適當補貼,並且本站不提供任何免費技術支援。 所有資源僅限於參攷和學習,版權歸原作者所有!

给TA打赏
共{{data.count}}人
人已打赏
建站教程

WordPress 注册直接输入密码并检测密码强度

2022-9-21 17:02:07

建站教程

WordPress 如何在文章段落后添加自定义内容

2022-9-21 19:58:59

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索