#推荐

wordpress 导航菜单的css替换，只替换二级菜单的标签的方法

也想出现在这里？点击联系我~

function get_nav() {
    $defaults = array(
        'theme_location'  => 'header_menu',
        'menu'            => '',
        'container'       => '',
        'container_class' => '',
        'container_id'    => '',
        'menu_class'      => 'menu',
        'menu_id'         => '',
        'echo'            => false,
        'fallback_cb'     => 'wp_page_menu',
        'before'          => '',
        'after'           => '',
        'link_before'     => '<span>',
        'link_after'      => '</span>',
        'items_wrap'      => '%3$s',
        'depth'           => 0,
        'walker'          => ''
    );
    
    $nav = wp_nav_menu($defaults);
    $nav = str_replace('<li class="menu-item-has-children">','<li>',$nav);
    $nav = str_replace('<ul class="sub-menu">','<ol>',$nav);
    $nav = str_replace('</ul>','</ol>',$nav);
    
    // 精准替换：只替换 <ol> 内部的 span 标签
    $nav = preg_replace_callback('/<ol>.*?<\/ol>/s', function($matches) {
        $content = $matches[0];
        // 替换子菜单中的 span 标签
        $content = str_replace('<span>', '', $content);
        $content = str_replace('</span>', '', $content);
        return $content;
    }, $nav);
    
    echo $nav;
}