Custom menus trong wordpress

06/10/2020 06:54 8917

Custom menus trong wordpress: vâng trong làm theme chúng ta phải sử dụng cấu trúc html linh hoạt không thể dùng function wp_nav_menu của wordpress để làm vì mã html nó sinh ra không đúng cấu trúc của chúng ta. Hôm nay tôi xin chia sẽ đến anh chị để làm việc này, copy về sửa lại theo yêu cầu của anh chị nhé

function clean_custom_menu( $theme_location ) {
    if ( ($theme_location) && ($locations = get_nav_menu_locations()) && isset($locations[$theme_location]) ) {
        $menu = get_term( $locations[$theme_location], 'nav_menu' );
        $menu_items = wp_get_nav_menu_items($menu->term_id);
        //var_dump($menu_items);
        $menu_list  = '<nav>';
        $menu_list .= '<ul id="nav" class="nav hidden-sm hidden-xs">' ."\n";
 
        $count = 0;
        $submenu = false;
         
        foreach( $menu_items as $menu_item ) {
            $link = $menu_item->url;
            $title = $menu_item->title;
            if ( !$menu_item->menu_item_parent ) {
                $parent_id = $menu_item->ID;
                
                if(!empty($menu_items[ $count +1 ]) && ($menu_items[ $count +1 ]->menu_item_parent == $parent_id)){ 
                    $menu_list .= '<li class="hidden-sm hidden-xs nav-item  has-dropdown">' ."\n";
                    $menu_list .= '<a class="nav-link" href="'.$link.'" >'.$title.' <i class="fa fa-angle-down" data-toggle="dropdown"></i></a>' ."\n";
                }
                else{
                    $menu_list .= '<li class="hidden-sm hidden-xs nav-item ">' ."\n";
                    $menu_list .= '<a class="nav-link" href="'.$link.'" >'.$title.'</a>' ."\n";
                }
                
            }
 
            if ( $parent_id == $menu_item->menu_item_parent ) {
 
                if ( !$submenu ) {
                    $submenu = true;
                    $menu_list .= '<ul class="dropdown-menu">' ."\n";
                }
 
               $menu_list .= '<li class="nav-item-lv2">' ."\n";
                $menu_list .= '<a class="nav-link" href="'.$link.'" >'.$title.'</a>' ."\n";
                $menu_list .= '</li>' ."\n";
                     
                if ( $menu_items[ $count +1 ]->menu_item_parent != $parent_id && $submenu ){
                    $menu_list .= '</ul>' ."\n";
                    $submenu = false;
                }
 
            }
 
          
        
            $count++;
            
        }
        
        $menu_list .= '</ul></nav>' ."\n";
 
    } else {
        $menu_list = '<!-- no menu defined in location "'.$theme_location.'" -->';
    }
    echo $menu_list;
}
//cách xài 
clean_custom_menu("Vị trí menus") được đăng ký trong theme

function clean_custom_menu( $theme_location ) {

if ( ($theme_location) && ($locations = get_nav_menu_locations()) && isset($locations[$theme_location]) ) {

$menu = get_term( $locations[$theme_location], 'nav_menu' );

$menu_items = wp_get_nav_menu_items($menu->term_id);

//var_dump($menu_items);

$menu_list = '<nav>';

$menu_list .= '<ul id="nav" class="nav hidden-sm hidden-xs">' ."\n";

$count = 0;

$submenu = false;

foreach( $menu_items as $menu_item ) {

$link = $menu_item->url;

$title = $menu_item->title;

if ( !$menu_item->menu_item_parent ) {

$parent_id = $menu_item->ID;

if(!empty($menu_items[ $count +1 ]) && ($menu_items[ $count +1 ]->menu_item_parent == $parent_id)){

$menu_list .= '<li class="hidden-sm hidden-xs nav-item has-dropdown">' ."\n";

$menu_list .= '<a class="nav-link" href="'.$link.'" >'.$title.' <i class="fa fa-angle-down" data-toggle="dropdown"></i></a>' ."\n";

}

else{

$menu_list .= '<li class="hidden-sm hidden-xs nav-item ">' ."\n";

$menu_list .= '<a class="nav-link" href="'.$link.'" >'.$title.'</a>' ."\n";

}

if ( $parent_id == $menu_item->menu_item_parent ) {

if ( !$submenu ) {

$submenu = true;

$menu_list .= '<ul class="dropdown-menu">' ."\n";

}

$menu_list .= '<li class="nav-item-lv2">' ."\n";

$menu_list .= '<a class="nav-link" href="'.$link.'" >'.$title.'</a>' ."\n";

$menu_list .= '</li>' ."\n";

if ( $menu_items[ $count +1 ]->menu_item_parent != $parent_id && $submenu ){

$menu_list .= '</ul>' ."\n";

$submenu = false;

}

$count++;

}

$menu_list .= '</ul></nav>' ."\n";

} else {

$menu_list = '';

}

echo $menu_list;

}

//cách xài

clean_custom_menu("Vị trí menus") được đăng ký trong theme

4.9/5 (9 Đánh giá)

Gửi Phản Hồi

0 Bình Luận

có thể bạn cần xem:

Một số hằng define hay dùng trong wordpress [ 26/05/2022 14:38 ]
Code mẫu add_menu_page và add_submenu_page [ 17/12/2021 14:04 ]
Các functions hỗ trợ cho table meta wordpress [ 14/11/2021 04:06 ]
Thêm mã google analytics vào wordpress [ 12/11/2021 03:07 ]
Một số function liên quan đến post wordpress [ 24/09/2021 07:35 ]
Xử lý dữ liệu json_encode wordpress [ 21/09/2021 08:14 ]
Cách dùng wp_schedule_single_event [ 21/09/2021 02:33 ]
Các phương thức liên quan đến database wordpres [ 18/09/2021 15:54 ]
Các functions liên quan đến user wordpress [ 18/09/2021 15:34 ]
Include css và js theo shortcode [ 16/09/2021 08:56 ]

Custom menus trong wordpress

có thể bạn cần xem:

Đăng ký nhận bài viết mới

Hướng dẫn thiết kế theme

Thiết kế theme wordpress phần 8

Thiết kế theme wordpress phần 7

Thiết kế theme wordpress phần 6

Thiết kế theme wordpress phần 5

Thiết kế theme wordpress-phần 4

Các functions thường dùng

Function xử lý upload to media wordpress

Function get ip address

Thay thế file_get_contents

Code tích hợp acf vào theme và plugin

Một số function thường dùng khi làm theme wordpress (some functions popular for work do theme worpdress)