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

Hiển thị mô tả cho category và tag trong WordPress một cách đơn giản.

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 WP Căn bản để 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.

Tham khảo thêm:

• 10 Plugins giúp bạn cải thiện chức năng của category
• Tạo sticky post cho category trong WordPress

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.

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:

Nếu bạn muốn chuyển phần mô tả xuống bên dưới danh sách bài viết, hãy sử dụng code sau:

add_action( 'template_redirect', 'wpcb_move_genesis_archive_description' );
function wpcb_move_genesis_archive_description() {
	if ( ! ( is_category() || is_tag() ) ) {
		return;
	}
	remove_action( 'genesis_before_loop', 'genesis_do_taxonomy_title_description', 15 );
	add_action( 'genesis_after_loop', 'genesis_do_taxonomy_title_description', 15 );
}

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.

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:

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

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

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 (download).

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.

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.

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

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

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.

Nếu bạn muốn chuyển phần mô tả xuống bên dưới danh sách sản phẩm, hãy sử dụng code sau:

add_action( 'template_redirect', 'wpcb_move_genesis_archive_description' );
function wpcb_move_genesis_archive_description() {
	if ( ! is_product_category() && ! is_product_tag() ) {
		return;
	}
	remove_action( 'genesis_before_loop', 'genesis_do_taxonomy_title_description', 15 );
	add_action( 'genesis_after_loop', 'genesis_do_taxonomy_title_description', 15 );
}

Trong trường hợp bạn muốn áp dụng cho cả sản phẩm (danh mục sản phẩm, thẻ sản phẩm) và bài viết (danh mục, thẻ), hãy sử dụng code sau:

add_action( 'template_redirect', 'wpcb_move_genesis_archive_description' );
function wpcb_move_genesis_archive_description() {
	if ( ! ( is_category() || is_tag() || is_product_category() || is_product_tag() ) ) {
		return;
	}
	remove_action( 'genesis_before_loop', 'genesis_do_taxonomy_title_description', 15 );
	add_action( 'genesis_after_loop', 'genesis_do_taxonomy_title_description', 15 );
}

Đố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:

remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
function wpcb_archive_description_on_all_pages() {
    if ( is_product_taxonomy() ) {
            $term = get_queried_object();
            if ( $term && ! empty( $term->description ) ) {
                echo '<div class="term-description woocommerce-taxonomy-archive-description">';
                echo wc_format_content( $term->description );
                echo '</div>';
            }
    }
}
add_action( 'woocommerce_before_shop_loop', 'wpcb_archive_description_on_all_pages', 10 );

• Nếu bạn muốn chèn mô tả vào bên dưới danh sách sản phẩm:

remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
function wpcb_archive_description_on_all_pages() {
    if ( is_product_taxonomy() ) {
            $term = get_queried_object();
            if ( $term && ! empty( $term->description ) ) {
                echo '<div class="term-description woocommerce-taxonomy-archive-description">';
                echo wc_format_content( $term->description );
                echo '</div>';
            }
    }
}
add_action( 'woocommerce_after_shop_loop', 'wpcb_archive_description_on_all_pages', 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ả.

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!

Bạn có đang hiển thị phần mô tả cho category và tag trên website của mình không? Bạn đã sử dụng phương pháp nào để làm điều đó? Hãy chia sẻ nó với chúng tôi thông qua khung bình luận bên dưới.

Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)