Thêm mô tả cho menu trong theme WordPress

9 giờ ago, WordPress Themes, 1 Views

Thêm Mô Tả Cho Menu Trong Theme WordPress: Hướng Dẫn Chi Tiết

Tại Sao Cần Thêm Mô Tả Cho Menu?

Menu điều hướng đóng vai trò quan trọng trong trải nghiệm người dùng trên website. Nó giúp khách truy cập dễ dàng tìm thấy thông tin họ cần và khám phá nội dung trang web của bạn. Tuy nhiên, đôi khi chỉ có tiêu đề menu là chưa đủ để truyền tải đầy đủ ý nghĩa và mục đích của một liên kết. Đây là lúc mô tả menu trở nên hữu ích.

Mô tả menu cung cấp một đoạn văn ngắn, súc tích, giải thích rõ hơn về nội dung mà người dùng sẽ tìm thấy khi nhấp vào liên kết đó. Điều này giúp:

Cải thiện trải nghiệm người dùng bằng cách cung cấp thông tin rõ ràng và đầy đủ.
Tăng khả năng tìm kiếm và khám phá nội dung.
Hướng dẫn người dùng đến những trang quan trọng.
Làm cho menu trở nên hấp dẫn và trực quan hơn.

Trong bài viết này, chúng ta sẽ khám phá các cách thêm mô tả cho menu trong theme WordPress của bạn, từ những phương pháp đơn giản đến những kỹ thuật nâng cao hơn.

Kích Hoạt Tính Năng “Mô Tả” Trong Tùy Chọn Menu WordPress

WordPress có một tính năng ẩn cho phép bạn thêm mô tả vào các mục menu. Để kích hoạt tính năng này, hãy làm theo các bước sau:

Đăng nhập vào trang quản trị WordPress của bạn.
Đi tới “Appearance” (Giao diện) -> “Menus” (Menu).
Ở góc trên cùng bên phải của màn hình, nhấp vào tab “Screen Options” (Tùy chọn hiển thị).
Trong danh sách các tùy chọn, đánh dấu vào ô “Description” (Mô tả).

Sau khi kích hoạt, mỗi mục menu sẽ có một trường “Description” mới. Bạn có thể nhập mô tả ngắn gọn vào trường này.

Sử Dụng Trường “Description” Để Thêm Mô Tả

Sau khi kích hoạt tính năng “Description”, bạn có thể bắt đầu thêm mô tả cho từng mục menu.

Nhấp vào mục menu bạn muốn thêm mô tả.
Trong phần mở rộng của mục menu, bạn sẽ thấy một trường có nhãn “Description” (Mô tả).
Nhập mô tả ngắn gọn và súc tích vào trường này. Cố gắng giữ cho mô tả ngắn gọn để nó không làm lộn xộn menu của bạn.
Nhấp vào nút “Save Menu” (Lưu Menu) để lưu thay đổi.

Lưu ý quan trọng: Mặc dù bạn đã thêm mô tả, nhưng chúng sẽ không tự động hiển thị trên trang web của bạn. Bạn cần chỉnh sửa theme WordPress của mình để hiển thị các mô tả này.

Chỉnh Sửa Theme WordPress Để Hiển Thị Mô Tả Menu

Để hiển thị mô tả menu, bạn cần chỉnh sửa tệp tin theme WordPress của mình. Tệp tin bạn cần chỉnh sửa thường là functions.php hoặc tệp tin template chứa menu của bạn (ví dụ: header.php). Quan trọng: Hãy sao lưu tệp tin trước khi chỉnh sửa để tránh mất dữ liệu.

Dưới đây là một ví dụ về cách hiển thị mô tả menu trong functions.php:


function themebasic_add_menu_descriptions( $item_output, $item, $depth, $args ) {
  if ( ! empty( $item->description ) ) {
    $item_output = str_replace( $args->link_after . '', '' . $item->description . '' . $args->link_after . '', $item_output );
  }
  return $item_output;
}
add_filter( 'walker_nav_menu_start_el', 'themebasic_add_menu_descriptions', 10, 4 );

Đoạn mã này sử dụng filter walker_nav_menu_start_el để chèn mô tả menu sau liên kết. Nó tạo một thẻ span với class menu-item-description để bạn có thể dễ dàng tạo kiểu bằng CSS.

Sau khi thêm đoạn mã này vào functions.php, bạn cần thêm CSS để định dạng mô tả menu. Ví dụ:


.menu-item-description {
  display: block;
  font-size: 0.8em;
  color: #888;
}

Bạn có thể tùy chỉnh CSS để phù hợp với thiết kế của trang web của bạn.

Sử Dụng Plugin Để Thêm Mô Tả Menu

Nếu bạn không muốn chỉnh sửa tệp tin theme của mình, bạn có thể sử dụng plugin để thêm mô tả menu. Có nhiều plugin miễn phí và trả phí có sẵn trên WordPress Plugin Directory. Một số plugin phổ biến bao gồm:

Menu Item Description
Nav Menu Description
AM Custom Menu

Các plugin này thường cung cấp giao diện thân thiện với người dùng để thêm mô tả menu và hiển thị chúng trên trang web của bạn. Hãy tìm một plugin phù hợp với nhu cầu và yêu cầu của bạn.

Tối Ưu Hóa Mô Tả Menu Để Đạt Hiệu Quả Cao Nhất

Để mô tả menu đạt hiệu quả cao nhất, hãy tuân theo các nguyên tắc sau:

Ngắn gọn và súc tích: Mô tả nên ngắn gọn và đi thẳng vào vấn đề. Tránh sử dụng những câu dài dòng và khó hiểu.
Rõ ràng và chính xác: Mô tả nên giải thích rõ ràng về nội dung mà người dùng sẽ tìm thấy khi nhấp vào liên kết.
Hấp dẫn và thu hút: Mô tả nên sử dụng ngôn ngữ hấp dẫn để thu hút sự chú ý của người dùng và khuyến khích họ nhấp vào liên kết.

Ví dụ, thay vì sử dụng mô tả chung chung như “Thông tin về chúng tôi”, bạn có thể sử dụng mô tả chi tiết hơn như “Tìm hiểu về lịch sử, sứ mệnh và giá trị của công ty chúng tôi”.

Các Ví Dụ Về Mô Tả Menu Hiệu Quả

Dưới đây là một số ví dụ về mô tả menu hiệu quả:

Trang chủ: Quay lại trang chủ của trang web.
Về chúng tôi: Tìm hiểu về lịch sử, sứ mệnh và giá trị của công ty chúng tôi.
Sản phẩm: Khám phá các sản phẩm và dịch vụ chúng tôi cung cấp.
Blog: Đọc các bài viết mới nhất về tin tức, mẹo và thủ thuật liên quan đến lĩnh vực của chúng tôi.
Liên hệ: Liên hệ với chúng tôi để được hỗ trợ hoặc đặt câu hỏi.

Những mô tả này cung cấp thông tin rõ ràng và đầy đủ cho người dùng, giúp họ dễ dàng điều hướng trang web và tìm thấy thông tin họ cần.

Kết Luận

Thêm mô tả cho menu trong theme WordPress là một cách đơn giản nhưng hiệu quả để cải thiện trải nghiệm người dùng và tăng khả năng tìm kiếm và khám phá nội dung trên trang web của bạn. Bằng cách sử dụng các phương pháp được trình bày trong bài viết này, bạn có thể dễ dàng thêm mô tả menu và tùy chỉnh chúng để phù hợp với thiết kế và mục tiêu của trang web của bạn.

#ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li.active::before { background-color: #ededed; } aa