删除 WordPress 菜单函数 wp_nav_menu 的 div ul li 标签

2016.11.21 | | 29 Comments
文章目录[隐藏]

顶部不想放太多菜单,并且只用了一级菜单(css 折腾不过来)。于是想在侧栏放个自定义菜单,把想丢的链接都丢进去。而默认的自定义菜单函数 wp_nav_menu 输出带有 div ul li 三个标签,为了省 css,就琢磨着把这些标签删除掉。放狗一搜,还真有教程,本以为是无法实现的,因为弄友情链接的时候就找过,没找到。

实现起来其实很简单,一个 php 函数就可以了——strip_tags。这货见过也用过 n 次了,可是要不是搜索到这个,还真想不起来可以这样实现。哎,始终是代码小白中的小白……废话一堆,言归正传,下面上代码(源自网络)

实现代码

<?php 
$menuargs = array(
'container' => false,
'echo' => false,
'items_wrap' => '%3$s',
'depth' => 0,
);
echo strip_tags(wp_nav_menu( $menuargs ), '<a>' );
?>

实现效果

 458-wp-nav-menu-strip-tags

友情链接函数 wp_list_bookmarks 也可以这样剥皮……

——最近更新:2016年11月22日
支付宝扫码打赏微信打赏

如果文章对您有帮助,欢迎移至上方按钮打赏老杨

声明: 除非注明,常阳时光文章均为原创,转载请以链接形式标明本文地址
本文地址:https://cyhour.com/458/

Comments:29

  1. 灰狼19 Google Chrome 50.0.2661.102 Windows 10 x64 Edition

    功能强大的WP

    2016.11.21 12:53 # 回复
    1楼
    • 老杨2.16k+ Firefox 49.0 Windows 10 x64 Edition

      @灰狼 strip_tags 是 php 函数,与是否 WordPress 无关。

      2016.11.21 14:17 # 回复
  2. synyan48 Google Chrome 53.0.2785.143 Mac OS X  10.12.1

    感觉现在的样子清爽多了。

    2016.11.21 20:48 # 回复
    2楼
  3. 留着呗,有时候还挺有用的

    2016.11.21 21:00 # 回复
    3楼
  4. 这个不需要函数吧。直接敲代码即可~

    2016.11.22 21:20 # 回复
    4楼
    • 老杨2.16k+ Firefox 49.0 Windows 10 x64 Edition

      @chencool 函数也是代码~用自带的菜单函数输出,如果要剥除 html 代码就得用这个 strip_tags 吧?还有更简单的方法?

      2016.11.22 21:31 # 回复
  5. kn00758 Google Chrome 54.0.2840.99 Windows 10 x64 Edition

    你可以看看我的。。

    2016.11.22 22:20 # 回复
    5楼
    • 老杨2.16k+ Firefox 49.0 Windows 10 x64 Edition

      @kn007 看过的,不过最终还是选择了偷懒~

      2016.11.22 22:23 # 回复
      • kn00758 Google Chrome 54.0.2840.99 Windows 10 x64 Edition

        @老杨 我不喜欢过多的选择器,基本把所有清掉了

        2016.11.22 22:31 # 回复
        • 老杨2.16k+ Firefox 49.0 Windows 10 x64 Edition

          @kn007 那我刚才是理解错你的意思了。一般高手都是有代码”洁癖”的,不过我是纯属为了省事~

          2016.11.22 22:48 # 回复
  6. 居然剥的这么干净,只剩a标签。

    2016.11.23 10:24 # 回复
    6楼
  7. 皮皮27 Google Chrome 54.0.2840.99 Windows 7 x64 Edition

    果然是折腾不惜的高手

    2016.11.24 00:19 # 回复
    7楼
  8. n年前搞自定义摘录时比较常用此php函数

    2016.11.24 13:27 # 回复
    8楼
  9. 郑永120 Google Chrome 53.0.2785.104 Windows XP

    之前也是这么搞,对了,看到你的图片放大,是时候加入这个效果,有时候图片缩小了,就不能放大了。

    2016.11.30 23:49 # 回复
    9楼
    • 老杨2.16k+ Firefox 50.0 Windows 7

      @郑永 fancybox,值得拥有。官网:http://fancyapps.com/fancybox

      2016.12.01 18:00 # 回复
      • 郑永120 Google Chrome 53.0.2785.104 Windows XP

        @老杨 谢谢,你的历史评论也隐藏了,呵呵,不过手机模式里最好也能出现一下,嘿嘿。

        2016.12.05 06:55 # 回复
  10. 郑永120 Google Chrome 53.0.2785.104 Windows XP

    对了, 用的是哪个方法,分享下哈。

    2016.11.30 23:51 # 回复
    10楼
  11. 虽然代码方面是精简了不少 但是视觉上就会缺少直观了
    而且可能有种情况就是别人根本并不知道你那个就是分类了

    2016.12.04 17:50 # 回复
    11楼
    • 老杨2.16k+ Firefox 50.0 Windows 7

      @BanYuner 为什么视觉上就会缺少直观呢?只是精简了一下样式而已。别人知不知道那个就是不是分类也无所谓啊,点进去有相应的内容不就好了?

      2016.12.05 08:41 # 回复
      • @老杨 可能是这样吧 因为很多人对于菜单的定义或者说导航的定义感觉就是在头部或者一个很明显的看似导航的东西

        2016.12.05 08:52 # 回复

发表留言