Cách đặt menu trên mọi trang WordPress

Bạn có muốn biết làm thế nào để có menu trên mỗi trang WordPress? Có nhiều trường hợp bạn cần các menu khác nhau trên các trang khác nhau.

• Ví dụ:, bạn có thể có trang web một trang nhưng muốn có một trang liên hệ hoặc cửa hàng chuyên dụng. Trong trường hợp này, không thể sử dụng các liên kết điều hướng menu trên cùng trên các trang riêng biệt đó (ví dụ: liên hệ hoặc cửa hàng) vì chúng được đặt để hướng dẫn người dùng qua các phần khác nhau trên cùng một trang (ví dụ: trang chủ của bạn).

Một trường hợp khác có thể là khi người dùng đang truy cập trang cửa hàng của bạn. Vì trang đó có chức năng khác với phần còn lại của trang web nên bạn có thể muốn sử dụng menu trên cùng để hiển thị danh mục sản phẩm hoặc thông tin liên quan khác cho những người muốn mua hàng.

Ở đây bạn có thể đọc về: Các cách để thêm biểu mẫu đăng ký trong WordPress

Để đạt được kết quả mong muốn, bạn nên tạo menu trên mỗi trang WordPress cho từng trường hợp này và chỉ hiển thị chúng trên các trang đó. May mắn thay, vì WordPress có một cộng đồng lớn đằng sau nó nên bạn có thể đạt được điều này với sự trợ giúp của một plugin miễn phí.

Phương pháp có menu trên mỗi trang WordPress

Bây giờ, hãy xem cách bạn có thể đặt menu trên mỗi trang WordPress:

Phương pháp 1: Menu trên mọi trang WordPress

Đây là các bước bạn phải tuân theo để có menu trên mỗi trang WordPress:

Phần 1: Cài đặt plugin miễn phí để có menu trên mọi trang WordPress

Để thiết lập một menu khác cho một trang nhất định, bạn sẽ cần sử dụng plugin Menu có điều kiện. Để cài đặt nó, hãy làm theo các bước dưới đây:

1. bước 1: Từ bảng điều khiển WordPress của bạn, đi tới Plugin → Thêm mới
2. 2 Bước: Trong thanh tìm kiếm, hãy tìm kiếm "Menu có điều kiện» và cài đặt kết quả đầu tiên (ảnh chụp màn hình)

3. bước 3: Sau khi cài đặt xong, bấm vào Kích hoạt.

Phần 2: Tạo menu khác nhau cho các trang khác nhau

Để tạo menu cho từng trang cần:

1. bước 1: Đi đến Bảng điều khiển WordPress → Giao diện → Tùy chỉnh → nhấp vào Menu
2. 2 Bước: Thêm một menu mới, hãy gọi nó là «Menu trang liên hệ» (hoặc bất kỳ tên nào khác)
3. 3 Bước: Thêm các mục menu cho mỗi trang hoặc liên kết tùy chỉnh và nhấp vào Xuất bản
4. 4 Bước: Lặp lại quy trình cho tất cả các menu khác mà bạn cần.

Phần 3: Quản lý vị trí từng menu

Đi đến Giao diện → Menu → Quản lý địa điểm và bắt đầu tùy chỉnh menu của bạn trên mỗi trang WordPress bằng cách làm theo các bước sau:

1. bước 1: Nhấp chuột + Thực đơn có điều kiện để thêm một menu mới vào cùng một vị trí (ví dụ: Menu chính)
2. bước 2: Chọn menu bạn muốn thêm
3. bước 3: Nhấp chuột + Điều kiện để chọn những nơi bạn muốn menu cụ thể đó xuất hiện
4. bước 4: Nhấp chuột Lưu Thay đổi và truy cập trang này để đảm bảo nó hoạt động chính xác;

Lặp lại quy trình tương tự cho bất kỳ số trang riêng biệt nào.

Phương pháp 2: Cách tạo các menu khác nhau trên mỗi trang WordPress

Menu là nội dung cơ bản của mọi trang web; giúp khách truy cập tìm thấy các trang họ cần một cách dễ dàng. Tuy nhiên, trên các trang web có cấu trúc phức tạp, bạn có thể muốn mỗi nhóm trang có các menu riêng biệt. Để tùy chỉnh chúng theo cách đó, bạn cần một plugin để tạo các menu khác nhau và gán chúng cho các trang/nhóm trang của bạn.

Trong phương pháp này, chúng tôi sẽ hướng dẫn chi tiết cho bạn cách thực hiện một cách nhanh nhất. Nhưng trước tiên, hãy xem việc tạo các menu riêng biệt cho từng trang có thể giúp bạn như thế nào trong những tình huống cụ thể.

Phần 1: Sử dụng ứng dụng tạo menu trên mọi trang WordPress

Việc có các menu riêng cho từng trang có thể giúp bạn nếu:

1. Bạn muốn hiển thị các trang sản phẩm trong menu trang chủ. Mỗi trang sản phẩm sẽ có một menu cụ thể có các menu con liên kết với các trang thông tin sản phẩm. Ví dụ: menu trên trang sản phẩm sẽ chứa các thông tin như giá, nước xuất xứ của sản phẩm tương ứng.
2. Bạn có một trang web chuỗi cửa hàng và mỗi cửa hàng được trình bày trên một trang riêng. Menu trang chủ sẽ hướng bạn đến các trang cửa hàng. Mỗi trang cửa hàng sẽ có menu riêng gồm các trang thiết yếu như sản phẩm, địa chỉ, đơn hàng,…

Để dễ hiểu hơn chúng ta sẽ lấy ví dụ về một website kinh doanh trái cây. Trang web có một menu mặc định trên trang chủ dẫn đến hai trang là Apple và Banana.

Chúng tôi sẽ tạo thêm hai menu riêng biệt cho hai trang này bằng cách sử dụng plugin Menu có điều kiện. Đây là các bước để làm điều đó:

Phần 2: Cài đặt và kích hoạt plugin Conditional Menus

Các plugin Menu có điều kiện là miễn phí và có sẵn tại wordpress.org . Bạn chỉ cần cài đặt và kích hoạt nó như mọi plugin miễn phí khác.

1. bước 1: Tiếp theo, đi đến Ngoại hình> Thực đơn, thay đổi thành Quản lý địa điểm và bạn sẽ thấy + Thực đơn có điều kiện được thêm bởi plugin:

Phần 3: Tạo menu cho từng trang WordPress

1. bước 1: Bây giờ chúng ta sẽ tạo các menu riêng cho trang Apple và Banana. Để làm điều này, chúng ta hãy Ngoại hình> Thực đơn > Chỉnh sửa menu > tạo thực đơn mới .

2. bước 2: Tiếp theo chúng ta sẽ đặt tên cho menu, chọn vị trí hiển thị của menu (mình muốn hiển thị trên tiêu đề), rồi bấm vào Tạo thực đơn.

3. bước 3: Trong phần Thêm các mục menu, bạn phải thêm các trang dưới dạng menu con. Thêm hai trang được Xuất xứ táoy giá táo al thực đơn táo. bấm vào trong menu Lưu.

4. bước 4: Bây giờ thực hiện các bước tương tự để tạo menu riêng cho trang Trái chuối:

Phần 4: Thiết lập menu trên từng trang WordPress (tương ứng)

1. bước 1: Vẫn còn trong Ngoại hình> Thực đơn, thay đổi thành Quản lý địa điểm và chọn + Thực đơn có điều kiện:

2. bước 2: Từ danh sách, chọn một menu (Tôi đang chọn Menu Apple). nhấp chuột + Tình trạng để đặt nơi hiển thị nó:

LƯU Ý: Một cửa sổ bật lên mới sẽ xuất hiện và bạn sẽ thấy các tab khác nhau để lựa chọn. Bạn có thể chọn hiển thị menu trên từng danh mục, loại bài đăng, phân loại, vai trò người dùng hoặc trang chủ, trang 404, v.v.

3. bước 3: Chọn tab Trang và trang Apple để đặt menu trên trang này.

4. bước 4: Thực hiện tương tự với Menu Chuối.

5. bước 5: Cuối cùng, đừng quên nhấp vào Lưu Thay đổi, hoặc mọi thứ bạn đã làm sẽ biến mất.

Bây giờ bạn phải vào giao diện WordPress để kiểm tra kết quả.

Như bạn có thể thấy, trang chủ, trang Apple và trang Banana hiện có ba menu khác nhau.

Các loại Menu trên mỗi trang WordPress

Điều hướng thoải mái trên một trang web là rất quan trọng. Vì vậy, điều quan trọng là tạo một menu tùy chỉnh trên mỗi trang được tổ chức tốt và dễ dàng cho người dùng theo dõi. Tuy nhiên, website không phải lúc nào cũng cần một menu thống nhất trên tất cả các trang vì mỗi trang đều có mục đích riêng. Bạn có muốn tạo các menu khác nhau trên mỗi trang WordPress không? Hãy xem bên dưới là những lựa chọn tốt nhất bạn có thể sử dụng:

Các plugin tốt nhất cho các menu khác nhau trên mỗi trang wordpress

Hãy tưởng tượng, bạn có một trang web một trang. Ở đó, bạn cần một trang riêng với biểu mẫu liên hệ và chatbot hoặc trang cửa hàng có liên quan. Và không thể triển khai chúng về mặt kỹ thuật vì chúng sẽ chỉ hướng dẫn người dùng qua các phần khác nhau của trang đích.

Giả sử khách truy cập đã đến trang cửa hàng của bạn. Bạn phải có một menu cụ thể trong tiêu đề để hiển thị danh mục sản phẩm, thông tin vận chuyển, nút Thêm giỏ hàng, vân vân. Tuy nhiên, bạn có thể gặp phải vấn đề tương tự như trong trường hợp trước. Hoặc bạn có thể thấy menu trang chủ bị trùng lặp trên trang cửa hàng.

Nó sẽ không hoạt động bình thường, phải không? Mỗi trang phải có một menu liên quan. Tuy nhiên, có thể khó thực hiện chúng trên các trang khác nhau. Đừng sợ hãi, ở đây chúng tôi cung cấp cho bạn rất nhiều giải pháp để thỏa mãn nhu cầu này. Nhưng trước khi cho bạn biết cách tạo menu trên mỗi trang WordPress, hãy tập trung vào các công cụ chính sẽ giúp bạn thiết lập menu tùy chỉnh trên mỗi trang.

1. Khối phản lực

Hãy bắt đầu với JetBlocks. Plugin này cho phép bạn tạo các tiêu đề và chân trang cụ thể hoàn toàn phù hợp với nhu cầu của trang web của bạn. Với JetBlocks, thật dễ dàng để thêm các yếu tố cần thiết vào tiêu đề và tạo menu tùy chỉnh:

1. Biểu mẫu đăng nhập
2. Mẫu đăng ký
3. Tìm kiếm biểu mẫu
4. và giỏ hàng WooC Commerce,
5. Chức năng điều hướng
6. Tấm có thể mở rộng.

Ngoài ra, bạn có thể thêm và tùy chỉnh logo trang web, chèn liên kết ủy quyền và các yếu tố khác để tạo menu tùy chỉnh tuyệt đẹp trên mỗi trang.

Bạn có thể tải xuống từ đây

2. JetMenu

JetMenu bạn có thể tùy ý thiết kế menu lớn. Với sự trợ giúp của plugin này, bạn có thể tạo và tùy chỉnh từng mục, thêm các mục và huy hiệu khác nhau cũng như tùy chỉnh chúng.

Ngoài ra, bạn có thể thay đổi nền của các mục menu, thiết kế kiểu chữ menu, áp dụng chế độ Di chuột, v.v. Chúng tôi cá rằng khả năng của plugin JetMenu là vô hạn. Đây là một trong những công cụ tốt nhất để tạo menu trên mỗi trang WordPress.

Bạn có thể tải xuống từ đây

3. JetThemeCore

với JetThemeCore, bạn có thể tạo các mẫu và mẫu chủ đề tùy chỉnh cho các trang như 404. Và tất nhiên, tạo tiêu đề không giới hạn và gán chúng cho các trang khác nhau. Quá trình này trực quan và được tính toán kỹ lưỡng, vì vậy bạn không cần thêm kiến ​​thức để viết mã hay bất cứ điều gì khác. Nếu bạn chỉ có plugin JetThemeCore, bạn chỉ cần tạo một menu tùy chỉnh trên mỗi trang và thêm bất kỳ nội dung cụ thể nào vào đó là đủ. Ít nhất bạn có thể sử dụng tiêu đề được tạo sẵn và thực hiện một số thay đổi ở đó.

Bạn có thể tải xuống từ đây

Cách cấu hình và tạo menu trên mỗi trang WordPress

Trước hết, hãy đảm bảo bạn đã cài đặt tất cả các plugin cần thiết. Nếu bạn đã biết cách tạo tiêu đề, hãy chuyển sang phần thiết kế menu và định cấu hình chúng trên các trang khác nhau. Bây giờ chúng ta hãy bắt tay vào làm việc.

Phần 1: Tiêu đề đơn giản với Mega Menu Widget

1. bước 1: Để thêm tiêu đề vào trang web của bạn. Ở đó bạn sẽ thấy các phần của chủ đề,nơi bạn sẽ thêm tiêu đề.
2. bước 2: Nhấn vào nút Thêm mới, Chọn loại mẫu: tiêu đề và chọn tên cho nó.
3. bước 3: Bạn sẽ được chuyển hướng đến trang Elementor nơi phép thuật sẽ bắt đầu.
4. bước 4: Thêm một phần và chọn bố cục phù hợp, ví dụ Độ rộng nội dung: hộp thư đến, Đặt các thông số bạn cần.

Các widget trong menu trên mỗi trang WordPress

Mega Menu Widget xứng đáng được bạn chú ý nếu bạn muốn tạo một menu tùy chỉnh trên mỗi trang đẹp mắt.

1. bước 1: Tìm kiếm Mega Menu Widget trong bảng mục.

LƯU Ý: Có hai lựa chọn có sẵn: Menu Mega dọc và Menu Mega đơn giản

2. bước 2: Bây giờ, chúng ta sẽ tập trung vào điều cuối cùng. Sau khi kéo tiện ích, bạn có thể thấy các tab cài đặt ở thanh bên trái.
3. bước 3: Tìm kiếm nội dung, mở ra Tổng quan và Chọn một menu ở đó.
4. bước 4: Chọn giữa Màn hình Menu hoặc quay lại bảng điều khiển WordPress — Ngoại hình- Thực đơn.
5. bước 5: Bây giờ Chọn menu bạn muốn làm việc hoặc tạo một menu mới.
6. bước 6: Sau khi tạo menu, bạn sẽ thấy menu đó trong danh sách các menu có sẵn trong Elementor.

LƯU Ý: Đừng quên đặt menu cho phiên bản máy tính để bàn và thiết bị di động của trang web của bạn để đảm bảo nó có thiết kế đáp ứng.

Tab Phong cách, bạn có thể tùy chỉnh menu trong tương lai của mình: đặt căn chỉnh, thay đổi nền, loại đường viền hoặc bóng hộp. Tìm một trong những phù hợp nhất với bạn.

Ngoài ra, bạn có thể tạo kiểu cho phông chữ và thay đổi trạng thái hoạt động và cuộn. Nếu bạn có một số mục menu con, hãy thay đổi chúng bằng tab cài đặt Các mục menu trên máy tính để bàn.

Cài đặt menu trên mỗi trang WordPress

1. bước 1: Để đặt tiêu đề này đến một vị trí cụ thể, hãy truy cập Cài đặt tiêu đề trong Elementor.
2. bước 2: Menu này sẽ giúp bạn thay đổi trạng thái tiêu đề và đặt các điều kiện để nó được hiển thị thông qua menu thả xuống: toàn bộ trang web, trang đơn lẻ hoặc trang lưu trữ. Ví dụ: chọn toàn bộ trang web.

Phần 2: Mega Menu và JetMenu Plugin

Như chúng ta đã biết, JetMenu rất đặc biệt vì nó cho phép bạn thêm bất kỳ nội dung nào vào các menu có điều kiện của mình. Hãy cùng nhau tận dụng khả năng không giới hạn của nó.

1. bước 1: Tại Bảng điều khiển WordPress – Giao diện – Menu.
2. 2 Bước: Tìm kiếm menu bạn muốn tùy chỉnh hoặc tạo một menu mới.

LƯU Ý: Nếu bạn muốn tạo một menu với một số menu con chi tiết, bạn sẽ cần thêm một số menu khác thông qua cùng một tab Menu WordPress. Vì vậy, đối với mỗi danh mục có trong menu chính, bạn nên tạo nhiều menu con khác nhau.

Thiết lập menu trên mỗi trang WordPress với JetMenu

1. bước 1: Trong mỗi mục menu, hãy tìm mục JetMenu, nơi bạn có thể thử các cài đặt.
2. bước 2: Kích hoạt Menu con lớn và nhấn Chỉnh sửa nội dung mục menu Mega để làm phong phú thực đơn của bạn với các món khác và cá nhân hóa các món đó.
3. bước 3: Trên trang Elementor, chọn một phần có số cột theo yêu cầu.
4. bước 4: Kéo Tiện ích Menu Mega dọc vào cột đầu tiên, trong tab nội dung ở thanh bên trái
5. bước 5: Chọn menu bạn muốn chèn.
6. bước 6: Cuối cùng, Thêm các menu con bạn đã tạo vào bảng quản trị WordPress. Bạn có thể dễ dàng sao chép tiện ích và dán nó vào phần thứ hai.

Sau này bạn có thể sử dụng tab Phong cách và tùy chỉnh các thành phần, đặt chiều rộng, chiều cao, kiểu chữ, khoảng cách cần thiết, v.v.

Trong cài đặt chính của JetMenu, bạn có thể thấy vị trí Menu Mega, thêm bất kỳ biểu tượng nào vào menu của bạn (Chọn từ các biểu tượng có sẵn hoặc tải lên tệp svg), áp dụng bất kỳ huy hiệu văn bản nào cho mục menu, tùy chỉnh kích thước menu, v.v.

Lời khuyên chuyên nghiệp

Sử dụng Elementor, Thêm tiêu đề phía trên menu (ví dụ: bản sao của trang trước), chèn các phần tử cụ thể bằng tiện ích JetBlocks và cập nhật nó.

Tuy nhiên, chúng tôi gặp sự cố khi cài đặt menu này trên một trang khác. Để giải quyết vấn đề này, hãy làm như sau:

1. bước 1: đi đến Trình tạo chủ đề một lần nữa, hãy tạo mẫu tiêu đề mới, sao chép tiêu đề hoặc tạo mẫu mới
2. bước 2: Chọn Mega Menu bạn vừa tạo trong tab Cấu hình chung để hiển thị nó và thêm tiện ích Breadcrumbs.
3. bước 3: Trong tab Cài đặt tiêu đề: Điều kiện, chọn Số ít và bìa để đặt tiêu đề bạn đã tạo trên trang chủ của mình và để lại tiêu đề đã tạo trước đó trên các trang khác trên trang web của bạn.

Phần 3: Tạo Menu trên mỗi trang WordPress (Menu thả xuống)

Giả sử bạn có một trang riêng với biểu mẫu liên hệ và bạn muốn đặt cho nó một tiêu đề khác. Chỉ cần làm theo các bước sau:

1. bước 1– Tạo mẫu mới trong trình tạo chủ đề, sao chép phần trên cùng của tiêu đề chính và ở giai đoạn này, thêm menu thả xuống.

LƯU Ý: Bản chất là như nhau, bạn có thể thêm các menu hiện có hoặc tạo menu tùy chỉnh mới trên mỗi trang theo nhu cầu của mình: menu đơn giản hoặc menu lớn với các thành phần có thể thay đổi. Thay đổi vị trí của vùng chứa, thử nghiệm các cài đặt, tạo kiểu cho nó, v.v.

2. bước 2: Cuối cùng, đặt tiêu đề cụ thể này cho trang cụ thể, sử dụng tùy chọn Số ít tab Điều khoản và cho biết tên trang Liên hệ của bạn.

Bạn cũng có thể quan tâm đến việc đọc về: Cách tạo menu thả xuống trong WordPress

Kết luận

Đó là tất cả các cách tạo menu trên mỗi trang WordPress và định cấu hình chúng. Chúng tôi chỉ đưa ra ba trong số đó, tuy nhiên, chúng tôi khá chắc chắn rằng có những phương pháp khác để tạo menu tùy chỉnh trên mỗi trang.

Như bạn có thể thấy, việc sử dụng menu có điều kiện để tạo các menu khác nhau cho các trang khác nhau rất đơn giản và hữu ích. Ngoài ra, plugin còn cung cấp cho bạn các tùy chọn linh hoạt để tạo các menu riêng cho loại bài đăng, danh mục, phân loại, vai trò người dùng, v.v. hoặc thậm chí các trang 404.