Hiển thị mô tả cho category và tag trong WordPress

 

hien-thi-mo-ta-cho-category-va-tag-trong-wordpress

Bạn đã bao giờ nhìn thấy phần mô tả dành cho category (chuyên mục) và tag (thẻ) trên một website WordPress chưa? Nếu chưa, hãy thử truy cập một thư mục hoặc thẻ bất kỳ trên blog của phuweb.com để xem nhé. Mô tả hay description chính là phần nội dung được hiển thị ở đầu mỗi chuyên mục hoặc thẻ, nằm trước danh sách bài viết. Phần mô tả có tác dụng gì và cách tích hợp như thế nào, hãy dành ra ít phút để cùng chúng tôi tìm hiểu ngay sau đây.

Tại sao bạn nên thêm phần mô tả cho category và tag?

  • Có lợi cho SEO. Điều này tất nhiên. Google và các công cụ tìm kiếm khác sẽ dễ dàng phát hiện ra từ khóa mà bạn muốn SEO trong phần mô tả.
  • Giúp người đọc có một cái nhìn tổng quan về các nội dung sẽ có trong category hoặc tag.
  • Giúp website của bạn trở nên chuyên nghiệp hơn so với khi chỉ có một danh sách các bài viết.

Hiển thị mô tả cho category và tag

Tùy thuộc vào theme bạn đang sử dụng mà sẽ có những cách khác nhau:

Nếu bạn đang sử dụng Genesis Framework

Tính năng hiển thị mô tả cho các trang lưu trữ nói chung và category, tag nói riêng đã được tích hợp sẵn trong Genesis Framework. Nếu bạn đang sử dụng Genesis Framework hoặc các child theme được xây dựng trên nền tảng này (ví dụ như Paradise child theme) thì tất cả những gì bạn cần làm là truy cập vào Posts => Categories hoặc Tags => click vào nút Edit tương ứng với category hoặc tag mà bạn muốn thêm mô tả => điền nội dung vào các mục Archive Headline và Archive Intro Text.

hien-thi-mo-ta-cho-category-va-tag-trong-genesis-framework

Trong đó:

  • Archive Headline: là tên của category hoặc tag.
  • Archive Intro Text: là phần mô tả cho category hoặc tag.

Sau khi thêm xong, click vào nút Update để lưu lại.

Ví dụ trên theme Paradise, nó sẽ trông giống như thế này:

demo-mo-ta-cho-category-va-tag-tren-theme-paradise

Nếu bạn đang sử dụng theme khác

Nếu theme của bạn có hỗ trợ sẵn tính năng hiển thị mô tả cho category và tag thì tất cả những gì bạn cần làm là truy cập vào Posts => Categories hoặc Tags => click vào nút Edit tương ứng với category hoặc tag mà bạn muốn thêm mô tả => điền nội dung vào phần Description.

them-mo-ta-cho-chuyen-muc-va-the-trong-wordpress

Lưu lại và kiểm tra kết quả.

Nếu theme của bạn không hỗ trợ sẵn tính năng hiển thị mô tả cho category và tag thì bạn sẽ cần tới sự trợ giúp của plugin hoặc code để làm điều này.

Thông qua code

Lưu ý: backup file trước khi làm đề phòng bị lỗi. Các bạn cũng sẽ phải lặp lại công việc sau mỗi lần update theme lên phiên bản mới.

Truy cập host thông qua File Manager của cPanel/ DirectAdmin hoặc phần mềm FTP => tìm và mở file archive.php của theme mà bạn đang sử dụng ra => tìm dòng the_archive_title và chèn code sau đây vào ngay bên dưới:

1
the_archive_description( '<div class="archive-description">', '</div>' );

Nó sẽ trông tương tự như thế này:

chen-the-archive-description-vao-ben-duoi-the-archive-title-trong-file-archive-php

Lưu lại và kiểm tra kết quả.

Ngoài ra, các bạn cũng có thể dùng bộ chọn CSS .archive-description {} để tùy biến giao diện cho phần mô tả.

Thông qua plugin

1. Đầu tiên, các bạn cần phải cài đặt và kích hoạt một plugin có tên là Archive Control.

cai-dat-va-kich-hoat-plugin-archive-control

2. Truy cập Settings => Archive Control => Taxonomies. Tại đây, hãy chọn Enabled trong mục Content Before List nếu bạn muốn hiển thị nội dung ở đầu danh sách bài viết. Nếu bạn muốn hiển thị nội dung ở cuối danh sách bài viết thì hãy chọn Enabled trong mục Content After List.

kich-hoat-content-before-list

Click vào nút Save Settings để lưu lại.

3. Truy cập vào Posts => Categories hoặc Tags => click vào nút Edit tương ứng với category hoặc tag mà bạn muốn thêm mô tả => điền nội dung vào mục Before Archive List.

dien-mo-ta-vao-before-archive-list

Click vào nút Update để lưu lại.

4. Kết quả sẽ trông giống như thế này.

demo-mo-ta-cho-category-va-tag-trong-wordpress

Hiển thị mô tả cho product category và product tag

Nếu bạn muốn thêm mô tả cho product category (danh mục sản phẩm) và product tag (thẻ sản phẩm) trong WooCommerce, hãy làm theo hướng dẫn sau:

Đối với Genesis Framework và child theme

Tất cả những gì bạn cần làm là truy cập vào Products => Categories hoặc Tags => click vào nút Edit tương ứng với product category hoặc product tag mà bạn muốn thêm mô tả => điền nội dung vào các mục Archive Headline và Archive Intro Text. Nó tương tự như đối với category và tag thông thường.

Đối với các theme khác

1. Đầu tiên, các bạn cần chèn đoạn code sau đây vào file functions.php của theme hoặc child theme mà bạn đang sử dụng. Các bạn cũng có thể sử dụng plugin Code Snippets để chèn nhằm tránh nó bị xóa mất khi cập nhật theme.

  • Nếu bạn muốn chèn mô tả vào bên trên danh sách sản phẩm:
1
2
3
4
5
6
7
8
9
10
11
function wpcb_woocommerce_taxonomy_archive_description() {
    if ( is_tax( array( 'product_cat', 'product_tag' ) ) && get_query_var( 'paged' ) != 0 ) {
        $description = wc_format_content( wpcb_description() );
        if ( $description ) {
            echo '<div class="wpcb-description">' . $description . '</div>';
        }
    }
}
add_action( 'woocommerce_archive_description', 'wpcb_woocommerce_taxonomy_archive_description');
remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
add_action( 'woocommerce_before_shop_loop', 'woocommerce_taxonomy_archive_description', 10 );
  • Nếu bạn muốn chèn mô tả vào bên dưới danh sách sản phẩm:
1
2
3
4
5
6
7
8
9
10
11
function wpcb_woocommerce_taxonomy_archive_description() {
    if ( is_tax( array( 'product_cat', 'product_tag' ) ) && get_query_var( 'paged' ) != 0 ) {
        $description = wc_format_content( wpcb_description() );
        if ( $description ) {
            echo '<div class="wpcb-description">' . $description . '</div>';
        }
    }
}
add_action( 'woocommerce_archive_description', 'wpcb_woocommerce_taxonomy_archive_description');
remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
add_action( 'woocommerce_after_shop_loop', 'woocommerce_taxonomy_archive_description', 10 );

2. Truy cập vào Products => Categories hoặc Tags => click vào nút Edit tương ứng với product category hoặc product tag mà bạn muốn thêm mô tả => điền nội dung vào phần Description. Lưu lại và kiểm tra kết quả.

them-mo-ta-cho-danh-muc-san-pham-trong-woocommerce

Ngoài ra, các bạn cũng có thể dùng bộ chọn CSS .wpcb-description {} để tùy biến giao diện cho phần mô tả.

Thật đơn giản phải không nào? Chúc các bạn thành công!