WordPress block theme hay page builder: theme.json, Site Editor và cách chọn cho website doanh nghiệp

Cập nhật tháng 10/2026. Tên nút trong Site Editor có thể đổi theo phiên bản WordPress; các khái niệm thì giữ nguyên.

Chọn cách làm web WordPress ngày nay là chọn cách dữ liệu giao diện được lưu, và điều đó quyết định ai sửa được website sau này, sửa tốn bao nhiêu, và có chuyển đi được không. Nói thẳng: PDL dựng pdl.vn bằng Bricks, nhưng không khuyên mọi khách hàng dùng page builder.

1. Hai con đường dựng giao diện WordPress

Block theme là cách dựng theme hiện đại mà tài liệu chính thức của WordPress gọi là xây hoàn toàn bằng block. Mọi phần của site, từ header, menu, nội dung đến footer, đều là block và chỉnh được trong Site Editor (vào Giao diện > Trình chỉnh sửa, bản tiếng Anh là Appearance > Editor). Site Editor chỉ xuất hiện khi bạn bật một block theme. Cách làm này gọi là Full Site Editing (FSE).

Page builder như Elementor hay Bricks thêm một trình kéo thả riêng, với bộ phần tử, cách lưu dữ liệu và hệ thống style riêng. Elementor là plugin chạy trên một theme; Bricks bản thân là một theme.

2. Năm khái niệm cần biết của block theme

Theo Theme Handbook, một block theme tối thiểu chỉ cần style.css và templates/index.html. Phần còn lại được tổ chức theo thư mục rõ ràng:

Khái niệm thứ năm là style variation: các tệp JSON trong thư mục styles/, mỗi tệp là một “bộ áo” khác của theme.json (ví dụ bản sáng, bản tối, bản cho mùa khuyến mãi). Khách chọn trong mục Styles mà không đụng bố cục.

Điểm đáng giá nhất ở đây: theme.json là design token có chuẩn. Màu và font được khai báo một lần, block nào của WordPress hay của plugin tuân chuẩn cũng đọc được. Nhờ vậy nút CTA, màu chữ giữ nhất quán trên mọi trang.

3. Page builder vẫn mạnh ở đâu

Công bằng mà nói, page builder vẫn hơn ở hai chỗ:

• Bố cục phức tạp và hiệu ứng: lưới nhiều tầng, tương tác khi cuộn, popup có điều kiện. Block editor làm được phần lớn, nhưng thường phải thêm plugin block hoặc viết code.
• Vòng lặp dữ liệu động: Bricks có query loop và điều kiện hiển thị rất linh hoạt cho trang danh mục, trang dự án.

Vấn đề nằm ở cái giá sau khi bàn giao.

4. So sánh theo bốn tiêu chí chủ doanh nghiệp quan tâm

Tốc độ tải trang

Block theme tận dụng block gốc của WordPress, CSS của block chỉ được nạp khi block đó có mặt trên trang. Page builder hiện đại đã gọn hơn nhiều, nhưng mỗi addon, thư viện hiệu ứng thêm vào đều cộng dồn. Dù chọn gì, hãy đo trước rồi mới sửa, như bài tăng tốc WordPress không cần plugin nặng đã hướng dẫn.

Khoá nhà cung cấp

Đây là khác biệt lớn nhất. Nội dung block được lưu ngay trong bài viết dưới dạng HTML có chú thích block; đổi sang block theme khác, chữ và ảnh vẫn còn nguyên. Với page builder, phần lớn bố cục nằm trong dữ liệu riêng của builder. Tắt builder đi, trang có thể trống hoặc chỉ còn chữ rời rạc.

Chi phí

Block theme và Site Editor miễn phí, đi kèm WordPress. Page builder thường có bản trả phí theo năm, cộng thêm addon. Chi phí lớn hơn nằm ở công sửa về sau: mỗi lần đổi giao diện, bạn cần người biết đúng builder đó.

Khả năng khách tự sửa

Nghe có vẻ ngược, nhưng page builder cho khách quá nhiều quyền: một cú kéo nhầm làm vỡ bố cục trên điện thoại. Block theme cho phép người làm web khoá bớt qua theme.json (tắt chọn màu tự do, giới hạn cỡ chữ) và giao cho khách pattern dựng sẵn. Khách sửa nội dung thoải mái mà khó phá thiết kế.

5. Góc nhìn của PDL: chọn theo người vận hành, không theo người dựng

PDL dùng Bricks cho pdl.vn vì đội tự vận hành, cần hiệu ứng riêng và có người hiểu builder. Nhưng với nhiều khách hàng, chúng tôi nghiêng về block theme. Hai tình huống minh hoạ (ví dụ giả định):

• Phòng khám nha ở Đà Nẵng: lễ tân cập nhật bảng giá, bài viết, lịch nghỉ lễ. Block theme với 8–10 pattern đặt tên rõ (“Bảng giá dịch vụ”, “Bác sĩ phụ trách”) là đủ.
• Công ty bất động sản có trang dự án dày hiệu ứng: lọc theo khu vực, bản đồ, popup đăng ký theo dự án, có đội marketing riêng. Page builder hợp lý hơn, miễn là có tài liệu bàn giao và người kế nhiệm biết builder.

Một quy tắc thực tế: nếu sau bàn giao không ai trong công ty khách biết builder, chọn block theme. Dù chọn gì, nền tảng an toàn vẫn như nhau; xem lại bảo mật WordPress cơ bản để giữ plugin, theme luôn cập nhật.

6. Bảng quyết định

Bài học áp dụng ngay: trước khi ký hợp đồng làm web, hãy hỏi đơn vị làm web ba câu: giao diện lưu ở đâu, nếu bỏ công cụ này thì nội dung còn gì, và nhân viên của tôi sửa được những phần nào mà không làm vỡ bố cục.

Thuật ngữ cần biết

• Block theme: theme dựng toàn bộ bằng block, chỉnh được trong Site Editor (WordPress.org).
• theme.json: tệp khai báo cài đặt và style toàn site, phiên bản lược đồ hiện tại là 3 (Block Editor Handbook).
• Template part: khối dùng chung như header, footer, đặt trong thư mục parts/ (Theme Handbook).
• Style variation: bản thay thế của theme.json đặt trong thư mục styles/, cho người dùng đổi “bộ áo” của site (Theme Handbook).

Tìm hiểu thêm

• Theme Structure: cấu trúc thư mục và tệp bắt buộc của block theme.
• Global Settings and Styles: hướng dẫn theme.json từ cơ bản.
• Site Editor: tài liệu người dùng, có phần xuất theme kèm thay đổi.
• Make WordPress Themes: nhóm Theme của cộng đồng WordPress, cập nhật thay đổi mới.

Câu hỏi thường gặp

PDL Digital đào tạo đội ngũ doanh nghiệp tự quản trị website WordPress và ứng dụng AI vào công việc hằng ngày. Xem trang đào tạo để chọn khoá phù hợp.