Block WordPress: 15 khối hay dùng nhất để tự trình bày trang đẹp
Block WordPress (khối) là đơn vị xây dựng nội dung trong trình soạn thảo của WordPress: mỗi đoạn văn, tiêu đề, ảnh, bảng, nút bấm là một khối. Nắm vững 15 block WordPress hay dùng nhất dưới đây là đủ để nhân viên tự trình bày bài viết, trang dịch vụ, bảng giá đẹp và chuẩn SEO mà không cần biết lập trình hay cài page builder.
Danh sách được cập nhật theo WordPress 7.0 (phát hành 20/5/2026), có thêm các khối mới như Lưới, Đường dẫn và Biểu tượng. Mỗi khối kèm công dụng, mẹo dùng và lưu ý để trang hiển thị tốt trên điện thoại.
Cách chèn block WordPress nhanh
- Bấm dấu “+” ở góc trên hoặc giữa các khối để mở danh sách khối.
- Gõ dấu “/” trong khối đoạn văn trống rồi gõ tên khối, ví dụ /bang, /nut.
- Kéo thả khối để đổi vị trí, hoặc dùng mũi tên lên xuống trên thanh công cụ.
- Mở “Chế độ xem danh sách” (List View) để thấy cấu trúc toàn trang và chọn khối nhanh.
15 block WordPress hay dùng nhất
1. Đoạn văn (Paragraph)
Khối cơ bản nhất, chứa nội dung chữ. Bạn có thể in đậm, in nghiêng, chèn liên kết, đổi màu chữ, cỡ chữ ngay trên thanh công cụ của khối. Mẹo: mỗi đoạn chỉ nên 2–4 câu, một ý chính, để đọc dễ trên điện thoại. Khi dán nội dung từ Word, dùng Ctrl + Shift + V để dán văn bản thuần, tránh mang theo định dạng lạ làm vỡ giao diện.
2. Tiêu đề (Heading)
Chia bài thành các mục H2, H3, H4. Tiêu đề giúp người đọc lướt nhanh, giúp Google và trợ lý AI hiểu cấu trúc nội dung. Không dùng H1 trong nội dung vì tiêu đề bài đã là H1. Đặt từ khóa chính trong ít nhất hai tiêu đề H2 một cách tự nhiên. Có thể đặt “ID HTML” cho tiêu đề để tạo liên kết nhảy tới mục.
3. Danh sách (List)
Liệt kê các bước, đặc điểm, lợi ích. Chọn danh sách gạch đầu dòng hoặc đánh số. Danh sách giúp nội dung rõ ràng hơn đoạn văn dài và hay được Google trích làm đoạn nổi bật. Có thể lồng danh sách con bằng phím Tab.
4. Ảnh (Image)
Chèn ảnh từ máy tính, thư viện hoặc đường dẫn. Luôn điền văn bản thay thế (alt) mô tả nội dung ảnh, có thể thêm chú thích, liên kết khi bấm vào ảnh, bo góc, chọn tỉ lệ cắt. WordPress 7.0 tự nén ảnh trên trình duyệt trước khi tải lên, giúp website nhẹ hơn.
5. Bảng (Table)
Trình bày so sánh, bảng giá, thông số. Có tùy chọn hàng tiêu đề, cột cố định độ rộng, kiểu sọc. Bảng giúp người đọc so sánh nhanh và được AI trích dẫn tốt. Trên điện thoại, bảng quá nhiều cột sẽ phải cuộn ngang, nên giữ 3–4 cột.
6. Nút (Buttons)
Tạo nút kêu gọi hành động như “Gọi ngay”, “Nhận báo giá”, “Đặt lịch”. Đặt liên kết tel: để bấm là gọi, hoặc liên kết Zalo. Dùng màu thương hiệu nổi bật, chữ ngắn gọn rõ hành động.
7. Nhóm (Group)
Gom nhiều khối thành một nhóm để đặt nền màu, khoảng cách, viền chung. Dùng để tạo hộp nổi bật, phần giới thiệu, hộp liên hệ. Nhóm cũng có biến thể Hàng (Row) và Ngăn xếp (Stack) để xếp khối ngang hoặc dọc.
8. Cột (Columns)
Chia nội dung thành 2–4 cột, ví dụ ảnh bên trái, chữ bên phải. Trên điện thoại, các cột tự xếp chồng thành một cột. Có thể chỉnh tỉ lệ độ rộng từng cột.
9. Lưới (Grid)
Khối mới nổi bật của WordPress 7.0, xếp nhiều mục theo lưới đáp ứng: tự đổi số cột theo màn hình. Rất phù hợp trang dịch vụ dạng thẻ, danh sách đội ngũ, bộ sưu tập sản phẩm mà không cần page builder.
10. Ảnh bìa (Cover)
Ảnh hoặc video nền có chữ đè lên, dùng cho banner đầu trang, phần giới thiệu nổi bật. Có lớp phủ màu để chữ dễ đọc. Dùng ảnh nhẹ vì ảnh bìa thường là phần tải đầu tiên, ảnh hưởng tốc độ.
11. Thư viện ảnh (Gallery)
Hiển thị nhiều ảnh dạng lưới, phù hợp ảnh dự án, không gian cửa hàng, sản phẩm. Có thể bật mở ảnh lớn khi bấm. Chọn số cột và cắt ảnh đều nhau cho gọn gàng.
12. Chi tiết (Details)
Khối thu gọn, bấm vào tiêu đề mới hiện nội dung. Phù hợp phần Câu hỏi thường gặp, chính sách dài. Giúp trang gọn mà vẫn đủ thông tin.
13. Nhúng (Embed)
Chèn video YouTube, bài Facebook, bản đồ, nhiều nền tảng khác chỉ bằng cách dán đường dẫn. Nhúng video thay vì tải trực tiếp lên website giúp tiết kiệm dung lượng hosting và tải nhanh hơn.
14. Đường dẫn (Breadcrumbs)
Khối mới có sẵn từ WordPress 7.0, hiển thị vị trí trang dạng Trang chủ › Chuyên mục › Bài viết. Giúp khách định hướng và hỗ trợ SEO. Thường đặt trong mẫu bài viết của block theme.
15. Biểu tượng (Icon)
Khối mới trong WordPress 7.0, chèn biểu tượng từ thư viện có tìm kiếm theo tên, ví dụ điện thoại, vị trí, đồng hồ. Dùng kèm danh sách lợi ích, thông tin liên hệ cho trực quan, không cần cài plugin bộ icon riêng.
Bảng chọn block WordPress theo việc cần làm
| Việc cần làm | Khối nên dùng |
|---|---|
| Viết bài kiến thức | Đoạn văn, Tiêu đề, Danh sách, Ảnh, Bảng |
| Trang dịch vụ | Ảnh bìa, Lưới, Cột, Nút, Chi tiết |
| Bảng giá | Bảng hoặc Lưới thẻ giá, Nút |
| Trang dự án | Thư viện ảnh, Cột, Nhúng video |
| Hộp liên hệ dùng chung | Nhóm + Biểu tượng + Nút, lưu thành mẫu đồng bộ |
Mẹo dùng block WordPress hiệu quả
- Lưu nhóm khối hay dùng thành mẫu (pattern); chọn “đồng bộ” nếu muốn sửa một nơi đổi mọi nơi.
- Dùng phím tắt: Ctrl + Shift + D nhân đôi khối, Ctrl + Alt + T chèn khối trước.
- Không lạm dụng màu sắc, cỡ chữ riêng cho từng khối; dùng kiểu chung của giao diện để đồng bộ.
- Xem trước trên điện thoại sau khi dựng bố cục cột, lưới.
Tài liệu chi tiết từng khối có tại WordPress.org Documentation. Xem thêm hướng dẫn đăng bài trên WordPress.
Ví dụ dựng trang dịch vụ bằng block WordPress
Giả định trung tâm sửa chữa ô tô cần trang “Bảo dưỡng định kỳ”. Bố cục dựng hoàn toàn bằng khối có sẵn:
- Ảnh bìa: ảnh xưởng thật, tiêu đề “Bảo dưỡng định kỳ ô tô tại Buôn Ma Thuột”, nút “Đặt lịch”.
- Đoạn văn: 3–4 câu trả lời ngay: bảo dưỡng gồm gì, bao lâu một lần, giá từ bao nhiêu.
- Lưới: 6 thẻ hạng mục (thay dầu, lọc gió, phanh, lốp, điện, điều hòa), mỗi thẻ có Biểu tượng và mô tả ngắn.
- Bảng: bảng giá theo mốc km.
- Thư viện ảnh: 6 ảnh xưởng, kỹ thuật viên làm việc (có đồng ý).
- Chi tiết: 4 câu hỏi thường gặp.
- Nhóm + Nút: hộp liên hệ dùng chung, lưu thành mẫu đồng bộ.
Toàn bộ trang dựng trong khoảng một giờ, nhẹ, hiển thị tốt trên điện thoại và nhân viên tự sửa giá khi cần.
Những lỗi hay gặp khi dùng block WordPress
- Dùng khối Tiêu đề chỉ để làm chữ to, phá vỡ cấu trúc H2, H3.
- Lồng quá nhiều nhóm, cột khiến bố cục khó sửa.
- Chỉnh màu, khoảng cách riêng cho từng khối, trang trông thiếu đồng bộ.
- Dán ảnh trực tiếp kích thước lớn vài MB.
- Quên điền văn bản thay thế cho ảnh.
Bắt đầu với 5 khối cơ bản (Đoạn văn, Tiêu đề, Danh sách, Ảnh, Nút), sau đó học dần Nhóm, Cột, Lưới. Chỉ sau vài bài viết, bạn sẽ dùng block WordPress thành thạo như soạn văn bản thông thường.
Câu hỏi thường gặp về block WordPress
Plugin có thêm khối mới không?
Có. Nhiều plugin (form, WooCommerce, SEO) thêm khối riêng. Chỉ cài plugin thật sự cần để trình soạn thảo gọn nhẹ.
Xóa nhầm khối thì sao?
Nhấn Ctrl + Z để hoàn tác, hoặc xem lại bản sửa đổi trước của bài.
Block WordPress có dùng được cho trang chủ không?
Có, đặc biệt với block theme, cả trang chủ, đầu trang, chân trang đều dựng bằng khối.
Kết luận về block WordPress
15 block WordPress trên đáp ứng gần như mọi nhu cầu trình bày nội dung của doanh nghiệp. Thành thạo chúng, bạn tự làm bài viết, trang dịch vụ, bảng giá đẹp và nhanh mà không phụ thuộc page builder. Website do Việt Thái Group thiết kế dùng trình soạn thảo khối và có sẵn mẫu dựng sẵn; xem bảng giá thiết kế web.
