Blog trên WordPress rất dễ sử dụng và mạnh mẽ. Một số hướng dẫn tùy chỉnh blog như thu gọn tiêu đề blog, thay đổi số lượng chữ hiển thị trong mô tả ngắn, hiệu ứng cho hình ảnh blog,.. sẽ giúp trang blog của bạn trông đẹp hơn.
Ngắt dòng tiêu đề blog
Cách thu gọn tiêu đề bài viết trên WordPress bằng CSS khá đơn giản như sau:
1 2 3 4 5 6 7 8 9 10 11 | .class-tieu-de-blog { padding-top: 5px; text-align: center; color: #000; font-weight: 900; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; //là số dòng các bạn muốn cắt, nếu chỉ muốn cắt thành 1 dòng thì thay bằng số 1. } |
Thay đổi số lượng chữ mô tả excerpt
Một số giao diện có sẵn tùy chỉnh số lượng chữ hoặc ký tự excerpt. Nếu không, hãy sử dụng đoạn code sau để thay đổi excerpt tùy ý nhé.
Hiệu ứng cho ảnh blog
Bo góc ảnh
1 2 3 | .blog-archive .post-item .box-image .image-cover { border-radius: 5px; } |
Xem thêm các hiêu ứng
Tham khảo thêm:
Chỉnh Prev / Next Post Navigation trên blog Flatsome
Hướng dẫn thêm Navi breadcrumb cho trang blog tin tức Flatsome
Bài viết cùng chuyên mục: