Cách tùy biến mỗi trang một thanh menu trong WordPress

Menu là một phần cơ bản của hầu hết các website, nó giúp người dùng có thể tìm thấy các trang quan trọng trên website một cách đơn giản và nhanh chóng. Thường mỗi một trang web đều có một menu để làm việc đó. Tuy nhiên, đối với các trang có cấu trúc phức tạp, bạn có thể sẽ muốn mỗi nhóm trang có một menu riêng. Để tùy chỉnh như thế, bạn sẽ cần plugin để tạo các menu khác nhau, và mỗi menu sẽ được sử dụng cho một trang mà bạn muốn.

Trong bài viết này, mình sẽ hướng dẫn các bạn cách làm từ A đến Z một cách dễ hiểu và đơn giản nhất. Nhưng trước tiên, hãy cùng nghía qua những ứng dụng thực tế của việc tạo thanh menu riêng cho từng trang trên website WordPress nhé!

Ứng dụng của việc tùy biến mỗi trang một thanh menu

Việc có những menu riêng cho từng trang sẽ rất hữu ích trong các trường hợp sau:

  • Hiển thị các trang sản phẩm lên menu của homepage. Các trang sản phẩm sẽ có những menu riêng chứa các trang phụ đưa thông tin về sản phẩm. Ví dụ: menu của trang sản phẩm sẽ chứa những thông tin như giá cả, nguồn gốc xuất xứ, … của riêng sản phẩm đó.
  • Bạn có website về một chuỗi cửa hàng, mỗi cửa hàng là một trang riêng. Menu của homepage sẽ dẫn về các trang cửa hàng, và mỗi trang cửa hàng sẽ có một menu riêng chứa những page cần thiết như: sản phẩm, địa chỉ, đặt hàng, …

Để các bạn dễ hình dung, mình sẽ lấy ví dụ về một website bán hoa quả. Website của mình có một menu mặc định trên homepage dẫn về hai page là Apple và Banana:

Website có một menu mặc định trên homepage.

Mình sẽ tạo thêm hai menu riêng cho hai page này bằng cách sử dụng plugin Conditional Menus. Các bước cụ thể như sau:

Bước 1: Cài đặt và kích hoạt plugin Conditional Menus

Plugin Conditional Menus miễn phí và có sẵn trên wordpress.org, bạn chỉ cần cài đặt và kích hoạt plugin như bình thường là được.

Tiếp theo, hãy vào Appearance > Menus và chuyển sang tab Manage Locations, bạn sẽ thấy một mục + Conditional Menu mới được thêm vào bởi plugin:

Conditional Menu mới được thêm sau khi bạn cài đặt.

Bước 2: Tạo các menu

Giờ mình sẽ tạo các menu riêng cho các hai page Apple và Banana. Mình vào Appearance > Menus > Edit Menus > Create a new menu để tạo menu mới:

Tạo menu mới.

Tiếp theo, điền tên cho menu, chọn vị trí hiển thị menu (mình chọn hiển thị ở Header) và nhấn Create Menu.

Điền tên cho menu, chọn vị trí hiển thị menu.

Trong phần Add menu items, hãy thêm các trang vào menu (ví dụ mình thêm hai trang là Apple OriginApple Price) rồi ấn Save Menu để lưu lại các thay đổi:

Trong phần Add menu items, hãy thêm các trang vào menu.

Giờ mình sẽ làm tương tự cho menu riêng của trang Banana:

Thêm trang Banana trong tab Menu.

Bước 3: Chọn menu riêng cho từng trang

Vẫn trong mục Appearance > Menus, hãy chuyển sang tab Manage Locations và chọn + Conditional Menu:

Chọn Conditional Menu trong tab Manage Locations.

Hãy chọn trong danh sách menu mà bạn muốn tạo riêng cho các trang (ví dụ mình chọn Apple Menu) rồi ấn + Conditions để thiết lập điều kiện hiển thị menu:

Chọn và thiết lập cho menu.

Một hộp thoại mới sẽ hiển thị ra, bạn sẽ thấy rất nhiều tab khác nhau cho phép bạn lựa chọn để hiển thị menu riêng cho từng category, post type, taxonomy, user role hoặc các trang homepage, trang 404, …

Mình sẽ chọn tab Pages, và chọn trang Apple để menu của mình hiển thị với trang này.

Chọn trang hiển thị menu.

Mình cũng làm tương tự với trang Banana nhé.

Chọn và thiết lập cho menu ở trang khác.

Cuối cùng, đừng quên ấn Save Changes để lưu lại các thay đổi.

Giờ mình sẽ ra ngoài front end của website WordPress để kiểm tra kết quả:

Kết quả việc tạo từng menu cho các trang.

Như các bạn có thể thấy, Homepage cùng hai page Apple và Banana của mình đã có 3 menu khác nhau theo đúng ý mình.

Lời cuối

Như bạn có thể thấy, việc dùng plugin Conditional Menus để tùy biến mỗi trang một thanh menu rất đơn giản. Bên cạnh đó, plugin này còn cung cấp cho các bạn rất nhiều lựa chọn linh hoạt để tạo menu riêng cho custom post type, category, taxonomy, user role hay thậm chí cả những trang như trang thống kê tag, trang thống kê các tác giả trên website, trang 404, …

Bạn đã thử tùy biến mỗi trang một thanh menu chưa? Theo bạn thì việc tạo menu riêng cho các trang khác nhau còn có những ứng dụng nào khác trong thực tế nữa? Hãy chia sẻ với FitWP trong phần bình luận! Ngoài ra, mình còn các bài viết hữu ích khác về menu WordPress, bạn cũng có thể tham khảo nhé!

Để lại bình luận

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 *