Trong bài viết trước là Tạo Navigation Menu ở dưới Footer trong Genesis mình đã hướng dẫn sử dụng 02 Navigation Menu mặc định của Genesis là Primary và Secondary Menu để tạo một Footer Menu. Trong bài này, mình sẽ hướng dẫn Tạo mới Footer Navigation Menu trong Genesis Framework thay vì chỉ sử dụng cách như bên trên.
Quy trình thực hiện để tạo mới Footer Navigation Menu trong Genesis child theme như sau:
- Khai báo theme sẽ hỗ trợ là 03 Navigation Menu
- Thêm function để hiển thị Navigation của Menu thứ 03
- Tùy biến class trong CSS tương ứng phù hợp với theme đang sử dụng
Nhào vô thực hiện hen!
Khai báo theme sẽ hỗ trợ là 03 Navigation Menu
Mặc định thì Genesis có 02 Menu đó là Primary và Secondary, chính vì vậy ta cần khởi tạo thêm một Menu thứ 03. Để làm được được điều này bạn thêm đoạn code bên dưới vào tập tin functions.php
trong child them bạn đang sử dụng:
https://gist.github.com/nhatdongnguyen/2b3de2975bfab768789b
Thêm function để hiển thị Navigation của Menu thứ 03
https://gist.github.com/nhatdongnguyen/cd797aea5efdfdf3531d
Cũng như bước bên trên, bạn thêm đoạn mã trên vào tập tin functions.php
nha.
Giải thích thêm một xíu về đoạn code trên hen:
- Đối với dòng echo đầu tiên khai báo navigation hỗ trợ HTML5
- Dòng container id là nav-footer class mà menu thứ 03 này sẽ sử dụng
- Dòng depth là 1 vì ta chỉ lấy giá trị menu item đầu tiên mà không lấy các sub item.
Tùy biến class trong CSS
Bước này thì tùy thuộc vào child theme mà bạn sử dụng để tùy biến sao cho phù hợp nha. Các class bạn có thể tùy biến – thêm vào tập tin style.css là:
- nav-footer
- menu-footer
Thế là xong bài hướng dẫn Tạo mới Footer Navigation Menu trong Genesis Framework rồi đấy. Chúc bạn thành công.
Trân Lý says
E dùng beautiful pro theme chỉ có primary navigation thì làm sao a?
Nguyễn Nhật Đông says
Trong theme đó thì SP chỉ hỗ trợ một menu thôi em ơi!
Để support 2 menu thì vào functions.php xóa dòng 74+75 đi nhá!