Nội dung

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

4 năm trước, Thủ thuật web, Code theme wordpress, 864 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

  • Hướng dẫn Plugin floating contact

    Hướng dẫn Plugin floating contact

    8 tháng trước, 312 Lượt xem

    Netweb xin hướng dẫn cách quản lý Plugin floating contact các bạn nhớ làm theo kỹ tường bước để plugin hoạt động Tính năng: Hiển…

  • Backup Yandex Mail

    Backup Yandex Mail

    10 tháng trước, 219 Lượt xem

    Khác với dịch vụ email theo tên của microsoft và google với chi phí đắt đỏ tầm 1tr/năm/1user, vì thế nên netweb khuyên dùng dịch…

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)