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

89 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!

Cách Refresh Content Với Google Search Console SEO Bền Vững 2025

Trong hành trình làm SEO, không ai xa lạ với khái niệm “nội dung là vua”. Nhưng một sự thật phũ phàng là nội dung...
Hướng Dẫn Mua Theme WordPress Bản Quyền Giá Rẻ – Cập Nhật Trọn Đời, An Toàn Cho Website

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 Ưu Hóa Đường Dẫn URL Cho Website Năm 2025

Tối ưu hóa đường dẫn URL là một trong những chiến lược quan trọng giúp cải thiện độ hiển thị của website trên các công...
PHP Lỗi Thời? Sự Thật Đằng Sau Câu Chuyện Khiến Nhiều Người Hiểu Lầm

Khi nhắc đến PHP, nhiều người hay bật cười: “Ôi, ngôn ngữ lỗi thời rồi còn ai xài nữa!”. Thế nhưng, sự thật có thực...
Cách Cải Thiện CTR Tự Nhiên Cho Bài Viết Cũ

Bạn có từng rơi vào tình huống này:Một bài viết đã lên top 3 Google, xuất hiện đều đặn trong hàng ngàn kết quả tìm...
Tăng 150% Traffic Tự Nhiên Bằng 5 Chiến Lược SEO Thực Chiến

Trong bối cảnh thuật toán Google liên tục thay đổi, đặc biệt là sự xuất hiện của AI Overview (AIO), nhiều quản trị viên website...
Traffic Ảo Là Gì? Làm Sao Phân Biệt Traffic Thật – Ảo?

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 SEO AI Overviews Lên Top Google Năm 2025

Trong năm 2025, nếu bạn vẫn SEO theo kiểu “cổ điển”, thì xin chia buồn: khả năng cao là bạn sẽ mãi đứng ngoài lề...
Có Nên Chèn Link Affiliate Của Website Khác Vào Trang Bán Hàng Của Mình Không?

Bạn sở hữu một trang web bán hàng. Lưu lượng truy cập đang tăng, đơn hàng bắt đầu về đều. Và rồi, bạn nhận được...
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:...