Ẩn hoặc tùy chỉnh subcategories trong WordPress

1 tuần ago, Hướng dẫn WordPress, Views
Ẩn hoặc tùy chỉnh subcategories trong WordPress

Ẩn hoặc tùy chỉnh Subcategories trong WordPress: Hướng dẫn chi tiết

WordPress, một nền tảng CMS mạnh mẽ, cung cấp cho người dùng khả năng tổ chức nội dung thông qua categories và subcategories (danh mục con). Tuy nhiên, đôi khi bạn có thể muốn ẩn hoặc tùy chỉnh cách hiển thị các subcategories này để phù hợp hơn với thiết kế và cấu trúc trang web của bạn. Bài viết này sẽ hướng dẫn bạn qua các phương pháp khác nhau để thực hiện việc này, từ sử dụng code đơn giản đến sử dụng các plugin chuyên dụng.

Tại sao cần ẩn hoặc tùy chỉnh Subcategories?

Có nhiều lý do khiến bạn muốn ẩn hoặc tùy chỉnh subcategories trong WordPress:

  • Cải thiện trải nghiệm người dùng: Một số subcategories có thể không quan trọng đối với khách truy cập thông thường và việc ẩn chúng có thể giúp trang web trở nên gọn gàng và dễ điều hướng hơn.
  • Tối ưu hóa SEO: Tránh việc trùng lặp nội dung hoặc tạo các trang có nội dung mỏng có thể ảnh hưởng tiêu cực đến SEO. Ẩn các subcategories không quan trọng có thể giúp tập trung vào các trang chính.
  • Thay đổi thiết kế: Bạn có thể muốn tùy chỉnh cách subcategories hiển thị để phù hợp hơn với giao diện tổng thể của trang web.
  • Quản lý nội dung: Ẩn hoặc tùy chỉnh subcategories có thể giúp bạn quản lý nội dung một cách hiệu quả hơn, đặc biệt là khi bạn có một lượng lớn nội dung được tổ chức theo nhiều cấp độ.

Các phương pháp ẩn Subcategories trong WordPress

Có nhiều cách để ẩn subcategories trong WordPress, tùy thuộc vào mức độ bạn muốn kiểm soát và kiến thức kỹ thuật của bạn.

1. Sử dụng CSS

Đây là phương pháp đơn giản nhất và nhanh nhất để ẩn subcategories. Bạn có thể sử dụng CSS để ẩn các subcategories khỏi giao diện người dùng. Tuy nhiên, cần lưu ý rằng phương pháp này chỉ ẩn subcategories trên giao diện, chúng vẫn tồn tại và có thể được truy cập thông qua các liên kết trực tiếp nếu người dùng biết URL.

Để sử dụng CSS, bạn cần xác định CSS class hoặc ID của phần tử chứa subcategories. Điều này có thể khác nhau tùy thuộc vào theme bạn đang sử dụng. Bạn có thể sử dụng trình kiểm tra (Inspector) của trình duyệt (ví dụ: Chrome DevTools hoặc Firefox Developer Tools) để xác định class hoặc ID phù hợp.

Sau khi bạn đã xác định được class hoặc ID, bạn có thể thêm CSS sau vào tệp style.css của theme (thường được khuyến nghị sử dụng child theme để tránh mất các thay đổi khi theme được cập nhật) hoặc thông qua trình tùy biến (Customizer) của WordPress (Appearance -> Customize -> Additional CSS):


.category .children {
  display: none;
}

Trong ví dụ này, .category .children là selector CSS nhắm mục tiêu đến các phần tử .children bên trong các phần tử có class .category. Điều này thường được sử dụng để hiển thị danh sách subcategories. Việc đặt display: none; sẽ ẩn các phần tử này.

2. Sử dụng code trong functions.php

Một phương pháp khác là sử dụng code trong tệp functions.php của theme (hoặc child theme). Phương pháp này cho phép bạn kiểm soát việc hiển thị subcategories một cách chi tiết hơn. Tuy nhiên, phương pháp này đòi hỏi kiến thức về PHP.

Ví dụ, bạn có thể sử dụng hook wp_list_categories để lọc danh sách categories và loại bỏ các subcategories. Dưới đây là một ví dụ:


function remove_subcategories( $output, $args ) {
  if ( isset( $args['parent'] ) && $args['parent'] != 0 ) {
    return ''; // Ẩn các subcategories
  }
  return $output;
}
add_filter( 'wp_list_categories', 'remove_subcategories', 10, 2 );

Code này sử dụng filter wp_list_categories để can thiệp vào quá trình tạo danh sách categories. Hàm remove_subcategories kiểm tra xem argument parent có được đặt và khác 0 hay không. Nếu có, điều đó có nghĩa là category đó là một subcategory và hàm sẽ trả về một chuỗi rỗng, do đó ẩn subcategory đó khỏi danh sách.

3. Sử dụng Plugin

Nếu bạn không muốn viết code, bạn có thể sử dụng các plugin WordPress để ẩn hoặc tùy chỉnh subcategories. Có nhiều plugin có sẵn miễn phí và trả phí, cung cấp các tính năng khác nhau.

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

  • Category Order and Taxonomy Terms Order: Plugin này cho phép bạn sắp xếp categories, subcategories và các taxonomy terms khác một cách dễ dàng bằng cách kéo và thả. Mặc dù không trực tiếp ẩn subcategories, nhưng nó giúp bạn sắp xếp lại chúng để chúng không hiển thị nổi bật.
  • Custom Taxonomy Order NE: Tương tự như plugin trên, plugin này cho phép bạn sắp xếp categories và taxonomy terms.
  • Yoast SEO: Mặc dù là một plugin SEO, Yoast SEO cũng cung cấp các tính năng để quản lý categories và tránh trùng lặp nội dung, giúp bạn ẩn hoặc tùy chỉnh subcategories một cách gián tiếp.

Khi chọn plugin, hãy xem xét các yếu tố sau:

  • Đánh giá và xếp hạng: Kiểm tra xem plugin có đánh giá tốt và được người dùng đánh giá cao hay không.
  • Tính năng: Xác định xem plugin có cung cấp các tính năng bạn cần để ẩn hoặc tùy chỉnh subcategories hay không.
  • Tương thích: Đảm bảo rằng plugin tương thích với phiên bản WordPress và theme bạn đang sử dụng.

Tùy chỉnh Subcategories trong WordPress

Ngoài việc ẩn subcategories, bạn cũng có thể tùy chỉnh cách chúng hiển thị. Điều này có thể bao gồm thay đổi thứ tự hiển thị, thêm mô tả, hoặc thay đổi giao diện.

1. Thay đổi thứ tự hiển thị

Như đã đề cập ở trên, các plugin như “Category Order and Taxonomy Terms Order” cho phép bạn thay đổi thứ tự hiển thị của categories và subcategories. Bạn có thể sắp xếp chúng bằng cách kéo và thả trong giao diện quản trị.

2. Thêm mô tả cho Subcategories

WordPress cho phép bạn thêm mô tả cho categories, bao gồm cả subcategories. Mô tả này có thể hiển thị trên trang category hoặc trong danh sách categories. Để thêm mô tả, hãy vào Posts -> Categories, chọn category bạn muốn chỉnh sửa và nhập mô tả vào trường “Description”.

3. Tùy chỉnh giao diện của Subcategories

Bạn có thể tùy chỉnh giao diện của subcategories bằng cách sử dụng CSS hoặc sửa đổi các template của theme. Nếu bạn sử dụng CSS, bạn có thể thêm CSS tùy chỉnh vào tệp style.css của child theme hoặc thông qua trình tùy biến (Customizer). Nếu bạn muốn sửa đổi template, bạn cần sao chép template của category từ theme gốc sang child theme và chỉnh sửa nó. Điều này đòi hỏi kiến thức về PHP và HTML.

Kết luận

Ẩn hoặc tùy chỉnh subcategories trong WordPress có thể giúp bạn cải thiện trải nghiệm người dùng, tối ưu hóa SEO và quản lý nội dung một cách hiệu quả hơn. Có nhiều phương pháp để thực hiện việc này, từ sử dụng CSS đơn giản đến sử dụng code phức tạp hơn hoặc sử dụng các plugin chuyên dụng. Hãy chọn phương pháp phù hợp nhất với nhu cầu và kỹ năng của bạn.