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

4 tháng ago, WordPress Themes, Views
Thêm mô tả cho menu trong theme WordPress

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

Menu điều hướng là một phần quan trọng của bất kỳ trang web WordPress nào. Nó giúp người dùng dễ dàng tìm thấy nội dung họ cần. Mặc dù menu WordPress cơ bản đã đủ tốt, nhưng việc thêm mô tả cho các mục menu có thể cải thiện trải nghiệm người dùng bằng cách cung cấp thêm thông tin và ngữ cảnh.

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

Việc thêm mô tả cho các mục menu có thể mang lại nhiều lợi ích:

  • Cải thiện điều hướng: Mô tả ngắn gọn có thể làm rõ ý nghĩa của mỗi mục menu, giúp người dùng đưa ra quyết định tốt hơn về nơi họ muốn đến.
  • SEO tốt hơn: Mặc dù không phải là yếu tố SEO chính, mô tả menu có thể cung cấp thêm từ khóa liên quan cho công cụ tìm kiếm hiểu rõ hơn về cấu trúc trang web của bạn.
  • Tăng tính tương tác: Mô tả hấp dẫn có thể khuyến khích người dùng khám phá các phần khác nhau của trang web của bạn.
  • Phân biệt các mục menu tương tự: Nếu bạn có nhiều mục menu có tên gần giống nhau, mô tả có thể giúp người dùng phân biệt chúng.

Các Phương Pháp Thêm Mô Tả Cho Menu

Có nhiều cách để thêm mô tả cho menu trong WordPress. Dưới đây là một số phương pháp phổ biến nhất:

1. Sử Dụng Tính Năng Mô Tả Menu Mặc Định Của WordPress

WordPress có một tính năng tích hợp sẵn cho phép bạn thêm mô tả cho các mục menu. Tuy nhiên, tính năng này thường bị ẩn và bạn cần bật nó lên.

Bước 1: Bật Tính Năng Mô Tả Menu

  1. Đăng nhập vào bảng điều khiển WordPress của bạn.
  2. Đi tới Appearance > Menus.
  3. Ở góc trên cùng bên phải của màn hình, nhấp vào Screen Options.
  4. Trong phần Show on screen, đánh dấu vào ô Description.

Bước 2: Thêm Mô Tả Cho Mục Menu

  1. Bây giờ, hãy mở rộng bất kỳ mục menu nào bằng cách nhấp vào mũi tên xuống bên cạnh tên của nó.
  2. Bạn sẽ thấy một trường Description xuất hiện.
  3. Nhập mô tả bạn muốn hiển thị cho mục menu đó.
  4. Nhấp vào Save Menu để lưu các thay đổi của bạn.

Bước 3: Hiển Thị Mô Tả Menu Trong Theme

Sau khi bạn đã thêm mô tả, bạn cần chỉnh sửa theme WordPress của mình để hiển thị chúng. Cách thực hiện điều này khác nhau tùy thuộc vào theme bạn đang sử dụng. Thường thì bạn cần chỉnh sửa file functions.php hoặc các file template liên quan đến menu.

Ví dụ, nếu bạn đang sử dụng theme Twenty Twenty-Three, bạn có thể thêm đoạn code sau vào file functions.php của child theme (nên sử dụng child theme để tránh mất các thay đổi khi cập nhật theme chính):


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

Sau đó, bạn có thể thêm CSS để tạo kiểu cho mô tả menu, ví dụ:


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

Lưu ý quan trọng: Việc chỉnh sửa trực tiếp các file theme có thể gây ra lỗi nếu bạn không cẩn thận. Luôn sao lưu trang web của bạn trước khi thực hiện bất kỳ thay đổi nào. Sử dụng child theme là cách an toàn nhất để tùy chỉnh theme.

2. Sử Dụng Plugin WordPress

Nếu bạn không muốn chỉnh sửa code theme, bạn có thể sử dụng một plugin WordPress để thêm mô tả cho menu. Có rất nhiều plugin miễn phí và trả phí có sẵn, mỗi plugin có các tính năng và tùy chọn khác nhau.

Một số plugin phổ biến bao gồm:

  • Menu Descriptions: Một plugin đơn giản và dễ sử dụng, chỉ tập trung vào việc thêm mô tả cho menu.
  • Max Mega Menu: Một plugin mạnh mẽ cho phép bạn tạo mega menu và thêm mô tả, biểu tượng và hình ảnh vào các mục menu.
  • WP Mega Menu: Một plugin khác cho phép bạn tạo mega menu với nhiều tùy chọn tùy chỉnh.

Để sử dụng một plugin, hãy làm theo các bước sau:

  1. Đi tới Plugins > Add New trong bảng điều khiển WordPress của bạn.
  2. Tìm kiếm plugin bạn muốn sử dụng.
  3. Nhấp vào Install Now và sau đó Activate.
  4. Làm theo hướng dẫn của plugin để thêm mô tả cho menu. Thông thường, bạn sẽ tìm thấy các tùy chọn plugin trong trang Appearance > Menus hoặc trong một trang cài đặt riêng của plugin.

3. Sử Dụng CSS (Ít Khuyến Khích)

Mặc dù không phải là cách tốt nhất, bạn *có thể* sử dụng CSS để hiển thị nội dung bổ sung cho menu. Tuy nhiên, cách này đòi hỏi bạn phải thêm nội dung trực tiếp vào CSS, điều này không linh hoạt và khó bảo trì.

Ví dụ, bạn có thể sử dụng thuộc tính content của CSS với ::after hoặc ::before để thêm mô tả, nhưng bạn sẽ cần sử dụng ID hoặc class cụ thể cho từng mục menu, và điều này không phải lúc nào cũng khả thi.

Ví dụ (ví dụ này chỉ mang tính chất minh họa và không được khuyến khích sử dụng trong thực tế):


  #menu-item-123::after {
    content: " - Mô tả cho mục menu này";
    display: block;
    font-size: 0.8em;
    color: #888;
  }

Cách này rất hạn chế và không thực tế cho hầu hết các trường hợp. Hãy sử dụng một trong hai phương pháp trên để có kết quả tốt hơn.

Mẹo Viết Mô Tả Menu Hiệu Quả

Khi viết mô tả cho menu, hãy nhớ những điều sau:

  • Giữ cho nó ngắn gọn: Mô tả nên ngắn gọn và dễ đọc. Hãy cố gắng giữ nó dưới 20 từ.
  • Sử dụng ngôn ngữ rõ ràng: Tránh sử dụng biệt ngữ hoặc thuật ngữ kỹ thuật mà người dùng có thể không hiểu.
  • Nhấn mạnh lợi ích: Hãy cho người dùng biết họ sẽ nhận được gì khi nhấp vào mục menu đó.
  • Sử dụng từ khóa: Bao gồm các từ khóa liên quan để cải thiện SEO.
  • Kiểm tra kỹ lỗi chính tả và ngữ pháp: Đảm bảo rằng mô tả của bạn không có lỗi chính tả hoặc ngữ pháp.

Kết Luận

Việc thêm mô tả cho menu trong WordPress có thể cải thiện đáng kể trải nghiệm người dùng và SEO của trang web của bạn. Bạn có thể sử dụng tính năng mô tả menu mặc định của WordPress, một plugin WordPress hoặc (ít khuyến khích hơn) CSS để thêm mô tả. Hãy nhớ viết mô tả ngắn gọn, rõ ràng và hấp dẫn để khuyến khích người dùng khám phá trang web của bạn.

Chúc bạn thành công!

Related Topics by Tag
, , , ,

..