Mục lục
Lưu ý: Hãy xây dựng bảng so sánh theo hướng động – nội dung tự động hiển thị dựa trên dữ liệu, không cần sửa tay mỗi lần cập nhật.
1. Các cách phổ biến để tạo bảng so sánh
| Phương pháp | Ưu điểm | Hạn chế |
|---|---|---|
| HTML thuần (viết tay) | Nhẹ, dễ kiểm soát giao diện | Khó bảo trì khi có nhiều sản phẩm |
| Block Table của Gutenberg | Thao tác trực quan, không cần code | Giới hạn tùy biến và không động |
| Custom shortcode / template riêng | Dễ tái sử dụng, cập nhật 1 nơi duy nhất | Cần viết code ban đầu |
| ACF + CPT + template động | Quản lý sản phẩm như 1 post type riêng | Cần ACF Pro và kiến thức cấu trúc WP |
2. Gợi ý cấu trúc xây dựng bảng động
- Tạo Custom Post Type:
products - Dùng ACF để thêm các field: Giá, Ảnh, Ưu/Nhược điểm, Link mua, Đánh giá…
- Viết template riêng để render bảng tự động từ các post này
$args = array('post_type' => 'products', 'posts_per_page' => 5);
$query = new WP_Query($args);
if ($query->have_posts()) {
echo '<table class="uk-table">';
while ($query->have_posts()) {
$query->the_post();
// Hiển thị tên sản phẩm, giá, link affiliate v.v.
}
echo '</table>';
}
wp_reset_postdata();
3. Thiết kế bảng responsive và dễ đọc
- Dùng
uk-tablekèmuk-overflow-autođể cuộn ngang trên mobile - Dùng icon để biểu diễn ưu/nhược điểm (✅ ❌)
- Tô màu dòng tốt nhất (nếu có)4. Tự động cập nhật giá và thông tin?
<div class="uk-overflow-auto">
<table class="uk-table uk-table-divider">
<thead>
<tr>
<th>Sản phẩm</th>
<th>Giá</th>
<th>Ưu điểm</th>
<th>Nhược điểm</th>
<th>Link</th>
</tr>
</thead>
<tbody>
<!-- Đổ dữ liệu từ vòng lặp PHP -->
</tbody>
</table>
</div>Nếu dùng mạng như Amazon, Shopee… bạn có thể dùng API hoặc plugin auto-update để lấy giá theo thời gian thực. Gợi ý:
- Amazon API + plugin AAWP (nếu dùng Amazon)
- Cron job định kỳ cập nhật giá qua custom field
- Chấp nhận cache 6-24h để giảm call
Kết luận
Thay vì mỗi lần muốn cập nhật bảng lại sửa tay từng dòng, hãy xây dựng bảng động ngay từ đầu. Dữ liệu được quản lý tập trung, hiển thị nhiều nơi, giúp bạn tiết kiệm thời gian và giảm lỗi. Đối với site affiliate micro-niche, đây là nền tảng để mở rộng hàng loạt bảng mà vẫn giữ hiệu suất và tính chính xác.
Bình luận