Bài Viết

Hướng Dẫn Chèn Khung Soạn Thảo Danh Mục Sản Phẩm Flatsome Chuẩn SEO

Đăng vào Tháng 6 23, 2025Tháng 6 23, 2025 bởi admin

admin

23/06/2025

4 Phút đọc

51 Lượt xem

Đánh giá

Tại sao nên chèn khung soạn thảo cho danh mục sản phẩm?

Trong thiết kế website bán hàng bằng Flatsome + WooCommerce, việc thêm nội dung mô tả đầu trang và cuối trang cho từng danh mục sản phẩm giúp:

Tối ưu SEO: Mỗi danh mục có thể được viết nội dung mô tả riêng, chứa từ khóa mục tiêu.
Tăng trải nghiệm người dùng: Khách hàng hiểu rõ hơn về nhóm sản phẩm họ đang xem.
Tùy biến linh hoạt: Chèn banner, video, HTML, shortcode… ở bất kỳ đâu trong danh mục.

Các bước chèn trình soạn thảo vào danh mục sản phẩm WooCommerce

Bước 1: Thêm đoạn mã vào functions.php theme con (child theme)

⚠️ Khuyến nghị sử dụng Flatsome Child Theme để tránh mất code khi cập nhật theme.

Dán đoạn code sau vào cuối file functions.php :

add_action('init', function () {
    // Loại bỏ hook cũ (nếu có)
    remove_action('product_cat_edit_form_fields', 'top_text_taxonomy_edit_meta_field', 10);
    remove_action('product_tag_edit_form_fields', 'top_text_taxonomy_edit_meta_field', 10);
    remove_action('product_cat_edit_form_fields', 'bottom_text_taxonomy_edit_meta_field', 10);
    remove_action('product_tag_edit_form_fields', 'bottom_text_taxonomy_edit_meta_field', 10);

    // Thêm khung soạn thảo cho danh mục sản phẩm và tag
    add_action('product_cat_edit_form_fields', 'muathemewpgiare_editor_top', 10, 2);
    add_action('product_tag_edit_form_fields', 'muathemewpgiare_editor_top', 10, 2);
    add_action('product_cat_edit_form_fields', 'muathemewpgiare_editor_bottom', 10, 2);
    add_action('product_tag_edit_form_fields', 'muathemewpgiare_editor_bottom', 10, 2);
});

add_action('init', function () {

// Loại bỏ hook cũ (nếu có)

remove_action('product_cat_edit_form_fields', 'top_text_taxonomy_edit_meta_field', 10);

remove_action('product_tag_edit_form_fields', 'top_text_taxonomy_edit_meta_field', 10);

remove_action('product_cat_edit_form_fields', 'bottom_text_taxonomy_edit_meta_field', 10);

remove_action('product_tag_edit_form_fields', 'bottom_text_taxonomy_edit_meta_field', 10);

// Thêm khung soạn thảo cho danh mục sản phẩm và tag

add_action('product_cat_edit_form_fields', 'muathemewpgiare_editor_top', 10, 2);

add_action('product_tag_edit_form_fields', 'muathemewpgiare_editor_top', 10, 2);

add_action('product_cat_edit_form_fields', 'muathemewpgiare_editor_bottom', 10, 2);

add_action('product_tag_edit_form_fields', 'muathemewpgiare_editor_bottom', 10, 2);

});

Bước 2: Tạo hàm hiển thị trình soạn thảo nội dung

function muathemewpgiare_editor_top($term) {
    $meta = get_term_meta($term->term_id, 'cat_meta', true);
    $content = isset($meta['cat_header']) ? $meta['cat_header'] : '';
    echo '<tr class="form-field"><th><label for="term_meta[cat_header]">Top Content</label></th><td>';
    wp_editor($content, 'term_meta_cat_header', [
        'textarea_name' => 'term_meta[cat_header]',
        'media_buttons' => true,
        'textarea_rows' => 10
    ]);
    echo '</td></tr>';
}

function muathemewpgiare_editor_bottom($term) {
    $meta = get_term_meta($term->term_id, 'cat_meta', true);
    $content = isset($meta['cat_footer']) ? $meta['cat_footer'] : '';
    echo '<tr class="form-field"><th><label for="term_meta[cat_footer]">Bottom Content</label></th><td>';
    wp_editor($content, 'term_meta_cat_footer', [
        'textarea_name' => 'term_meta[cat_footer]',
        'media_buttons' => true,
        'textarea_rows' => 10
    ]);
    echo '</td></tr>';
}

function muathemewpgiare_editor_top($term) {

$meta = get_term_meta($term->term_id, 'cat_meta', true);

$content = isset($meta['cat_header']) ? $meta['cat_header'] : '';

echo '<tr class="form-field"><th><label for="term_meta[cat_header]">Top Content</label></th><td>';

wp_editor($content, 'term_meta_cat_header', [

'textarea_name' => 'term_meta[cat_header]',

'media_buttons' => true,

'textarea_rows' => 10

]);

echo '</td></tr>';

}

function muathemewpgiare_editor_bottom($term) {

$meta = get_term_meta($term->term_id, 'cat_meta', true);

$content = isset($meta['cat_footer']) ? $meta['cat_footer'] : '';

echo '<tr class="form-field"><th><label for="term_meta[cat_footer]">Bottom Content</label></th><td>';

wp_editor($content, 'term_meta_cat_footer', [

'textarea_name' => 'term_meta[cat_footer]',

'media_buttons' => true,

'textarea_rows' => 10

]);

echo '</td></tr>';

}

Bước 3: Lưu dữ liệu khi chỉnh sửa danh mục

Thêm đoạn code sau để lưu nội dung trình soạn thảo khi bạn bấm “Cập nhật” trong trang chỉnh sửa danh mục:

add_action('edited_product_cat', 'muathemewpgiare_save_term_editor');
add_action('edited_product_tag', 'muathemewpgiare_save_term_editor');

function muathemewpgiare_save_term_editor($term_id) {
    if (!isset($_POST['term_meta'])) return;
    $meta = get_term_meta($term_id, 'cat_meta', true);
    $meta = is_array($meta) ? $meta : [];

    $meta['cat_header'] = wp_kses_post($_POST['term_meta']['cat_header']);
    $meta['cat_footer'] = wp_kses_post($_POST['term_meta']['cat_footer']);

    update_term_meta($term_id, 'cat_meta', $meta);
}

add_action('edited_product_cat', 'muathemewpgiare_save_term_editor');

add_action('edited_product_tag', 'muathemewpgiare_save_term_editor');

function muathemewpgiare_save_term_editor($term_id) {

if (!isset($_POST['term_meta'])) return;

$meta = get_term_meta($term_id, 'cat_meta', true);

$meta = is_array($meta) ? $meta : [];

$meta['cat_header'] = wp_kses_post($_POST['term_meta']['cat_header']);

$meta['cat_footer'] = wp_kses_post($_POST['term_meta']['cat_footer']);

update_term_meta($term_id, 'cat_meta', $meta);

}

Bước 4: Hiển thị nội dung trên giao diện danh mục sản phẩm

Chèn đoạn này vào file archive-product.php trong theme con (hoặc dùng hook trong Flatsome):

$term = get_queried_object();
$meta = get_term_meta($term->term_id, 'cat_meta', true);
if (!empty($meta['cat_header'])) echo wp_kses_post($meta['cat_header']);

// ... danh sách sản phẩm ...

if (!empty($meta['cat_footer'])) echo wp_kses_post($meta['cat_footer']);

$term = get_queried_object();

$meta = get_term_meta($term->term_id, 'cat_meta', true);

if (!empty($meta['cat_header'])) echo wp_kses_post($meta['cat_header']);

// ... danh sách sản phẩm ...

if (!empty($meta['cat_footer'])) echo wp_kses_post($meta['cat_footer']);

Lời kết

Với hướng dẫn trên từ muathemewpgiare, bạn đã có thể:

Tùy biến nội dung cho từng danh mục sản phẩm trên giao diện Flatsome.
Thêm trình soạn thảo đầy đủ tính năng như trong bài viết.
Hỗ trợ tối ưu SEO theo từng danh mục sản phẩm.

Đừng quên:

Mỗi danh mục có thể chèn thêm hình ảnh, video, shortcode giới thiệu.
Tận dụng các vị trí “Top Content” và “Bottom Content” để viết mô tả chuẩn SEO cho danh mục.

Nếu bạn gặp khó khăn trong việc cài đặt hoặc muốn phát triển thêm các tính năng khác cho theme Flatsome, hãy liên hệ đội ngũ muathemewpgiare.com để được hỗ trợ chuyên sâu hơn.

Xem thêm:

Thông báo chính thức: Muathemewpgiare chân thành mong muốn được đồng hành và hỗ trợ tốt nhất cho các khách hàng trong quá trình sử dụng giao diện WordPress. Vì vậy, khi mua những theme wordpress tại chúng tôi, chúng tôi cam kết hỗ trợ quý khách hàng hết sức có thể.

Chúng tôi hiểu rằng sự lựa chọn của quý khách là rất quan trọng. Việc mua source code tại chúng tôi không chỉ giúp đảm bảo chất lượng mà còn nhận được sự hỗ trợ tận tâm từ Muathemewpgiare. Chúng tôi rất mong quý khách cân nhắc kỹ, tránh những rủi ro không đáng có khi mua các source code không rõ nguồn gốc. Chúng tôi luôn sẵn sàng hỗ trợ và đồng hành cùng quý khách. Xin chân thành cảm ơn!

SEO Top 1 Google Năm 2025 Có Khó Không?

Năm 2025, SEO vẫn là một trong những yếu tố quan trọng nhất để đưa website của bạn lên top 1 Google. Tuy nhiên, với...
[CASE STUDY] Khôi phục website sau Helpful Content Update

Website bị rớt hạng sau Helpful Content Update của Google? Hãy xem case study thực chiến này để hiểu vì sao việc tái cấu trúc...
AI Overviews là gì? Cơ hội mới cho SEO thời đại AI – Hướng dẫn tối ưu toàn diện để không bị bỏ lại phía sau

Mục LụcTại sao nên chèn khung soạn thảo cho danh mục sản phẩm?Các bước chèn trình soạn thảo vào danh mục sản phẩm WooCommerceBước 1:...
Sharecode.vn là gì? Toàn cảnh về kho source code lớn tại Việt Nam

Trong thời đại công nghệ số bùng nổ, việc tìm kiếm những đoạn mã nguồn sẵn có, chất lượng và dễ tùy biến đã trở...
Mua Theme WordPress Giá Rẻ – Chuẩn SEO, Full Key, Bản Quyền Trọn Đời

Mục LụcTại sao nên chèn khung soạn thảo cho danh mục sản phẩm?Các bước chèn trình soạn thảo vào danh mục sản phẩm WooCommerceBước 1:...
Giải Đáp 10 Câu Hỏi Thường Gặp Về Ngôn Ngữ Lập Trình PHP – Tất Cả Những Gì Bạn Cần Biết

Mục LụcTại sao nên chèn khung soạn thảo cho danh mục sản phẩm?Các bước chèn trình soạn thảo vào danh mục sản phẩm WooCommerceBước 1:...
5 Lý Do PHP Vẫn Là Ngôn Ngữ Lập Trình Website Hàng Đầu Hiện Nay

Mục LụcTại sao nên chèn khung soạn thảo cho danh mục sản phẩm?Các bước chèn trình soạn thảo vào danh mục sản phẩm WooCommerceBước 1:...
Có Nên Học PHP Năm 2025? Ngôn Ngữ Lập Trình PHP Là Gì Và Vì Sao Vẫn Được Ưa Chuộng?

Mục LụcTại sao nên chèn khung soạn thảo cho danh mục sản phẩm?Các bước chèn trình soạn thảo vào danh mục sản phẩm WooCommerceBước 1:...
Tìm Hiểu Ngôn Ngữ Lập Trình PHP

Mục LụcTại sao nên chèn khung soạn thảo cho danh mục sản phẩm?Các bước chèn trình soạn thảo vào danh mục sản phẩm WooCommerceBước 1:...
Ngôn Ngữ Lập Trình PHP Là Gì? Tìm Hiểu Từ A Đến Z Cho Người Mới Bắt Đầu

Mục LụcTại sao nên chèn khung soạn thảo cho danh mục sản phẩm?Các bước chèn trình soạn thảo vào danh mục sản phẩm WooCommerceBước 1:...
Bảo Mật Trang Web WordPress – Hướng Dẫn Toàn Diện Giúp Website An Toàn Tuyệt Đối

Website không chỉ là bộ mặt thương hiệu mà còn là tài sản vô giá của bất kỳ doanh nghiệp hay cá nhân nào hoạt...
Sự Thay Đổi Của Ngành Lập Trình Website Và Thiết Kế Website Sau Khi ChatGPT Ra Đời

Mục LụcTại sao nên chèn khung soạn thảo cho danh mục sản phẩm?Các bước chèn trình soạn thảo vào danh mục sản phẩm WooCommerceBước 1:...
Tại Sao Plugin Nulled Được Sử Dụng Rộng Rãi? – Sự Thật Không Phải Ai Cũng Biết

Đối với cộng đồng người dùng WordPress, thuật ngữ “plugin nulled” không còn xa lạ. Đây là những plugin trả phí đã bị bẻ khóa...
10 Cách Giúp Bảo Mật Trang Web WordPress Hiệu Quả Nhất

WordPress là nền tảng xây dựng website phổ biến nhất thế giới, nhưng cũng vì thế mà nó trở thành mục tiêu thường xuyên của...
Hướng dẫn thêm tài khoản quản trị viên WordPress qua functions.php

Mục LụcTại sao nên chèn khung soạn thảo cho danh mục sản phẩm?Các bước chèn trình soạn thảo vào danh mục sản phẩm WooCommerceBước 1:...
Hướng dẫn mua theme WordPress giá rẻ an toàn, không bị dính mã độc

Trong thời đại số hóa hiện nay, việc sở hữu một website chuyên nghiệp là điều cần thiết cho mọi doanh nghiệp và cá nhân....