15 hướng dẫn tốt nhất để làm chủ các menu điều hướng WordPress

Tìm kiếm các hướng dẫn tốt nhất để làm việc với các menu điều hướng WordPress? Menu điều hướng WordPress cho phép bạn dễ dàng tùy chỉnh và quản lý các menu trên trang web của bạn. Trong bài viết này, chúng tôi chỉ cho bạn các hướng dẫn tốt nhất để làm chủ các menu điều hướng WordPress.

Các hướng dẫn tốt nhất để làm chủ các menu điều hướng WordPress

Vì đây là một bài viết toàn diện, chúng tôi đã thêm một danh sách nội dung để tạo điều kiện cho việc điều hướng.

    Bắt đầu với các menu điều hướng WordPress
    Thêm các biểu tượng phương tiện truyền thông xã hội vào menu WordPress
    Xem các menu khác nhau cho người dùng WordPress đã đăng ký
    Thêm logic điều kiện vào các menu điều hướng
    Kiểu menu điều hướng WordPress
    Thêm biểu tượng hình ảnh với menu điều hướng vào WordPress
    Thêm menu điều hướng tùy chỉnh vào WordPress
    Thêm bảng điều khiển hình ảnh vào chủ đề WordPress
    Tạo một menu WordPress đáp ứng sẵn sàng cho các thiết bị di động
    Thêm một menu toàn màn hình đáp ứng vào WordPress
    Thêm mô tả với các menu điều hướng trong WordPress
    Cách thêm chủ đề vào menu điều hướng WordPress
    Để thêm các menu điều hướng vào thanh bên WordPress
    Thêm menu điều hướng WordPress vào bài viết và trang
    Thêm liên kết NoFollow vào menu điều hướng WordPress

1. Giới thiệu về menu điều hướng WordPress

Trong thiết kế web, menu điều hướng là một danh sách các liên kết cho phép khách truy cập vào trang web của bạn để truy cập các trang và phần khác nhau của trang web của bạn. Nó giúp người dùng điều hướng trang web của họ, do đó tên của menu điều hướng.

Chức năng điều hướng

WordPress đi kèm với một công cụ tích hợp cho phép bạn tạo và sử dụng các menu trên trang web của mình. Công cụ này là trong Ngoại hình »Menu trong khu vực quản trị WordPress của bạn.

Tạo và quản lý menu điều hướng trong WordPress

Tại đây bạn có thể tạo menu bằng cách thêm các mục từ cột bên trái sang bên phải. Bạn có thể thêm tất cả các bài đăng, trang, danh mục và liên kết tùy chỉnh vào menu của bạn.

Để biết hướng dẫn chi tiết, hãy xem hướng dẫn cho người mới bắt đầu của chúng tôi về cách thêm menu điều hướng vào WordPress.

2. Thêm các biểu tượng phương tiện truyền thông xã hội vào menu WordPress

Menu WordPress cũng có thể được sử dụng để thêm các nút phương tiện truyền thông xã hội vào trang web của bạn. Điều này cho phép bạn dễ dàng cập nhật các biểu tượng, sắp xếp lại chúng và thêm các biểu tượng phương tiện truyền thông xã hội mới bất cứ khi nào bạn muốn.

Cách dễ nhất để làm điều này là sử dụng trình cắm Menu Biểu tượng xã hội. Để biết thêm thông tin, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt, đi đến Ngoại hình »Menu trang. Tạo một menu xã hội mới và sau đó là tab liên kết tùy chỉnh ở cột bên trái.

Thêm menu xã hội

Bạn sẽ thấy các biểu tượng phương tiện truyền thông xã hội bên dưới các trường văn bản liên kết và URL. Tất cả bạn phải làm là nhấp vào biểu tượng phương tiện truyền thông xã hội và nhập URL của hồ sơ xã hội của bạn. Khi bạn đã hoàn tất, nhấp vào nút Thêm Menu.

Lặp lại quy trình này cho bất kỳ hồ sơ truyền thông xã hội nào bạn muốn thêm. Khi bạn đã hoàn tất, chọn một vị trí menu và sau đó nhấp vào nút menu Lưu.

Để biết hướng dẫn chi tiết hơn, hãy xem hướng dẫn của chúng tôi về cách thêm các biểu tượng phương tiện truyền thông xã hội vào menu WordPress.

3. Xem các menu khác nhau cho người dùng WordPress đã đăng ký

Nếu bạn chạy một trang thành viên WordPress, bạn có thể muốn hiển thị các menu khác nhau cho người dùng đã đăng ký của mình. Đây là cách bạn có thể dễ dàng làm điều này.

Đầu tiên bạn phải tạo hai menu khác nhau. Một cho người dùng đã đăng nhập và một cho người dùng chưa đăng nhập. Bạn có thể đặt tên cho các menu này được kết nối và ngắt kết nối.

Sau đó, bạn cần thêm mã này vào tệp Feature.php của chủ đề hoặc plugin dành riêng cho trang web.

hàm my_wp_nav_menu_args ($ args = “”) {

if (is_user_logged_in ()) {
$ cãi[‘menu’] = ‘đăng nhập’;
} khác {
$ cãi[‘menu’] = ‘đã đăng xuất’;
}
trả lại $ args;
}
add_filter (‘wp_nav_menu_args’, ‘my_wp_nav_menu_args’);

Đó là tất cả. Bây giờ bạn có thể kiểm tra các menu điều hướng của bạn trong hành động.

Để biết hướng dẫn chi tiết hơn, hãy xem hướng dẫn của chúng tôi về cách xem các menu khác nhau cho người dùng WordPress đã đăng ký.

Bạn có muốn thay đổi các menu tùy thuộc vào điều kiện nhất định? Giống như một menu khác trên trang web hoặc ẩn một mục trong các bài viết cá nhân. Đây là cách bạn có thể đạt được điều này trong WordPress.

Trước tiên, bạn phải cài đặt và kích hoạt plugin If Menu.

Truy cập khi kích hoạt Ngoại hình »Menu màn hình và bấm vào một mục menu bạn muốn chỉnh sửa. Bạn sẽ nhận thấy một tùy chọn mới cho “Kích hoạt logic có điều kiện”.

Tùy chọn logic có điều kiện cho một mục menu

Chọn tùy chọn này sẽ hiển thị hai tùy chọn thả xuống. Bạn có thể chọn hiển thị hoặc ẩn menu nếu phù hợp với điều kiện nhất định. Ví dụ: ẩn mục menu nếu người dùng là quản trị viên hoặc chỉ hiển thị mục menu nếu người dùng đánh giá một bài đăng.

Để biết hướng dẫn chi tiết hơn, hãy xem bài viết của chúng tôi về việc thêm logic có điều kiện vào các menu WordPress.

Chủ đề WordPress của bạn kiểm soát sự xuất hiện của các menu điều hướng trên trang web của bạn. Với CSS, bạn có thể tùy chỉnh sự xuất hiện của các menu điều hướng.

Cách dễ nhất để làm điều này là sử dụng plugin CSS Hero. Nó là một plugin WordPress cao cấp cho phép bạn tùy chỉnh tất cả các chủ đề WordPress mà không cần viết một dòng mã (không yêu cầu HTML hoặc CSS). Xem đánh giá CSS Hero của chúng tôi để biết thêm thông tin.

Bạn cũng có thể thiết kế các menu điều hướng của mình bằng cách nhập CSS thủ công. Để biết hướng dẫn chi tiết, hãy xem hướng dẫn của chúng tôi để thiết kế menu điều hướng WordPress.

6. Thêm biểu tượng hình ảnh với menu điều hướng vào WordPress

Biểu tượng hình ảnh trong menu điều hướng

Nhiều trang web phổ biến sử dụng các biểu tượng hình ảnh bên cạnh menu điều hướng của chúng để làm cho chúng rõ hơn. Đây là cách bạn có thể thêm các biểu tượng hình ảnh với các menu điều hướng trong WordPress.

Đầu tiên bạn cần cài đặt và kích hoạt plugin hình ảnh menu. Sau khi kích hoạt, hãy vào Giao diện »Menu. Ở đó bạn sẽ thấy một tùy chọn để thêm hình ảnh với mỗi mục trong menu hiện có của bạn.

Thêm hình ảnh vào một mục menu trong WordPress

Bạn cũng có thể sử dụng CSS để thêm các biểu tượng hình ảnh. Để biết hướng dẫn chi tiết, hãy xem hướng dẫn của chúng tôi về cách thêm biểu tượng hình ảnh bằng menu điều hướng trong WordPress.

Hầu hết các chủ đề WordPress miễn phí và cao cấp đều có các vị trí được xác định trước để hiển thị các menu điều hướng của chúng. Tuy nhiên, bạn cũng có thể thêm các menu điều hướng tùy chỉnh vào chủ đề của mình.

Trước tiên, bạn cần đăng ký menu điều hướng mới bằng cách thêm mã này vào tệp tin.php của chủ đề.

hàm wpb_custom_new_menu () {
register_nav_menu (‘menu của tôi tùy chỉnh’, __ (‘Menu tùy chỉnh của tôi’));
}
add_action (‘init’, ‘wpb_custom_new_menu’);

Mã này tạo ra “Menu tùy chỉnh của tôi” cho chủ đề của bạn. Bạn có thể thấy điều này bằng cách chỉnh sửa một menu trong Ngoại hình »Menu trang.

Vị trí chủ đề cho menu tùy chỉnh của bạn

Để xem menu tùy chỉnh của bạn, bạn cần thêm mã này vào chủ đề của bạn, nơi bạn muốn hiển thị menu.