Cách tạo menu thả xuống trong WordPress (Hướng dẫn cho người mới bắt đầu)

Bạn có muốn tạo một menu thả xuống và thêm nó vào trang web WordPress của bạn không?

Menu thả xuống hiển thị danh sách các liên kết khi bạn di chuột qua một mục menu.

Chúng tôi sử dụng trình đơn thả xuống trong WPBeginner, tiếp tục và di chuột qua menu điều hướng ở trên cùng.

Trong hướng dẫn dành cho người mới bắt đầu này, chúng tôi sẽ chỉ cho bạn cách dễ dàng tạo menu thả xuống trong WordPress với hướng dẫn từng bước.

Tạo menu thả xuống trong WordPress

Tại sao nên sử dụng menu thả xuống trong WordPress?

WordPress đi kèm với một sistema Quản lý menu tích hợp cho phép bạn dễ dàng thêm các menu điều hướng vào trang web WordPress của mình.

Menu điều hướng là các liên kết đến các trang chính của trang web của bạn thường xuất hiện ở trên cùng dưới dạng một hàng ngang ngay bên cạnh logo của trang web.

Menu điều hướng điển hình với một hàng ngang của các liên kết.

Nếu bạn đang bắt đầu một blog hoặc tạo một trang web chỉ với một vài trang, bạn có thể thêm chúng vào một hàng.

Tuy nhiên, nếu bạn điều hành một cửa hàng trực tuyến hoặc một trang web lớn, bạn có thể muốn thêm nhiều liên kết hơn vào menu điều hướng.

Menu thả xuống giúp bạn giải quyết vấn đề về không gian hạn chế bằng cách chỉ hiển thị các liên kết menu khi người dùng di chuột qua một mục chính. Chúng cũng cho phép bạn sắp xếp cấu trúc menu theo chủ đề hoặc phân cấp.

Ví dụ trình đơn thả xuống

Cuối cùng, chúng cũng trông tuyệt vời.

Như đã nói, bây giờ chúng ta hãy xem làm thế nào bạn có thể dễ dàng tạo các menu thả xuống WordPress và thêm chúng vào trang web của bạn.

Video hướng dẫn

Đăng ký WPBeginner

Nếu bạn không thích video hoặc cần thêm hướng dẫn, hãy đọc tiếp.

Anh ấy đã qua 1. Chọn một chủ đề với hỗ trợ menu thả xuống

WordPress đi kèm với một sistema quản lý menu tích hợp, nhưng hiển thị các menu đó hoàn toàn phụ thuộc vào chủ đề WordPress của bạn.

Hầu như tất cả các chủ đề WordPress đều hỗ trợ menu thả xuống theo mặc định. Tuy nhiên, một số chủ đề có thể không có hỗ trợ menu đầy đủ.

Bạn cần đảm bảo rằng bạn đang sử dụng một chủ đề WordPress hỗ trợ các menu thả xuống.

Làm thế nào để bạn biết nếu chủ đề bạn đang sử dụng hỗ trợ thả xuống?

Bạn chỉ cần truy cập trang web của chủ đề nơi bạn sẽ tìm thấy một liên kết đến bản demo chủ đề. Từ đó bạn có thể xem bản demo hiển thị thả xuống trong menu điều hướng.

Nếu không, bạn sẽ cần tìm một chủ đề WordPress thực hiện điều này.

Kiểm tra hướng dẫn của chúng tôi về việc chọn chủ đề WordPress hoàn hảo cho trang web của bạn.

Dưới đây là một số chủ đề tuyệt vời hỗ trợ thả xuống nhà máy.

  • Astra – là một chủ đề WordPress đa năng đi kèm với các trang web bắt đầu khác nhau và hàng tấn tính năng.

  • StudioPress Themes – Được xây dựng trên khung Genesis Theme, các chủ đề chuyên nghiệp này được tối ưu hóa cao cho hiệu suất.

  • OceanWP – Một chủ đề WordPress phổ biến phù hợp cho tất cả các loại trang web.

  • Ultra – Được cung cấp bởi Themify Builder, chủ đề WordPress kéo và thả này đi kèm với các mẫu đẹp và tùy chọn chủ đề linh hoạt.

  • Divi – Chủ đề Elegant Themes phổ biến được sử dụng bởi người xây dựng trang Divi và đi kèm với vô số chức năng kéo và thả, bao gồm các menu thả xuống.

Như đã nói, bây giờ chúng ta hãy xem làm thế nào để tạo một danh sách thả xuống WordPress.

Anh ấy đã qua 1. Tạo menu điều hướng trong WordPress

Nếu bạn đã thiết lập menu điều hướng trên trang web của mình, bạn có thể tiến hành bước tiếp theo.

Chúng tôi sẽ tạo ra một menu đơn giản đầu tiên.

Đi Ngoại hình »Menu và nhấp vào liên kết “Tạo menu mới” ở trên cùng.

Tạo một menu

Tiếp theo, bạn phải cung cấp một tên cho menu điều hướng của bạn. Tên này sẽ không được hiển thị công khai trên trang web của bạn. Mục đích của tên menu là giúp bạn xác định menu trong khu vực quản trị WordPress.

Tên menu

Nhập tên cho menu của bạn và sau đó nhấp vào nút “Tạo Menu”.

WordPress sẽ tạo một menu trống mới cho bạn.

Hãy thêm các liên kết chính vào menu điều hướng. Những mục này sẽ xuất hiện ở hàng trên cùng của menu của bạn.

Chỉ cần chọn các trang bạn muốn thêm từ cột bên trái và nhấp vào nút “Thêm vào menu”. Bạn cũng có thể chọn bài đăng trên blog, danh mục hoặc thêm liên kết tùy chỉnh.

Thêm trang vào menu

Bây giờ bạn sẽ thấy những trang đó xuất hiện ở cột bên phải trong menu mới của bạn.

Anh ấy đã qua 2. Thêm các mục con vào menu

Các yếu tố phụ là các yếu tố sẽ xuất hiện trong menu thả xuống. Tùy thuộc vào cách bạn muốn sắp xếp các menu của mình, bạn có thể thêm chúng vào bất kỳ mục nào hiện có.

Vì mục đích của hướng dẫn này, chúng tôi sẽ thêm các danh mục trong liên kết blog.

Chỉ cần chọn các mục bạn muốn thêm từ cột bên trái và sau đó nhấp vào nút “Thêm vào menu”. Bài viết của bạn bây giờ sẽ xuất hiện trong cột bên phải.

Mục menu mới được thêm vào menu

Tuy nhiên, các liên kết này sẽ xuất hiện như các mục bình thường. Chúng ta cần biến chúng thành một mục con của menu chính.

Bạn có thể chỉ cần kéo và thả một mục menu và thả nó bên dưới mục chính. Di chuyển nó sang bên phải một chút và nó sẽ trở thành một mục phụ.

Thêm các mục menu con để tạo menu thả xuống

Lặp lại quy trình cho tất cả các liên kết bạn muốn hiển thị trong menu thả xuống.

Khi bạn đã hoàn tất, đừng quên nhấp vào nút “Lưu Menu” để lưu trữ các thay đổi của bạn.

Anh ấy đã qua 3. Đăng menu thả xuống của bạn

Nếu bạn đang chỉnh sửa một menu đã hoạt động trên trang web của bạn, nó sẽ bắt đầu hiển thị trên trang web của bạn ngay lập tức.

Tuy nhiên, nếu đó là một mục menu mới, bây giờ bạn phải chọn một vị trí chủ đề để hiển thị menu này.

Chủ đề WordPress có thể hiển thị các menu ở các vị trí khác nhau. Mỗi chủ đề xác định vị trí menu riêng của nó và bạn có thể chọn menu nào bạn muốn hiển thị ở đó.

Bạn sẽ tìm thấy tùy chọn này trong cột bên phải trong “Cài đặt menu”. Chọn một tùy chọn bên cạnh cài đặt “Hiển thị vị trí” và nhấp vào nút “Lưu menu”.

Chọn vị trí chủ đề

Bây giờ bạn có thể truy cập trang web của họ để xem hoạt động thả xuống của họ.

Xem trước trình đơn thả xuống

Mẹo để tạo menu thả xuống tương tác

Menu điều hướng rất quan trọng vì đây là nơi đầu tiên người dùng của bạn sẽ tìm kiếm nếu họ muốn xem thông tin cụ thể.

Sử dụng chúng một cách chính xác sẽ giúp người dùng của bạn tự định hướng trên trang web của bạn. Nó cũng sẽ giúp bạn có được nhiều lượt xem trang, chuyển đổi và bán hàng hơn trên trang web của bạn.

Dưới đây là một số mẹo về cách làm cho menu điều hướng của bạn tương tác nhiều hơn với menu thả xuống.

1. Bạn có thể tạo menu thả xuống đa cấp

Tạo một liên kết thành một thành phần phụ của một liên kết khác làm cho nó xuất hiện trong menu thả xuống. Bạn cũng có thể thêm một mục con bên dưới một mục con khác để tạo các menu thả xuống đa cấp.

Menu đa cấp

Chủ đề của bạn sẽ tự động hiển thị chúng dưới dạng menu con trong menu thả xuống.

Menu thả xuống đa cấp

2. Bạn cũng có thể tạo nhiều menu thả xuống

Bạn có thể tạo một menu thả xuống bên dưới bất kỳ liên kết hàng đầu trong menu của bạn. Bạn thậm chí có thể thêm nhiều menu thả xuống trong menu điều hướng chính của mình.

Nhiều menu thả xuống trong menu chính

3. Tạo menu với bản xem trước trực tiếp

Nếu menu của bạn quá phức tạp, bạn có thể chuyển sang xem trước trực quan. Đi Ngoại hình »Tùy chỉnh để bắt đầu tùy biến chủ đề trực tiếp.

Từ đó, nhấp vào tab “Menu” và sau đó chọn menu điều hướng của bạn. Bây giờ bạn sẽ thấy trình chỉnh sửa menu kéo và thả ở cột bên trái với bản xem trước trực tiếp của trang web của bạn trong khung bên phải.

Tùy chỉnh các menu WordPress với bản xem trước trực tiếp

4. Tạo một menu lớn như một menu thả xuống trong WordPress

Menu thả xuống chỉ hiển thị một menu thả xuống tại một thời điểm. Điều gì sẽ xảy ra nếu bạn muốn hiển thị toàn bộ cấu trúc trang web của mình dưới dạng một menu lớn chỉ xuất hiện khi người dùng cuộn qua menu chính?

Ví dụ về menu mega

Menu Mega xuất hiện dưới dạng menu thả xuống, nhưng có thể hiển thị nhiều liên kết, menu con và hơn thế nữa. Để biết hướng dẫn chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách tạo menu lớn trong WordPress.

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

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