Menu WordPress là menu điều hướng được hiển thị ở đầu hầu hết các trang web. Đôi khi bạn có thể muốn hiển thị các mục tùy chỉnh khác với các liên kết đơn giản trong menu điều hướng Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng thêm các mục tùy chỉnh vào các menu WordPress cụ thể  Tại sao thêm các mục tùy chỉnh vào menu WordPressMenu WordPress là các liên kết điều hướng thường được hiển thị ở đầu trang web. Trên thiết bị di động, chúng thường được hiển thị khi bạn nhấn vào biểu tượng menu Vì đây là một vị trí nổi bật trong bố cục trang web WordPress điển hình, nên thật thông minh khi tận dụng lợi thế của nó bằng cách đặt các mục tùy chỉnh ngoài các liên kết đơn giản trong menu Chẳng hạn, một số người dùng có thể muốn hiển thị biểu mẫu tìm kiếm như chúng tôi làm tại WPBeginner. Trang web thành viên có thể muốn hiển thị liên kết đăng nhập và đăng xuất hoặc bạn có thể muốn thêm biểu tượng hoặc hình ảnh vào menu của mình Theo mặc định, các menu điều hướng được thiết kế để hiển thị các liên kết văn bản thuần túy. Tuy nhiên, bạn vẫn có thể đặt các mục tùy chỉnh trong menu WordPress Như đã nói, chúng ta hãy xem cách bạn có thể thêm các mục tùy chỉnh vào các menu cụ thể trong WordPress trong khi vẫn giữ nguyên phần còn lại của menu điều hướng Thêm các mục tùy chỉnh vào menu điều hướng cụ thể trong WordPressCó nhiều cách khác nhau để thêm các mục tùy chỉnh vào menu điều hướng trong WordPress. Nó phụ thuộc vào loại mục tùy chỉnh mà bạn đang cố thêm Chúng tôi sẽ cho bạn thấy một số ví dụ phổ biến nhất. Bạn sẽ cần sử dụng plugin cho một số trong số chúng, trong khi những plugin khác sẽ yêu cầu bạn thêm một số mã Nếu bạn muốn bỏ qua một phần nhất định, bạn có thể sử dụng mục lục này
Bắt đầu nào 1. Thêm một cửa sổ bật lên tìm kiếm trong menu WordPressThông thường, bạn có thể thêm biểu mẫu tìm kiếm vào thanh bên WordPress của mình bằng cách sử dụng khối hoặc tiện ích Tìm kiếm mặc định. Tuy nhiên, không có cách nào để thêm tìm kiếm vào menu điều hướng theo mặc định Một số chủ đề WordPress có tùy chọn thêm hộp tìm kiếm vào khu vực menu chính của bạn. Nhưng nếu của bạn không có, bạn có thể sử dụng phương pháp bên dưới Đối với điều này, bạn cần cài đặt và kích hoạt plugin SearchWP Modal Search Form . Để biết thêm chi tiết, 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 Plugin này là một addon cho SearchWP, đây là plugin tìm kiếm WordPress tốt nhất trên thị trường Addon miễn phí và cũng sẽ hoạt động với tìm kiếm mặc định của WordPress. Tuy nhiên, chúng tôi khuyên bạn nên sử dụng nó với SearchWP nếu bạn muốn cải thiện tìm kiếm WordPress của mình Sau khi cài đặt addon, chỉ cần truy cập trang Giao diện »Menu. Trong cột 'Thêm mục menu', nhấp vào tab 'SearchWP Modal Search Forms' để mở rộng nó Chọn công cụ tìm kiếm của bạn và sau đó nhấp vào nút Thêm vào menu Plugin sẽ thêm tìm kiếm vào menu điều hướng của bạn. Nhấp vào 'Biểu mẫu tìm kiếm theo phương thức' bên dưới các mục menu của bạn để mở rộng nó và thay đổi nhãn thành Tìm kiếm hoặc bất kỳ thứ gì khác mà bạn muốn Đừng quên nhấp vào nút Save Menu để lưu trữ các thay đổi của bạn Giờ đây, bạn có thể truy cập trang web của mình để xem Tìm kiếm được thêm vào menu điều hướng của bạn. Nhấp vào nó sẽ mở biểu mẫu tìm kiếm trong cửa sổ bật lên hộp đèn Để biết thêm chi tiết, hãy xem hướng dẫn của chúng tôi về cách thêm nút tìm kiếm vào menu WordPress 2. Thêm biểu tượng và hình ảnh tùy chỉnh vào các menu cụ thểMột mục tùy chỉnh phổ biến khác mà người dùng thường muốn thêm vào một menu cụ thể là hình ảnh hoặc biểu tượng Để làm được điều đó, bạn sẽ cần cài đặt và kích hoạt plugin Biểu tượng hình ảnh menu. Để biết thêm chi tiết, 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, hãy truy cập trang Giao diện »Menu và di chuột qua mục menu nơi bạn muốn hiển thị biểu tượng hoặc hình ảnh Nhấp vào nút Menu Image màu xanh để tiếp tục Thao tác này sẽ hiển thị cửa sổ bật lên. Từ đây, bạn có thể chọn một hình ảnh hoặc biểu tượng sẽ được hiển thị với mục menu đó Bạn cũng có thể chọn vị trí của hình ảnh hoặc biểu tượng đối với mục menu. Ví dụ: bạn có thể hiển thị biểu tượng ngay trước mục menu như trong ví dụ của chúng tôi bên dưới hoặc thậm chí ẩn tiêu đề menu để chỉ biểu tượng hiển thị Đừng quên nhấp vào nút Lưu thay đổi để lưu cài đặt của bạn. Lặp lại quy trình nếu bạn cần thêm biểu tượng hoặc hình ảnh vào các mục menu khác Sau đó, bạn có thể truy cập trang web của mình để xem hình ảnh hoặc biểu tượng tùy chỉnh trong các mục menu cụ thể Để 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 hình ảnh vào menu WordPress 3. Thêm liên kết đăng nhập / đăng xuất vào menu WordPress cụ thểNếu bạn đang sử dụng plugin thành viên WordPress hoặc điều hành một cửa hàng trực tuyến, thì bạn có thể muốn cho phép người dùng dễ dàng đăng nhập vào tài khoản của họ Theo mặc định, WordPress không có cách dễ dàng để hiển thị liên kết đăng nhập và đăng xuất trong menu điều hướng Chúng tôi sẽ chỉ cho bạn cách thêm chúng bằng cách sử dụng plugin hoặc bằng cách sử dụng đoạn mã 1. Thêm liên kết Đăng nhập/Đăng xuất vào Menu bằng cách sử dụng Plugin Phương pháp này dễ dàng hơn và được đề xuất cho tất cả người dùng Trước tiên, bạn cần cài đặt và kích hoạt plugin Mục menu Đăng nhập hoặc Đăng xuất. Sau đó, bạn cần truy cập trang Giao diện »Menu và nhấp vào tab Đăng nhập/Đăng xuất để mở rộng nó Từ đây, bạn cần chọn ‘Đăng nhập. Đăng xuất’ và nhấp vào nút Thêm vào Menu Đừng quên nhấp vào nút Save Menu để lưu trữ các thay đổi của bạn. Giờ đây, bạn có thể truy cập trang web của mình để xem liên kết đăng xuất đăng nhập tùy chỉnh đang hoạt động Liên kết sẽ tự động thay đổi để đăng nhập hoặc đăng xuất tùy thuộc vào trạng thái đăng nhập của người dùng Tìm hiểu thêm trong hướng dẫn của chúng tôi về cách thêm liên kết đăng nhập và đăng xuất trong menu WordPress 2. Thêm liên kết Đăng nhập / Đăng xuất bằng Mã tùy chỉnh Phương pháp này yêu cầu bạn thêm mã vào trang web WordPress của mình. Nếu bạn chưa làm điều này trước đây, hãy xem hướng dẫn của chúng tôi về cách thêm mã tùy chỉnh trong WordPress Trước tiên, bạn cần tìm tên mà chủ đề WordPress của bạn sử dụng cho vị trí menu điều hướng cụ thể Cách dễ nhất để tìm thấy điều này là truy cập trang Giao diện »Menu và di chuột qua khu vực vị trí menu Nhấp chuột phải để chọn công cụ Kiểm tra và sau đó bạn sẽ thấy tên vị trí trong mã nguồn bên dưới. Chẳng hạn, chủ đề demo của chúng tôi sử dụng menu chính, chân trang và thanh trên cùng Lưu ý tên được sử dụng cho vị trí mục tiêu của bạn, nơi bạn muốn hiển thị liên kết đăng nhập/đăng xuất Tiếp theo, bạn cần thêm đoạn mã sau vào chức năng của chủ đề. php hoặc plugin dành riêng cho trang web add_filter( 'wp_nav_menu_items', 'add_loginout_link', 10, 2 );
function add_loginout_link( $items, $args ) {
if (is_user_logged_in() && $args->theme_location == 'primary') {
$items .= '<li><a href="'. wp_logout_url() .'">Log Out</a></li>';
}
elseif (!is_user_logged_in() && $args->theme_location == 'primary') {
$items .= '<li><a href="'. site_url('wp-login.php') .'">Log In</a></li>';
}
return $items;
}
Sau đó, bạn có thể truy cập trang web của mình và bạn sẽ thấy liên kết đăng nhập đăng xuất của chúng tôi trong menu điều hướng của bạn Liên kết động này sẽ tự động chuyển sang chế độ đăng nhập hoặc đăng xuất dựa trên trạng thái đăng nhập của người dùng 4. Thêm văn bản tùy chỉnh vào menu điều hướng WordPress của bạnĐiều gì sẽ xảy ra nếu bạn chỉ muốn thêm văn bản chứ không phải liên kết đến menu điều hướng của mình? Có hai cách bạn có thể làm điều đó 1. Thêm văn bản tùy chỉnh vào một menu cụ thể (Cách dễ dàng) Chỉ cần truy cập trang Giao diện »Menu và thêm một liên kết tùy chỉnh có dấu # làm URL và văn bản bạn muốn hiển thị dưới dạng Văn bản liên kết của mình Click vào nút Add to Menu để tiếp tục WordPress sẽ thêm văn bản tùy chỉnh của bạn dưới dạng mục menu ở cột bên trái. Bây giờ, hãy nhấp để mở rộng nó và xóa dấu # Đừng quên nhấp vào nút Lưu Menu và xem trước trang web của bạn. Bạn sẽ nhận thấy văn bản tùy chỉnh của mình xuất hiện trong menu điều hướng Nó vẫn là một liên kết, nhưng nhấp vào nó không làm gì cho người dùng 2. Thêm văn bản tùy chỉnh vào menu điều hướng bằng mã Đối với phương pháp này, bạn sẽ thêm một đoạn mã vào trang web của mình. Trước tiên, bạn cần tìm tên vị trí chủ đề của mình như được mô tả ở trên trong phần liên kết đăng nhập/đăng xuất Sau đó, bạn cần thêm đoạn mã sau vào chức năng của chủ đề. php hoặc plugin dành riêng cho trang web add_filter( 'wp_nav_menu_items', 'your_custom_menu_item', 10, 2 );
function your_custom_menu_item ( $items, $args ) {
if ( $args->theme_location == 'primary') {
$items .= '<li><a title="">Custom Text</a></li>';
}
return $items;
}
Chỉ cần thay thế nơi ghi 'Văn bản tùy chỉnh' bằng văn bản của riêng bạn Giờ đây, bạn có thể lưu các thay đổi và truy cập trang web của mình để xem văn bản tùy chỉnh được thêm vào cuối menu điều hướng Phương pháp mã này có thể hữu ích nếu bạn muốn lập trình thêm các phần tử động vào menu WordPress cụ thể 5. Thêm ngày hiện tại trong menu WordPressBạn có muốn hiển thị ngày hiện tại bên trong menu điều hướng trong WordPress không? Chỉ cần thêm đoạn mã sau vào các chức năng của chủ đề của bạn. php hoặc plugin dành riêng cho trang web add_filter('wp_nav_menu_items','add_todaysdate_in_menu', 10, 2);
function add_todaysdate_in_menu( $items, $args ) {
if( $args->theme_location == 'primary') {
$todaysdate = date('l jS F Y');
$items .= '<li><a>' . $todaysdate . '</a></li>';
}
return $items;
}
Đừng quên thay thế 'chính' bằng vị trí menu của bạn Bây giờ bạn có thể truy cập trang web của mình để xem ngày hiện tại trong menu WordPress của bạn Bạn cũng có thể thay đổi định dạng ngày tháng theo ý thích của mình. Xem hướng dẫn của chúng tôi về cách thay đổi định dạng ngày và giờ trong WordPress 6. Hiển thị Tên người dùng trong Menu WordPressBạn muốn thêm một chút cá nhân hóa vào menu điều hướng của mình? Trước tiên, bạn cần thêm đoạn mã sau vào chức năng của chủ đề. php hoặc plugin dành riêng cho trang web add_filter( 'wp_nav_menu_objects', 'username_in_menu_items' );
function username_in_menu_items( $menu_items ) {
foreach ( $menu_items as $menu_item ) {
if ( strpos($menu_item->title, '#profile_name#') !== false) {
if ( is_user_logged_in() ) {
$current_user = wp_get_current_user();
$user_public_name = $current_user->display_name;
$menu_item->title = str_replace("#profile_name#", " Hey, ". $user_public_name, $menu_item->title . "!");
} else {
$menu_item->title = str_replace("#profile_name#", " Welcome!", $menu_item->title . "!");
}
}
}
return $menu_items;
}
Trước tiên, mã này sẽ kiểm tra xem bạn đã thêm mục menu có #profile_name# làm văn bản liên kết chưa. Sau đó, nó sẽ thay thế mục menu đó bằng tên người dùng đã đăng nhập hoặc lời chào chung dành cho người dùng chưa đăng nhập Tiếp theo, bạn cần truy cập trang Giao diện » Menu và thêm một liên kết tùy chỉnh mới với Đừng quên nhấp vào nút Save Menu để lưu trữ các thay đổi của bạn. Sau đó, bạn có thể truy cập trang web của mình để xem tên người dùng đã đăng nhập trong menu WordPress 7. Tự động hiển thị menu có điều kiện trong WordPressCho đến nay chúng tôi đã chỉ cho bạn cách thêm các loại mục tùy chỉnh khác nhau vào các menu WordPress cụ thể. Tuy nhiên, đôi khi bạn có thể cần hiển thị động các mục menu khác nhau cho người dùng Chẳng hạn, bạn có thể chỉ muốn hiển thị menu cho người dùng đã đăng nhập. Một kịch bản khác là khi bạn muốn menu thay đổi dựa trên trang mà người dùng đang xem Phương pháp này cho phép bạn tạo một số menu và chỉ hiển thị chúng khi đáp ứng một số điều kiện nhất định Trước tiên, bạn cần cài đặt và kích hoạt plugin Trình đơn có điều kiện. Để biết thêm chi tiết, 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, bạn cần truy cập trang Ngoại hình » Menu. Từ đây bạn cần tạo một menu mới mà bạn muốn hiển thị. Chẳng hạn, trong ví dụ này, chúng tôi đã tạo một menu mới chỉ dành cho người dùng đã đăng nhập Sau khi bạn đã tạo menu, hãy chuyển sang tab Quản lý vị trí Từ đây, bạn cần nhấp vào liên kết Menu có điều kiện bên cạnh vị trí menu Sau đó, bạn cần chọn menu bạn đã tạo trước đó từ menu thả xuống Sau đó, nhấp vào nút ‘+ Điều kiện’ để tiếp tục Thao tác này sẽ hiển thị cửa sổ bật lên Từ đây, bạn có thể chọn các điều kiện cần đáp ứng để hiển thị menu này Plugin cung cấp một loạt các điều kiện để lựa chọn. Chẳng hạn, bạn có thể hiển thị menu dựa trên trang, danh mục, loại bài đăng, phân loại cụ thể, v.v. Bạn cũng có thể hiển thị các menu khác nhau dựa trên vai trò người dùng và trạng thái đăng nhập. Chẳng hạn, bạn có thể hiển thị một menu khác cho các thành viên hiện có trên trang web thành viên 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 các mục tùy chỉnh vào các menu WordPress cụ thể. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách chọn phần mềm thiết kế web tốt nhất hoặc so sánh chuyên gia của chúng tôi về phần mềm trò chuyện trực tiếp tốt nhất cho doanh nghiệp nhỏ 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 |
