Vấn đề: tiêu đề bài viết dài làm vỡ giao diện Flatsome
Nếu bạn đang dùng theme Flatsome cho WordPress, chắc hẳn bạn từng gặp tình huống: tiêu đề bài viết ở trang chủ, blog list hay widget “Bài viết mới nhất” quá dài, khiến các thẻ (card) bị lệch chiều cao, hình ảnh không đều hàng, giao diện trông thiếu chuyên nghiệp.
Cách xử lý phổ biến là chỉnh CSS text-overflow: ellipsis, nhưng cách này chỉ ẩn phần chữ tràn bằng hình ảnh, không thực sự cắt chuỗi — SEO crawler và trình đọc màn hình vẫn “thấy” toàn bộ tiêu đề dài, và trên một số layout co giãn (responsive) CSS ellipsis lại không ăn.
Giải pháp: plugin Limit Post Title Length
Limit Post Title Length là plugin WordPress nhỏ gọn, xử lý tận gốc bằng PHP thay vì che bằng CSS:
- Tự động cắt ngắn tiêu đề bài viết theo số ký tự tùy chỉnh, thêm dấu “…” ở cuối nếu bị cắt.
- Không cắt vỡ giữa từ — luôn lùi về khoảng trắng gần nhất để tiêu đề vẫn đọc được trọn nghĩa.
- Hỗ trợ đầy đủ tiếng Việt có dấu (dùng chuẩn UTF-8/
mb_string). - Hoạt động ở mọi nơi Flatsome gọi tiêu đề ra ngoài trang chi tiết: trang chủ, blog list, widget bài viết mới nhất, blog shortcode.
- Trang chi tiết bài viết luôn giữ tiêu đề đầy đủ — không ảnh hưởng SEO on-page hay trải nghiệm đọc.
- Giới hạn ký tự có thể tùy chỉnh qua 1 dòng filter, không cần sửa code lõi plugin.
Vì sao nên xử lý bằng PHP thay vì CSS?
| Tiêu chí | CSS text-overflow |
Plugin Limit Post Title Length |
|---|---|---|
| Cắt đúng theo số ký tự | Không (phụ thuộc độ rộng khung) | Có |
| Không vỡ giữa từ | Không | Có |
| Ổn định trên mọi kích thước màn hình | Không | Có |
| Ảnh hưởng trang chi tiết bài viết | Có thể (nếu dùng chung class) | Không |
Cách cài đặt
- Vào WordPress Admin → Plugins → Add New → Upload Plugin.
- Chọn file
limit-post-title-zip→ Install Now → Activate. - Mặc định tiêu đề sẽ giới hạn 50 ký tự. Muốn đổi số ký tự, thêm đoạn sau vào
functions.phpcủa theme con:
Tổng kết
Chỉ với một plugin nhẹ, bạn có thể giữ cho trang chủ Flatsome luôn gọn gàng, đồng đều, chuyên nghiệp mà không cần đụng đến CSS phức tạp hay lo lắng về SEO tiêu đề. Đây là giải pháp phù hợp cho bất kỳ website WordPress/Flatsome nào có lượng bài viết lớn với tiêu đề dài ngắn không đồng nhất.