ฉันจะลบ UL บน wp_nav_menu ได้อย่างไร

ฉันค้นหาในเว็บไซต์นี้และพบคำตอบมากมายสำหรับคำถามนี้ ส่วนใหญ่ไม่ได้ทำงานกับธีมของฉัน

นี่คือทางออกหนึ่งที่ฉันพบและใช้งานได้ตามความต้องการของฉัน

function wp_nav_menu_no_ul()
{
    $options = array(
        'echo' => false,
        'container' => false,
        'theme_location' => 'primary'
    );

    $menu = wp_nav_menu($options);
    echo preg_replace(array(
        '#^<ul[^>]*>#',
        '#</ul>$#'
    ), '', $menu);

}

รหัสนี้จะเอาที่จุดเริ่มต้นและจุดสิ้นสุดของul wp_nav_menu()ดังนั้นในชุดรูปแบบของฉันฉันเพิ่งเขียน

<ul class="primary-nav">
<?php  wp_nav_menu_no_ul(); ?>
</ul>

แต่ปัญหาจะมาอีกครั้งเมื่อฉันไม่เพิ่มหรือเปิดใช้งานเมนูใด ๆ ผ่านทางผู้ดูแลระบบ http://domain.com/wp-admin/nav-menus.php

คำถาม:

ฉันจะลบเมนูได้<div><ul>**</ul></div>อย่างไรว่าใช้งานได้หรือไม่ แจ้งให้เราทราบ

ในที่สุดฉันก็ทำให้มันทำงาน :) functions.php

function wp_nav_menu_no_ul()
{
    $options = array(
        'echo' => false,
        'container' => false,
        'theme_location' => 'primary',
        'fallback_cb'=> 'default_page_menu'
    );

    $menu = wp_nav_menu($options);
    echo preg_replace(array(
        '#^<ul[^>]*>#',
        '#</ul>$#'
    ), '', $menu);

}

function default_page_menu() {
   wp_list_pages('title_li=');
} 

header.php

<ul class="primary-nav">
<?php  wp_nav_menu_no_ul(); ?>
</ul>

ฟังก์ชั่น wp_nav_menu รับอาร์กิวเมนต์ของ fallback_cb ซึ่งเป็นชื่อของฟังก์ชั่นที่จะเรียกใช้หากไม่มีเมนู ดังนั้นเปลี่ยนรหัสของคุณเป็นแบบนี้:

function wp_nav_menu_no_ul()
{
    $options = array(
        'echo' => false,
        'container' => false,
        'theme_location' => 'primary',
        'fallback_cb'=> 'fall_back_menu'
    );

    $menu = wp_nav_menu($options);
    echo preg_replace(array(
        '#^<ul[^>]*>#',
        '#</ul>$#'
    ), '', $menu);

}

function fall_back_menu(){
    return;
}

คุณสามารถลบคอนเทนเนอร์ออกจากเมนูและทำสิ่งอื่น ๆ ด้วยอาร์กิวเมนต์เพิ่มเติมที่ส่งไปยังฟังก์ชัน wp_nav_menu

หวังว่านี่จะช่วยได้

ที่จริงแล้ว WordPress รองรับสิ่งนี้ตามค่าเริ่มต้น:

wp_nav_menu(array(
    'items_wrap' => '%3$s'
));

ค่าเริ่มต้นสำหรับมีitems_wrap<ul id=\"%1$s\" class=\"%2$s\">%3$s</ul>

รหัสด้านล่างควรทำง่าย ๆ

<?php 

  $my_menu = array( 
  'menu' => 'main-menu',
  'container' => '',
  'items_wrap' => '%3$s' 
  );

  wp_nav_menu( $my_menu );

?>

อ้างอิงลิงก์นี้สำหรับฟังก์ชัน wp_nav_menu http://codex.wordpress.org/Function_Reference/wp_nav_menu

หากคุณต้องการพิมพ์เฉพาะ<a>แท็กคุณอาจไปทางนี้:

$primaryMenu = array(
    'theme_location'  => 'primary',
    'menu'            => '',
    'container'       => '',
    'container_class' => false,
    'container_id'    => '',
    'menu_class'      => 'menu',
    'menu_id'         => 'primary-menu',
    'echo'            => false,
    'fallback_cb'     => 'wp_page_menu',
    'before'          => '',
    'after'           => '',
    'link_before'     => '',
    'link_after'      => '',
    'depth'           => 0,
    'walker'          => ''
);
echo strip_tags( wp_nav_menu( $primaryMenu ), '<a>' );

สำหรับฉันสิ่งที่ทำงานคือ:

<?php wp_nav_menu( array(
       'container' => '',
       'items_wrap' => '%3$s' 
) ); ?>

หวังว่ามันจะช่วย

ฉันรู้ว่าคำตอบนี้ไม่สมบูรณ์สำหรับคำถามนี้ แต่มีคนจำนวนมากที่รู้วิธีลบแท็ก ul และ li ใน WordPress และเพิ่มแท็กอื่นใน WordPress

เช่นเดียวกับก่อนที่จะใช้รหัสของฉัน WordPress ให้ผลลัพธ์ประเภทนี้ในเมนู

<ul class="*****"><li>abc</li></ul>

แต่บางคนต้องการเปลี่ยน ul เป็น div และ li เป็นแท็กคุณควรใช้โค้ดด้านล่าง

            <?php

                $menuParameters = array(
                    'menu' => 'primary_menu',
                    'link_before'     => '<span>',
                    'link_after'      => '</span>',
                    'before'        => '<div class="tp-primary-header mui-top-home">',
                    'after'     => '</div>',
                    'container'       => false,
                    'echo'            => false,
                    'depth'           => 0,
                );

                echo strip_tags(wp_nav_menu( $menuParameters ), '<a><span><div>' );
                ?>

สิ่งนี้ให้เอาต์พุตในรูปแบบต่อไปนี้

<div class="tp-primary-header mui-top-home"><a href="#"><span>ABC</span></a></div>
<div class="tp-primary-header mui-top-home"><a href="#"><span>def</span></a></div>
<div class="tp-primary-header mui-top-home"><a href="#"><span>XYZ</span></a></div>