Làm Thế Nào Để Thêm Vào Các Navigation Menus trong WordPress [NEW]

Bạn có muốn thêm phong tục menu điều hướng vào chủ đề WordPress của bạn? Theo mặc định, các chủ đề WordPress đi kèm với các vị trí và bố cục menu được xác định trước. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách thêm menu điều hướng trong chủ đề WordPress của bạn.

navigationmenuthemes

1. Khi nào bạn cần sử dụng các menu điều hướng tùy chỉnh này?

Hầu hết các chủ đề WordPress đều có ít nhất một nơi mà bạn có thể hiển thị các liên kết điều hướng cho trang web của mình trong menu.

Bạn có thể quản lý các mục menu từ một giao diện dễ sử dụng bên trong khu vực quản trị WordPress của mình.

Hướng dẫn này dành cho những người dùng tự tạo muốn xây dựng chủ đề WordPress của riêng họ hoặc những người cần thêm các vị trí menu mới với một chủ đề WordPress hiện có.

Với thông tin trên, chúng ta hãy chuyển sang phần cách thêm menu điều hướng tùy chỉnh trong WordPress trong chủ đề của bạn.

2. Tạo menu điều hướng tùy chỉnh trong các chủ đề WordPress

Menu điều hướng là một tính năng của chủ đề WordPress. Một giao diện có thể xác định các vị trí menu và hỗ trợ các menu của riêng chúng.
Để thêm menu điều hướng, điều đầu tiên bạn cần làm là đăng ký menu điều hướng mới bằng cách thêm mã này vào tệp functions.php của chủ đề.

function dieuhau_custom_new_menu() {
 register_nav_menu('my-custom-menu',__( 'My Custom Menu' ));
}
add_action( 'init', 'dieuhau_custom_new_menu' );

Bây giờ bạn có thể đi đến Vẻ bề ngoàichọn Thực đơn trong quản trị viên WordPress của bạn và tạo hoặc chỉnh sửa menu mới. Bạn sẽ thấy tùy chọn “Menu tùy chỉnh của tôi” trên vị trí giao diện.

mycustommenu

Nếu bạn muốn thêm nhiều vị trí menu điều hướng mới thì bạn sẽ cần sử dụng mã như sau:

function dieuhau_custom_new_menu() {
  register_nav_menus(
    array(
      'my-custom-menu' => __( 'My Custom Menu' ),
      'extra-menu' => __( 'Extra Menu' )
    )
  );
}
add_action( 'init', 'dieuhau_custom_new_menu' );

Khi bạn đã thêm vị trí menu đó, hãy tiếp tục và thêm một số mục menu vào quản trị viên WordPress bằng cách làm theo hướng dẫn của chúng tôi về cách thêm menu điều hướng cho người dùng mới.

Thao tác này sẽ cho phép chúng tôi chuyển sang bước tiếp theo sẽ hiển thị menu trong giao diện của bạn.

3. Hiển thị các menu điều hướng tùy chỉnh trong các chủ đề WordPress

Tiếp theo, chúng tôi cần hiển thị các menu điều hướng mới này trong giao diện mới của bạn. Vị trí phổ biến nhất mà menu điều hướng thường được đặt là trong tiêu đề của trang web ngay sau tiêu đề và biểu trưng của trang.

Tuy nhiên, bạn có thể thêm các menu điều hướng của mình ở bất cứ đâu bạn muốn.

Bạn sẽ cần thêm mã này vào tệp mẫu nơi bạn muốn hiển thị menu của mình.

<?php
wp_nav_menu( array( 
    'theme_location' => 'my-custom-menu', 
    'container_class' => 'custom-menu-class' ) ); 
?>

Vị trí chủ đề là tên mà chúng ta đã chọn ở bước trước.

Lớp vùng chứa là lớp CSSS sẽ được thêm vào các menu điều hướng của bạn. Menu sẽ xuất hiện dưới dạng danh sách có dấu đầu dòng rõ ràng trong trang web.

custommenu

Bạn có thể sử dụng lớp CSS .custom_menu_class để thiết kế menu của bạn. Đây là một CSS mẫu để giúp bạn bắt đầu.

div.custom-menu-class ul {
    list-style-type: none;
    list-style: none;
    list-style-image: none;
}
div.custom-menu-class li {
    padding: 20px;
    display: inline;
}

Nếu bạn cần thêm hỗ trợ CSS và bố cục menu thì chúng tôi khuyên bạn nên sử dụng một trong những chủ đề dành cho người mới bắt đầu của WordPress này để xây dựng chủ đề tùy chỉnh của bạn.

4. Tạo menu thân thiện với thiết bị di động trong WordPress

Với sự gia tăng trong việc sử dụng thiết bị di động, bạn có thể muốn làm cho menu thân thiện hơn với thiết bị di động bằng cách thêm một trong nhiều hiệu ứng phổ biến.

rpmenuplugin

Bạn có thể thêm một trình chiếu, trình đơn thả xuống và thậm chí cả hiệu ứng chuyển tiếp vào các menu trên thiết bị di động.

5. Làm được nhiều việc hơn với menu điều hướng WordPress

Menu điều hướng là một công cụ thiết kế web mạnh mẽ. Chúng cho phép bạn hiển thị cho người dùng những phần quan trọng nhất trên trang web của bạn.
WordPress cho phép bạn làm nhiều việc hơn là chỉ hiển thị các liên kết trong menu của bạn.

Đó là tất cả, chúng tôi hy vọng rằng hướng dẫn cuối cùng này đã giúp bạn biết cách thêm menu điều hướng trong WordPress. Bạn cũng có thể muốn xem danh sách 25 widget WordPress hữu ích nhất của chúng tôi cho trang web của bạn.