Xóa phần tử wordpress tiêu đề

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

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

Xóa phần tử wordpress tiêu đề

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

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

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. Đây là giao diện của menu điều hướng trên WPBeginner

Xóa phần tử wordpress tiêu đề

WordPress giúp dễ dàng thêm menu và menu phụ. Bạn có thể thêm liên kết đến các trang, danh mục hoặc chủ đề quan trọng nhất, bài đăng trên blog WordPress và thậm chí cả liên kết tùy chỉnh như hồ sơ mạ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 đều có menu chính xuất hiện ở trên cùng. Một số chủ đề cũng có thể bao gồm menu phụ, menu chân trang hoặc menu điều hướng trên thiết bị di động

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

Video hướng dẫn

Đăng ký WPBeginner

Nếu bạn muốn hướng dẫn bằng văn bản, hãy 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 Giao diện »Menu trong bảng điều khiển quản trị viên WordPress của bạn

Ghi chú. Nếu bạn không thấy tùy chọn 'Giao diện » Menu' trên trang web của mình và chỉ thấy 'Giao diện » Trình chỉnh sửa (Beta)', thì điều đó có nghĩa là chủ đề của bạn đã bật Chỉnh sửa toàn trang (FSE). Bạn có thể

Xóa phần tử wordpress tiêu đề

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

Thao tác này sẽ mở rộng khu vực menu và nó sẽ trông như thế này

Xóa phần tử wordpress tiêu đề

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 nhất 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ả' để xem tất cả các trang trên 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, rồi nhấp vào nút 'Thêm vào Menu'

Xóa phần tử wordpress tiêu đề

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ự và sắp xếp lại chúng

Xóa phần tử wordpress tiêu đề

Ghi chú. Tất cả các menu đều có các mục đượ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, menu sẽ hiển thị theo chiều dọc hoặc chiều ngang (từ trái sang phải), tùy thuộc vào vị trí bạn chọn

Hầu hết các chủ đề có một số vị trí khác nhau nơi bạn có thể đặt menu. Trong ví dụ này, chúng tôi đang sử dụng chủ đề Astra, có 5 vị trí 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 ‘Save Menu’

Xóa phần tử wordpress tiêu đề

Mẹo. Nếu bạn không chắc vị trí của từng vị trí, hãy thử lưu menu ở các vị trí khác nhau, sau đó truy cập trang web của bạn để xem nó trông như thế nào. Có thể bạn sẽ khô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 vị trí

Đây là menu đã hoàn thành của chúng tôi trên trang web

Xóa phần tử wordpress tiêu đề

Tạo Menu thả xuống trong WordPress

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

Để tạo menu con, hãy kéo một mục bên dưới mục chính, sau đó kéo nhẹ mục đó sang bên phải. Chúng tôi đã làm điều đó với 3 mục phụ bên dưới 'Dịch vụ' trong menu của chúng tôi

Xóa phần tử wordpress tiêu đề

Bạn thậm chí có thể thêm nhiều lớp menu thả xuống để menu phụ của bạn có thể có 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ợ menu thả xuống nhiều lớp

Đây là menu phụ trực tiếp trên trang web demo của chúng tôi

Xóa phần tử wordpress tiêu đề

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

Nếu bạn đang 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 trình đơn 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.

Xóa phần tử wordpress tiêu đề

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

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

Xóa phần tử wordpress tiêu đề

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

Xóa phần tử wordpress tiêu đề

Bạn có muốn có một trang blog trên trang web của mình tách biệt với trang chủ của bạn không?

Đây là 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

Xóa phần tử wordpress tiêu đề

Thêm liên kết tùy chỉnh vào menu điều hướng WordPress của bạn

Ngoài các danh mục và trang, WordPress cũng giúp dễ dàng 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 đến hồ sơ mạ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 'Liên kết 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’

Xóa phần tử wordpress tiêu đề

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

Chỉnh sửa hoặc xóa một mục menu trong 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ẽ sử dụng tiêu đề 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

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

Xóa phần tử wordpress tiêu đề

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

Nếu bạn gặp khó khă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

Thêm Menu Điều hướng trong Trình chỉnh sửa Toàn trang (FSE)

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 mẫu của mình để tạo một thiết kế độc đáo

Tuy nhiên, trình chỉnh sửa trang web đầy đủ vẫn đang ở giai đoạn thử nghiệm và giới hạn ở các chủ đề cụ thể hỗ trợ nó. Chúng tôi sẽ sử dụng chủ đề Twenty Twenty-Two mặc định 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 toàn bộ trang web WordPress tốt nhất

Để thêm menu điều hướng bằng trình chỉnh sửa trang web đầy đủ, trước tiên bạn cần truy cập Giao diệ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 chủ đề Twenty-Two-Two để mở toàn bộ trình chỉnh sửa trang web

Xóa phần tử wordpress tiêu đề

Khi bạn đang ở trong trình chỉnh sửa, 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ị menu con khi nhấp chuột, thay đổi màu của văn bản, nền và menu con cũng như điều chỉnh kích thước phông chữ

Xóa phần tử wordpress tiêu đề

Để có thêm tùy chọn như thay đổi menu hoặc tạo menu 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 đó trong phần Menu cổ điển

Xóa phần tử wordpress tiêu đề

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 mình

Chỉ cần nhấp vào dấ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

Xóa phần tử wordpress tiêu đề

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 khối menu điều hướng ở bất kỳ đâu trên trang web của mình

Khi hoàn tất, bạn có thể xem trước các thay đổi để xem trình đơn 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

Xóa phần tử wordpress tiêu đề

Thêm Menu WordPress vào Thanh bên và Chân trang

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

Chỉ cần vào Giao diện » Tiện ích và sau đó nhấp vào dấu '+' ở trên cùng và thêm khối tiện ích 'Menu Điều hướng' vào thanh bên của bạn

Xóa phần tử wordpress tiêu đề

Tiếp theo, thêm tiêu đề cho tiện ích và chọn đúng menu từ danh sách thả xuống ‘Select Menu’

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

Xóa phần tử wordpress tiêu đề

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

Xóa phần tử wordpress tiêu đề

Đi xa hơn với 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ó hướng dẫn về cách tạo một menu lớn trong WordPress

Điều này cho phép bạn tạo danh sách thả xuống với nhiều mục bao gồm cả hình ảnh

Xóa phần tử wordpress tiêu đề

Menu lớn 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ư 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 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 được về 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 cần nhấp vào tab 'Xem tất cả' bên dưới Trang. Từ đó, bạn sẽ thấy trang chủ của mình

Xóa phần tử wordpress tiêu đề

Chọn hộp bên cạnh 'Trang chủ' và nhấp vào 'Thêm vào Menu'. Đừng 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 của chủ đề 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, hãy nhấp vào tab ‘Quản lý Vị trí’

Xóa phần tử wordpress tiêu đề

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 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 menu điều hướng tùy chỉnh vào chủ đề WordPress

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách thêm 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 menu điều hướng trong WordPress và cách tạo menu điều hướng nổi cố định trong WordPress

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