Nội dung

HƯỚNG DẪN TẠO MENU TRONG WORDPRESS

3 năm trước, Thủ thuật web, Code theme wordpress, 555 Lượt xem

Bước 1. Khởi tạo Menu Location

Để tạo một menu location không có gì là khó khăn, chỉ với một vài dòng đặt vào file functions.php là bạn tạo được. Nhưng trước khi tạo menu location, hãy chắc chắn là theme của bạn đã hỗ trợ tính năng menu bằng cách kiểm tra xem có đoạn dưới trong file function của theme chưa, nếu chưa thì thêm vào.

add_theme_support( 'menus' );

Hàm thêm menu cho wordpress.

// Them menu cho site wp
add_theme_support( 'menus' );

function register_menus() {
  register_nav_menus(
    array(
      'main-menu' => __( 'Main Menu' ),
      'footer-menu' => __( 'Footer Menu' )
    )
  );
}
add_action( 'init', 'register_menus' );

 

Code lấy menu ra ngoài theme wordpress, nó sẽ từ lấy menu khi thêm menu trong wordpress

<?php wp_nav_menu( array( 'theme_location' => 'footer-menu' ) ); ?>

 

Xem thêm: https://codex.wordpress.org/Navigation_Menus

 

Thêm class cho menu theo tùy biến

 <?php
	      wp_nav_menu( array(
	        'theme_location'  => 'header_menu',
	        'menu'            =>'header_menu',
	        'container'       => 'div', 
	        'container_class' => 'jetmenu-wrapper', 
	        'menu_class'      => 'menu', 
	        'echo'            => true,
	        'fallback_cb'     => 'wp_page_menu',
	        'items_wrap'      => '<ul class="jetmenu">%3$s</ul>',
	        'depth'           => 0
	      ) );
	    ?>

Thay đổi class sub menu thêm vào file function.php

//doi submenu
function new_submenu_class($menu) {    
    $menu = preg_replace('/ class="sub-menu"/','/ class="dropdown" /',$menu);        
    return $menu;      
}

add_filter('wp_nav_menu','new_submenu_class'); 

 

Bài viết mới cập nhập

  • Quản lý mẫu web phòng khám

    Quản lý mẫu web phòng khám

    3 tháng trước, 135 Lượt xem

    Xin chào tất cả các khách hàng dùng mẫu web công ty bên netweb, sau đây netweb.vn xin hướng dẫn các bạn quản lý mẫu…

  • Quản lý mẫu web công ty

    Quản lý mẫu web công ty

    5 tháng trước, 192 Lượt xem

    Xin chào tất cả các khách hàng dùng mẫu web công ty bên netweb, sau đây netweb.vn xin hướng dẫn các bạn quản lý mẫu…

Bình luận trên facebook netweb.vn

Chủ đề liên quan theo Tag

Đam mê thiết kế web, kinh nghiệm 9 năm trong nghề thiết kế website, đang thiết kế web dạo tại netweb.vn, Callme: 08.9898.2526 (Mr Hải)