Giới hạn số lượng từ trong excerpt – Tùy biến giao diện mô tả ngắn cho WordPress

• Giới hạn số lượng từ theo ý muốn
• Thêm dấu “…” rõ ràng
• Tùy biến giao diện phần excerpt đẹp mắt

Giới hạn số lượng từ trong excerpt

Thêm đoạn sau vào functions.php của theme hoặc child theme:

// Đặt lại số từ trong excerpt
function custom_excerpt_length($length) {
    return 30; // Đổi số này để tăng/giảm số từ
}
add_filter('excerpt_length', 'custom_excerpt_length');

// Thay dấu kết thúc excerpt
function custom_excerpt_more($more) {
    return '...';
}
add_filter('excerpt_more', 'custom_excerpt_more');

Sử dụng the_excerpt() như thế nào?

Trong vòng lặp (loop) WordPress, bạn có thể dùng:

<div class="post-excerpt">
  <?php the_excerpt(); ?>
</div>

Nếu bạn dùng get_the_excerpt() trong custom layout, có thể làm như sau:

<p class="excerpt-custom">
  <?php echo wp_trim_words(get_the_excerpt(), 25, '...'); ?>
</p>

Tùy biến CSS cho phần excerpt

Để làm phần mô tả đẹp hơn, thêm CSS vào style.css:

.post-excerpt, .excerpt-custom {
  font-size: 1rem;
  line-height: 1.6;
  color: #555;
  margin-top: 8px;
}

Mẹo nâng cao

• Thêm class đặc biệt để định dạng riêng cho archive/blog page
• Sử dụng wp_trim_words() để cắt excerpt bất kỳ ở mọi nơi
• Có thể viết shortcode để gọi excerpt cắt ngắn từ post bất kỳ

Kết luận

Excerpt là phần quan trọng để thu hút người đọc và tối ưu SEO. Bằng cách tùy chỉnh độ dài và giao diện, bạn có thể tạo giao diện blog tinh tế, đồng nhất hơn mà không cần cài thêm plugin.