Cách Tạo Và Chỉnh Sửa Menu WordPress ?

Học làm website wordpress

Bạn đang tìm hiểu cách tạo và chỉnh sửa menu trên wordpress như thế nào ? Sau đây là cách để tạo 1 menu cơ bản trong wordpress wp_nav_menu() và hiển thị nó ra ngoài giao diện wordpress.Các bạn xem qua chia sẻ của mình để thực hiện dễ dàng nhé.

1/ Các bước tạo menu trong wordpress:

Bước 1: Để tạo menu trong wordpress các bạn nhấp vào Giao diện và chọn cho mình menu như hình chụp bên dưới
cach-tao-chinh-sua-menu-trong-wordpress
Cách tạo và chỉnh sửa menu trong wordpress
Main-menu-trong-wordpress
Tạo menu trong wordpress

Các bạn nhấp vào tạo tạo trình đơn và chọn dùm mình vị trí menu mà bạn đang cần hiển thị. Ở đây có nhiều vị trí cho bạn lựa chọn chẳng hạn như Primary, Top Bar Navigation,….

cach-tao-menu-trong-wordpress
Cách tạo menu trong wordpress
Bước 2: Tiếp theo bạn cần xác định menu mình chứa link nào ?

Link này là danh mục sản phẩm, một page hay 1 post nào đó. Trong 1 theme bạn sẽ có rất nhiều menu, mỗi menu sẽ có 1 location riêng. Các bạn chọn trang mình cần hoặc có thể chọn toàn bộ và nhấp vào Thêm vào menu như hình mình chụp bên dưới là được.

Chon-trang-tuong-ung-menu-trong-wordpress
Chọn trang tương ứng menu trong wordpress
Bước 3: Ở đây mình chọn page liên hệ cho vào menu.

Sau đó click thêm menu thì kết quả sẽ ra như sau. Lúc này các bạn đã

danh-sach-item-menu-wordpress
Danh sách item trên menu wordpress

Menu này mình có phân cấp cho sản phẩm có 3 phân cấp giày da nam, giày vải….

Với những template wordpress khi bạn cài vào thì thường là nó hỗ trợ menu cơ bản và dạng Dropdown. Tức khi bạn rê chuột vào một danh mục nó xổ ra cho bạn 1 danh sách các danh mục con cho bạn dễ dàng lựa chọn. Riêng trường hợp nó không hề hỗ trợ menu dạng đó. Và bạn hiểu về code PHP thì lúc này bạn có thể tùy chỉnh nó theo ý của mình.

Để hiển thị menu dạng tùy chỉnh này các bạn dùng code sau đây trong function.php. Các bạn nên lưu cẩn thận nên tiến hành trên host nhé

Trong đoạn code trên bạn chú ý các function sau

start_lvl(): Đây dùng để khai báo bắt đầu vòng lặp thường là <ul>….Các bạn có thể tùy chỉnh css và các thông số liên quan dễ dàng.

end_lvl(); Kết thúc của thẻ <ul>

start_el()://Và đây là phần quan trọng nhất mà các bạn nên chú ý đó là các item con bên trong <li> các bạn có thể tùy chỉnh hết sức dễ dàng nhờ vào đây.

end_el(): Kết thúc các item con bên trong vòng lặp </li>

Nếu bạn đã xong đến đây rồi thì chỉ việc cuối cùng là hiện thị menu nó ra ngoài là xong các bạn nhé

Bước 4: Để hiển thị trong theme các bạn dùng code sau:

Kết quả bạn được như sau

ket-qua-tao-menu-wordpress
Kết quả tạo menu trong wordpress

2/ Tóm lại:

Vài chia sẻ trên của mình về cách tạo và chỉnh sửa một menu trên wordpress rất mong mang lại những kiến thức bổ ích cho các bạn trong quá trình tùy chỉnh menu trên wordpress.

Menu đẹp nó góp phần tạo điểm nhấn cho website bạn và giúp người dùng dễ dàng tương tác với website bạn nhanh chóng và dễ dàng.

Nếu các bạn có thắc mắc gì vui lòng comment bên dưới mình sẽ hỗ trợ giúp các bạn.

Chúc các bạn thành công !

 

Please wait...
Nguyễn Tâm Blog

Blog Làm web siêu rẻ mình lập ra làm nơi chia sẻ kiến thức về thủ thuật máy tính, google, facebook, youtube được mình tổng hợp từ nhiều nguồn rất mong nhận ý kiến đóng góp từ các bạn để blog thêm hoàn chỉnh

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

nineteen + three =