Hướng dẫn how to show menu in wordpress - cách hiện menu trong wordpress

Bạn có muốn thêm một menu điều hướng vào trang web WordPress của mình không?

WordPress đi kèm với giao diện menu kéo và thả mà bạn có thể sử dụng để tạo các menu tiêu đề, menu với các tùy chọn thả xuống và hơn thế nữa.

Trong hướng dẫn từng bước này, chúng tôi sẽ chỉ cho bạn cách dễ dàng thêm menu điều hướng trong WordPress.

Menu điều hướng là gì?

Một menu điều hướng là một danh sách các liên kết chỉ vào các khu vực quan trọng của một trang web. Chúng thường được trình bày dưới dạng một thanh liên kết ngang ở đầu mỗi trang trên một trang web WordPress.

Các menu điều hướng cung cấp cấu trúc trang web của bạn và giúp khách truy cập tìm thấy những gì họ đang tìm kiếm. Tại đây, cách thức thực đơn điều hướng trông trên WPBEGINNER:

WordPress làm cho nó thực sự dễ dàng để thêm các menu và menu phụ. Bạn có thể thêm các liên kết vào các trang, danh mục hoặc chủ đề quan trọng nhất của bạn, bài đăng trên blog WordPress và thậm chí các liên kết tùy chỉnh như hồ sơ truyền thông xã hội của bạn.

Vị trí chính xác của menu của bạn sẽ phụ thuộc vào chủ đề WordPress của bạn. Hầu hết các chủ đề sẽ có một số tùy chọn, vì vậy bạn có thể tạo các menu khác nhau có thể được hiển thị ở những nơi khác nhau.

Chẳng hạn, hầu hết các chủ đề WordPress đi kèm với một menu chính xuất hiện trên đầu. Một số chủ đề có thể bao gồm menu thứ cấp, menu chân trang hoặc menu điều hướng di động.

Điều đó nói rằng, hãy để xem cách bạn có thể tạo một menu điều hướng tùy chỉnh trong WordPress.

Video hướng dẫn

Đăng ký WPBEGINNER

Nếu bạn thích hướng dẫn bằng văn bản, chỉ cần tiếp tục đọc

Tạo menu điều hướng tùy chỉnh đầu tiên của bạn

Để tạo menu điều hướng, bạn cần truy cập trang xuất hiện »Menu trong bảng điều khiển quản trị viên WordPress của bạn.Appearance » Menus page in your WordPress admin dashboard.

Lưu ý: Nếu bạn không thấy tùy chọn ‘ngoại hình» Menus trên trang web của bạn và chỉ xem ‘Trình chỉnh sửa (Beta), thì điều đó có nghĩa là chủ đề của bạn đã được bật toàn bộ trang web (FSE). Bạn có thể bấm vào đây để bỏ qua phần FSE bên dưới.: If you don’t see the ‘Appearance » Menus’ option on your site and see only ‘Appearance » Editor (Beta)’, then that means your theme has Full Site Editing (FSE) enabled. You can click here to skip ahead to the FSE section below.

Đầu tiên, bạn cần cung cấp tên cho menu của mình, như menu Menu Điều hướng hàng đầu, sau đó nhấp vào nút ‘Tạo menu.

Điều này sẽ mở rộng khu vực menu và nó sẽ trông như thế này:

Tiếp theo, bạn có thể chọn các trang bạn muốn thêm vào menu. Bạn có thể tự động thêm tất cả các trang cấp cao mới hoặc bạn có thể chọn các trang cụ thể từ cột bên trái.

Đầu tiên, nhấp vào tab ‘Xem tất cả các trang web để xem tất cả các trang trang web của bạn. Sau đó, nhấp vào hộp bên cạnh mỗi trang bạn muốn thêm vào menu của mình, sau đó nhấp vào nút ‘Thêm vào menu.

Khi các trang của bạn đã được thêm vào, bạn có thể di chuyển chúng xung quanh bằng cách kéo và thả chúng.

Bằng cách này, bạn có thể thay đổi thứ tự của họ và sắp xếp lại chúng.

Lưu ý: Tất cả các menu có các mục của chúng được liệt kê trong danh sách dọc (từ trên xuống dưới) trong trình chỉnh sửa menu. Khi bạn đặt menu trực tiếp trên trang web của mình, nó sẽ hiển thị theo chiều dọc hoặc chiều ngang (trái sang phải), tùy thuộc vào vị trí bạn chọn. All menus have their items listed in a vertical (top to bottom) list in the menu editor. When you put the menu live on your site, it’ll either display vertically or horizontally (left to right), depending on the location you select.

Hầu hết các chủ đề có một số địa điểm khác nhau, nơi bạn có thể đặt menu. Trong ví dụ này, chúng tôi sử dụng chủ đề Astra, có 5 địa điểm khác nhau.

Sau khi thêm các trang vào menu, chọn vị trí bạn muốn hiển thị menu và nhấp vào nút ‘Lưu menu.

Mẹo: Nếu bạn không chắc chắn ở đâu mỗi vị trí, hãy thử lưu menu ở những nơi khác nhau, sau đó truy cập trang web của bạn để xem nó trông như thế nào. Có lẽ bạn đã thắng muốn sử dụng tất cả các vị trí, nhưng bạn có thể muốn sử dụng nhiều hơn một. If you’re not sure where each location is, try saving the menu in different places, then visit your site to see how it looks. You probably won’t want to use all the locations, but you might want to use more than one.

Tại đây, menu đã hoàn thành của chúng tôi trên trang web:

Tạo các menu thả xuống trong WordPress

Các menu thả xuống đôi khi được gọi là menu lồng nhau, là các menu điều hướng với các mục menu cha và con. Khi bạn chạy con trỏ qua một vật phẩm cha mẹ, tất cả các mục con sẽ xuất hiện bên dưới nó trong một menu phụ.

Để tạo một menu con, kéo một mục bên dưới mục cha mẹ, sau đó kéo nó nhẹ sang phải. Chúng tôi đã thực hiện điều đó với 3 mục phụ bên dưới ‘Dịch vụ trong thực đơn của chúng tôi:

Bạn thậm chí có thể thêm nhiều lớp thả xuống để các menu phụ của bạn có thể có một menu phụ. Điều này cuối cùng có thể trông hơi lộn xộn và nhiều chủ đề không hỗ trợ các menu thả xuống nhiều lớp.

Tại đây, các menu phụ trực tiếp trên trang web demo của chúng tôi:

Thêm danh mục vào menu WordPress

Nếu bạn sử dụng WordPress để chạy blog, thì bạn có thể muốn thêm danh mục blog của mình dưới dạng thả xuống trong menu WordPress của mình.

Chúng tôi làm điều này trên WPBEGINNER và có nhiều danh mục như tin tức, chủ đề, hướng dẫn, v.v.

Bạn có thể dễ dàng thêm các danh mục vào menu của mình bằng cách nhấp vào tab Danh mục ở phía bên trái của màn hình menu. Bạn cũng có thể cần nhấp vào tab ‘Xem tất cả các loại để xem tất cả các danh mục của bạn.

Chỉ cần chọn các danh mục bạn muốn thêm vào menu, sau đó nhấp vào nút ‘Thêm vào menu.

Các danh mục sẽ xuất hiện dưới dạng các mục menu thông thường ở cuối menu của bạn.

Tiếp theo, bạn có thể kéo và thả chúng vào vị trí. Ví dụ, chúng tôi sẽ đặt tất cả các danh mục này trong mục menu blog.

Bạn có muốn có một trang blog trên trang web của bạn mà tách biệt với trang chủ của bạn không? Nếu vậy, hãy xem hướng dẫn của chúng tôi về cách tạo một trang riêng cho các bài đăng trên blog trong WordPress.

Tại đây, cách các danh mục khác nhau xuất hiện trong menu điều hướng trên trang web demo của chúng tôi:

Ngoài các danh mục và trang, WordPress còn giúp thêm các liên kết tùy chỉnh vào menu của bạn. Bạn có thể sử dụng nó để liên kết với hồ sơ truyền thông xã hội, cửa hàng trực tuyến và các trang web khác mà bạn sở hữu.

Bạn sẽ cần sử dụng tab Links Links tùy chỉnh trên màn hình menu. Chỉ cần thêm liên kết cùng với văn bản bạn muốn sử dụng trong menu của mình và nhấp vào nút ‘Thêm vào menu.

Bạn thậm chí có thể nhận được sáng tạo và thêm các biểu tượng phương tiện truyền thông xã hội trong menu của mình hoặc các nút gọi đến hành động để có thêm chuyển đổi.

Chỉnh sửa hoặc xóa một mục menu trong các menu điều hướng WordPress

Khi bạn thêm các trang hoặc danh mục vào menu điều hướng tùy chỉnh của mình, WordPress sử dụng tên trang hoặc tên danh mục làm văn bản liên kết. Bạn có thể thay đổi điều này nếu bạn muốn.

Bất kỳ mục menu nào cũng có thể được chỉnh sửa bằng cách nhấp vào mũi tên xuống bên cạnh nó.

Bạn có thể thay đổi tên của mục menu ở đây. Đây cũng là nơi bạn có thể nhấp vào ‘Xóa hoàn toàn liên kết khỏi menu của bạn.

Nếu bạn đang vật lộn với giao diện kéo và thả, thì bạn cũng có thể di chuyển mục menu xung quanh bằng cách nhấp vào liên kết ‘Di chuyển thích hợp.

Trình chỉnh sửa trang web đầy đủ mới cho phép bạn tùy chỉnh các chủ đề WordPress của mình bằng Trình chỉnh sửa khối. Nó đã được phát hành trong WordPress 5.9 và cho phép bạn thêm các khối khác nhau vào các mẫu của mình để tạo ra một thiết kế độc đáo.

Tuy nhiên, trình chỉnh sửa trang web đầy đủ vẫn còn trong phiên bản beta và giới hạn trong các chủ đề cụ thể hỗ trợ nó. Chúng tôi sẽ sử dụng hai mươi hai mươi hai chủ đề cho hướng dẫn này. Để biết thêm chi tiết, bạn có thể xem bài viết của chúng tôi về các chủ đề chỉnh sửa trang web đầy đủ WordPress tốt nhất.

Để thêm một menu điều hướng bằng trình chỉnh sửa trang web đầy đủ, trước tiên bạn cần phải đi đến xuất hiện »Trình chỉnh sửa từ bảng điều khiển WordPress của bạn. Bạn cũng có thể nhấp vào nút ‘Tùy chỉnh trên các chủ đề hai mươi hai mươi hai để mở trình chỉnh sửa trang web đầy đủ.Appearance » Editor from your WordPress dashboard. You can also click the ‘Customize’ button on the Twenty Twenty-Two theme to open the full site editor.

Khi bạn ở trong trình soạn thảo, hãy tiếp tục và nhấp vào menu điều hướng xuất hiện ở đầu tiêu đề trang web.

Tiếp theo, bạn sẽ thấy các tùy chọn khác nhau để tùy chỉnh khối menu điều hướng từ bảng điều khiển bên phải của bạn.

Chẳng hạn, bạn có thể thay đổi bố cục, chỉnh sửa cài đặt hiển thị, hiển thị một menu con khi nhấp, thay đổi màu của văn bản, nền và menu con và điều chỉnh kích thước phông chữ.

Để biết thêm các tùy chọn như thay đổi menu hoặc tạo tùy chọn mới, bạn có thể nhấp vào tùy chọn ‘Chọn menu, để mở menu thả xuống.

Ví dụ: bạn có thể chọn bất kỳ menu nào bạn đã tạo trước đây trong phần menu cổ điển.

Khi bạn chọn một menu, bạn có thể thêm nhiều trang, bài đăng trên blog, logo trang web, biểu tượng xã hội hoặc thêm tùy chọn tìm kiếm vào menu của bạn.

Chỉ cần nhấp vào dấu hiệu ‘+để thêm một khối vào menu điều hướng của bạn, sau đó chọn một tùy chọn xuất hiện trong menu thả xuống.

Phần tốt nhất về việc sử dụng trình chỉnh sửa trang web đầy đủ là bạn có thể thêm một khối menu điều hướng ở bất cứ đâu trên trang web của mình.

Khi bạn hoàn thành, bạn có thể xem trước các thay đổi để xem menu trông như thế nào trong thời gian thực. Sau đó, đừng quên nhấp vào nút ‘Lưu ở trên cùng.

Thêm các menu WordPress trong các thanh bên và chân trang

Bạn không cần phải bám vào các vị trí hiển thị cho chủ đề của bạn. Bạn có thể thêm các menu điều hướng trong bất kỳ khu vực nào sử dụng các widget, như thanh bên hoặc chân trang của bạn.

Đơn giản chỉ cần đi đến các tiện ích »và sau đó nhấp vào dấu‘++ở trên cùng và thêm Khối tiện ích Menu Menu điều hướng vào thanh bên của bạn.Appearance » Widgets and then click the ‘+’ sign at the top and add the ‘Navigation Menu’ widget block to your sidebar.

Tiếp theo, thêm một tiêu đề cho tiện ích và chọn menu chính xác từ Danh sách thả xuống Menu Menu.

Khi bạn hoàn thành, chỉ cần nhấp vào nút ‘Cập nhật.

Ở đây, một ví dụ về menu Footer WordPress tùy chỉnh được xây dựng trên trang web của Syed Balkhi.

Đi xa hơn với các menu điều hướng

Nếu bạn muốn tạo một menu thực sự hoành tráng với vô số liên kết, chúng tôi đã có một hướng dẫn về cách tạo menu lớn trong WordPress.

Điều này cho phép bạn tạo ra một thả xuống với rất nhiều mục bao gồm cả hình ảnh.

Menu Mega là một lựa chọn tuyệt vời nếu bạn có một trang web lớn, chẳng hạn như một cửa hàng trực tuyến hoặc trang web tin tức. Loại menu này được sử dụng bởi các trang web như Reuters, BuzzFeed, Starbucks, v.v.

Câu hỏi thường gặp về menu WordPress

Dưới đây là một số câu hỏi phổ biến nhất mà chúng tôi nghe về các menu điều hướng WordPress từ người mới bắt đầu.

1. Làm cách nào để thêm liên kết trang chủ vào menu WordPress?

Để thêm trang chủ của bạn vào menu điều hướng, bạn sẽ cần nhấp vào tab ‘Xem tất cả các trang trong các trang. Từ đó, bạn sẽ thấy trang chủ của bạn.

Chọn hộp bên cạnh ‘Home, và nhấp vào‘ Thêm vào menu. Don Tiết quên lưu các thay đổi của bạn.

2. Làm cách nào để thêm nhiều menu điều hướng trong WordPress?

Trong WordPress, bạn có thể tạo bao nhiêu menu tùy thích. Để đặt một menu trên trang web của bạn, bạn sẽ cần thêm nó vào một trong các vị trí menu chủ đề của bạn hoặc vào một khu vực tiện ích như chúng tôi đã trình bày ở trên.

Để thêm nhiều menu điều hướng vào trang web WordPress của bạn, trước tiên hãy tạo các menu theo hướng dẫn của chúng tôi ở trên.

Để đặt chúng trên trang web của bạn, nhấp vào tab ‘Quản lý vị trí.

Từ đây, bạn có thể chọn menu nào bạn muốn hiển thị trong các vị trí menu có sẵn trong chủ đề của bạn.

Nếu bạn muốn thêm một vị trí menu mới vào trang web của mình, hãy xem hướng dẫn của chúng tôi về cách thêm các menu điều hướng tùy chỉnh vào các chủ đề WordPress.

Chúng tôi hy vọng bài viết này đã giúp bạn học cách thêm một menu điều hướng trong WordPress. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách tạo kiểu cho các menu điều hướng trong WordPress và cách tạo menu điều hướng nổi dính trong WordPress.

Nếu bạn thích bài viết này, sau đó vui lòng đăng ký & NBSP của chúng tôi; kênh YouTube & nbsp; cho các hướng dẫn video WordPress. Bạn cũng có thể tìm thấy chúng tôi trên & nbsp; Twitter & nbsp; và Facebook.