Tạo menu đa cấp trong wordpress

  -  
*

Nếu các bạn đã cùng đang học wordpress thì code tạo nên menu dropdown mang đến wordpress cho những người mới vững chắc cũng gặp không ít rắc rối. Hôm nay mình xin giới thiệu chúng ta cách tạo nên menu mang lại wordpress sử dụng bootstrap + thư viện walker_nav_menu . Chúng ta hãy làm theo các bước dưới phía trên :


Bước 1 : đầu tiên mình tạo ra menu trong quản ngại trị website wordpress

Bạn chỉ việc khởi chế tạo ra menu và chuyển vào quản trị dễ dàng dàng. Chỉ cần copy đoạn code dưới đây cho vào file function.php của themes mà nhiều người đang dùng là oke .

Bạn đang xem: Tạo menu đa cấp trong wordpress


add_theme_support( 'menus' );add_action( 'init', 'register_my_menus' ); function register_my_menus() register_nav_menus( array( 'main-nav' => 'Main Navigation' ));

Save lại và vào quản lí trị f5 lại trình duyệt chúng ta vào phần làm chủ menu ngơi nghỉ mục hình ảnh > Menu các bạn sẽ thấy hiện ra menu Main Navigation mà bạn vừa sản xuất ra.

*

Tiếp tục các bạn cần tạo thành một mục menu với chon trình solo cho thực đơn đó. Vậy là mục quản lí trị đã chấm dứt . Việc tiếp theo sau ta cần gọi menu kia ra hiển thị khu vực mà bạn thích .

Xem thêm: Cách Cài Đặt Bình Luận Trên Facebook, Và Cách Bật

Bước 2 : Ghép code html vào hàm wp_nav_menu và hotline menu hiển thị ra ngoài

Bây tiếng bạn tìm tới nơi mà mình muốn hiện menu và chúng ta sẽ thực hiện hàm wp_nav_menu() bằng cách copy tổng thể code tiếp sau đây và đặt vào vị trí mà bạn có nhu cầu . Đây là đoạn html của mình lúc đầu trước khi bỏ vô code.


PHP
1
2
3
4
5
6
7
div class="col-md-6 col-sm-6 vn4u-lienket">
ul>
li>a href="#">Tin tức/a>/li>
li>a href="#">Quy Trình/a>/li>
li>a href="#">Thanh Toán/a>/li>
/ul>
/div>

Sau đó mình sẽ bỏ vô hàm wp_nav_menu() code vẫn thành

 


PHP
'main-nav', 'items_wrap' => '%3$s', 'walker' => $wp_bootstrap_navwalker ) ); ?>
1
2
3
4
5
6
7
8
9
10
11
div class="col-md-6 col-sm-6 vn4u-lienket">
$wp_bootstrap_navwalker = new wp_bootstrap_navwalker;
wp_nav_menu(array(
'theme_location' => 'main-nav',
'items_wrap' => '%3$s',
'walker' => $wp_bootstrap_navwalker
)
);
?>
/div>

Các bạn chăm chú nhé. Theme_location phải là tên mà chúng ta đã đk ở register_menu trên nhé. Và trong đoạn code trên mình bao gồm đề cập tới wp_bootstrap_navwalker thì các bạn click vào đây để tải và ghi nhớ include nó làm việc đầu file function nhé 

 


PHP
require_once dirname( __FILE__ ) .'/walker.php';
1
require_once dirname( __FILE__ ) .'/walker.php';

Kết quả :

*

Thế là dứt rồi đó chúng ta ! các bạn chỉ việc lưu lại và ra bên ngoài trình chăm chú F5 lại nhằm tận hưởng hiệu quả . Giả dụ trong quá trình lập trình wordpress chúng ta gặp bất kể khó khăn gì thì nên nhắn tin với comment bên dưới nhé, bản thân sẽ có tác dụng và lý giải rõ cho các bạn.

Xem thêm: Không Nhận Được Mail Trong Outlook, Khắc Phục Các Sự Cố Đồng Bộ Email Outlook

 

Chúc chúng ta thành công !


Please enable JavaScript khổng lồ view the comments powered by Disqus.
cung cấp trực đường cung ứng khách hàng Email chăm sóc khách sản phẩm
cung cấp trực đường
DỊCH VỤ THIẾT KẾ website GIÁ RẺ
tương tác
xây đắp Website
liên kết
Đăng Ký dịch vụ thương mại
*