NỘI DUNG

Hosting tốc độ cao Vietnix - tốc độ tải trang trung bình dưới 1 giây
VPS siêu tốc Vietnix - trải nghiệm mượt mà, ổn định
29/12/2023
Lượt xem

Cách hiển thị danh mục chính trong WordPress chuẩn xác

29/12/2023
5 phút đọc
Lượt xem

Đánh giá

5/5 - (128 bình chọn)


Ngày nay, việc tổ chức và hiển thị thông tin trên website một cách rõ ràng và thuận tiện là yếu tố quan trọng để tăng cường trải nghiệm người dùng. Đối với các website, việc hiển thị danh mục chính trong WordPress một cách hiệu quả không chỉ giúp người dùng dễ dàng tìm thấy thông tin họ cần mà còn góp phần tạo ra một giao diện người dùng thân thiện và chuyên nghiệp. Trong bài viết này, Vietnix sẽ hướng dẫn cách để hiển thị danh mục chính trên WordPress và những lợi ích khi dùng tính năng này mang lại.

Khi nào nên chỉ hiển thị danh mục chính trong WordPress?

Nhiều chủ sở hữu trang web sử dụng các danh mục chính (parent category) và phụ (child category) để tạo cấu trúc cho website. Chẳng hạn khi một blog du lịch có thể tổ chức các điểm đến du lịch theo các danh mục, nơi mỗi khu vực là một danh mục chính và các thành phố là các danh mục phụ.

Ví dụ: Một blog du lịch có thể có các điểm đến du lịch được sắp xếp theo danh mục trong đó mỗi tỉnh thành là danh mục chính và các thành phố là danh mục con.

Tất cả danh mục được hiển thị
Tất cả danh mục được hiển thị

Hiện nay, hầu hết các theme WordPress đều sử dụng the_category() template tag để liệt kê tất cả các danh mục được link với bài đăng. Chức năng này hiệu quả nhưng sẽ hiển thị tất cả các danh mục theo thứ tự bảng chữ cái và hoàn toàn bỏ qua mối quan hệ chính/phụ.

Cách chỉ hiển thị danh mục chính trong WordPress đơn giản

Đối với hướng dẫn này, bạn sẽ cần chỉnh sửa các file theme của WordPress. Đầu tiên, bạn cần thêm đoạn code sau vào file functions.php của theme đang sử dụng hoặc sử dụng plugin code snippet như WPCode:

function wpb_get_parent_terms($taxonomy = 'category') {     $currentPost = get_post();     $terms       = get_the_terms($currentPost->ID, $taxonomy);       if (is_wp_error($terms)) {         /** @var \WP_Error $terms */         throw new \Exception($terms->get_error_message());     }       $map = array_map(         function ($term) use ($taxonomy) {             return '<a href="' . esc_url(get_term_link($term->term_id,                     $taxonomy)) . '" title="' . esc_attr($term->name) . '">                 ' . $term->name . '                 </a>';         },         array_filter($terms, function ($term) {             return $term->parent == 0;         })     );       return implode(', ', $map); }

Đoạn code này đơn giản là tạo một function mới wpb_get_parent_terms(). Theo mặc định, function này sẽ chỉ hiển thị các danh mục chính. Tiếp theo,bạn cần đặt hàm này vào các file theme WordPress nơi muốn chỉ hiển thị danh mục chính. Về cơ bản, người dùng sẽ tìm kiếm the_category(); tag template bên trong WordPress loop. Khi đã tìm thấy, bạn cần thay thế bằng đoạn code sau:

<?php wpb_get_parent_terms(); ?> 

Code này sẽ chỉ hiển thị danh mục chính, nếu bạn có nhiều danh mục là danh mục chính hoặc danh mục đơn thì tất cả các danh mục đó cũng sẽ được hiển thị.

Chỉ hiển thị danh mục chính
Chỉ hiển thị danh mục chính

Đoạn code cũng sẽ hoạt động cho tất cả các template khác kể cả danh mục sản phẩm WooCommerce, hoặc bất kỳ phân loại tùy chỉnh nào bạn có thể có. Để thực hiện thao tác, thì chỉ cần sửa đổi code như thế này:

<?php wpb_get_parent_terms( 'product_cat '); ?>

Code này sẽ hiển thị danh mục sản phẩm cho cửa hàng WooCommerce và sẽ chỉ hiển thị danh mục chính hoặc danh mục đơn cho một sản phẩm.

Chỉ hiển thị danh mục chính
Chỉ hiển thị danh mục chính

Ngoài những thông tin trong bài liên quan đến cách hiển thị danh mục chính trong WordPress, bạn có thể quan tâm:

Lời kết

Vietnix hy vọng bài viết này đã giúp bạn tìm hiểu cách hiển thị danh mục chính trong WordPress. Ngoài bài viết này, bạn cũng có thể tham khảo thêm các bài viết khác để áp dụng cho website của mình tại vietnix.vn như hướng dẫn cách ẩn hoặc tạo kiểu danh mục con trong WordPress hoặc hướng dẫn cách đổi tên danh mục trong WordPress chi tiết, dễ dàng dành cho người mới, chúc bạn thành công!

THEO DÕI VÀ CẬP NHẬT CHỦ ĐỀ BẠN QUAN TÂM

Đăng ký ngay để nhận những thông tin mới nhất từ blog của chúng tôi. Đừng bỏ lỡ cơ hội truy cập kiến thức và tin tức hàng ngày

Chọn chủ đề :

Lê Nam

WordPress Expert
tại

Kết nối với mình qua

Kết nối với mình qua

Tăng tốc độ website - Nâng tầm giá trị thương hiệu

Tăng tốc tải trang

95 điểm

Nâng cao trải nghiệm người dùng

Tăng 8% tỷ lệ chuyển đổi

Thúc đẩy SEO, Google Ads hiệu quả

Tăng tốc ngay

SẢN PHẨM NỔI BẬT

7 NGÀY DÙNG THỬ HOSTING

NẮM BẮT CƠ HỘI, THÀNH CÔNG DẪN LỐI

Cùng trải nghiệm dịch vụ hosting tốc độ cao được hơn 100,000 khách hàng sử dụng

ĐĂNG KÝ NHẬN TÀI LIỆU THÀNH CÔNG
Cảm ơn bạn đã đăng ký nhận tài liệu mới nhất từ Vietnix!
ĐÓNG

ĐĂNG KÝ DÙNG THỬ HOSTING

7 NGÀY MIỄN PHÍ

ĐĂNG KÝ DÙNG THỬ HOSTING

7 NGÀY MIỄN PHÍ

XÁC NHẬN ĐĂNG KÝ DÙNG THỬ THÀNH CÔNG
Cảm ơn bạn đã đăng ký thông tin thành công. Đội ngũ CSKH sẽ liên hệ trực tiếp để kích hoạt dịch vụ cho bạn nhanh nhất!
ĐÓNG