Hướng dẫn cài Bricks Builder WordPress từ A–Z

Bricks Builder là gì?

Bricks Builder là một visual website builder dành cho WordPress. Công cụ này cho phép bạn thiết kế giao diện website trực quan bằng thao tác kéo thả mà không cần viết toàn bộ mã HTML, CSS và JavaScript thủ công.

Không chỉ dùng để thiết kế nội dung của một trang, Bricks còn hỗ trợ xây dựng nhiều thành phần khác trên website như:

• Header và footer.
• Trang bài viết.
• Trang danh mục.
• Trang tìm kiếm.
• Trang lỗi 404.
• Giao diện sản phẩm WooCommerce.
• Trang cửa hàng và danh mục sản phẩm.
• Popup và các template động.
• Query Loop hiển thị bài viết hoặc sản phẩm.
• Nội dung động từ WordPress, ACF, Meta Box và JetEngine.

Vì Bricks hoạt động như một theme nên khi kích hoạt Bricks, bạn có thể sử dụng nó để thiết kế gần như toàn bộ giao diện website WordPress.

Bricks Builder là theme hay plugin?

Bricks Builder là một theme WordPress, không phải plugin.

Đây là điểm rất nhiều người mới thường nhầm lẫn. Sau khi tải file bricks.zip, bạn phải cài đặt tại:

Giao diện → Giao diện đã cài → Thêm giao diện mới

Bạn không được tải file Bricks lên trong phần plugin.

Nếu cài tại Plugin → Cài plugin, WordPress sẽ thông báo file không hợp lệ hoặc không tìm thấy plugin.

Theo tài liệu cài đặt chính thức của Bricks, file Bricks cần được tải lên và kích hoạt giống như một theme WordPress thông thường.

Kích hoạt bản quyền Bricks Builder

Sau khi kích hoạt theme, trên menu quản trị WordPress sẽ xuất hiện mục Bricks.

Bạn truy cập:

Bricks → License

Sau đó thực hiện các bước:

1. Đăng nhập tài khoản Bricks Builder.
2. Sao chép license key trong trang quản lý tài khoản.
3. Dán license key vào ô bản quyền trên WordPress.
4. Nhấn Activate License.

Nếu kích hoạt thành công, hệ thống sẽ hiển thị thông báo giấy phép đang hoạt động.

Kích hoạt bản quyền giúp website nhận được:

• Bản cập nhật Bricks Builder.
• Các bản vá lỗi và bảo mật.
• Tính năng mới.
• Hỗ trợ theo chính sách của Bricks.
• Quản lý website đã kích hoạt trong tài khoản.

Tạo header và footer bằng template

Bạn có thể truy cập:

Bricks → Templates → Add New

Sau đó tạo:

• Header Template.
• Footer Template.

Sau khi thiết kế xong, hãy đặt điều kiện hiển thị cho toàn bộ website. Nếu không thiết lập điều kiện, template có thể đã được tạo nhưng chưa xuất hiện ngoài trang.

Cách tạo trang đầu tiên bằng Bricks Builder

Bước 1: Tạo một trang WordPress

Truy cập:

Trang → Thêm trang mới

Nhập tên trang, ví dụ:

• Trang chủ.
• Giới thiệu.
• Dịch vụ.
• Liên hệ.

Sau đó nhấn Lưu bản nháp hoặc Đăng.

Bước 2: Mở trang bằng Bricks

Tại màn hình chỉnh sửa trang, nhấn nút:

Edit with Bricks hoặc Chỉnh sửa bằng Bricks

Giao diện Bricks Builder sẽ được mở. Thông thường, màn hình làm việc gồm:

• Khu vực bên trái chứa element và cài đặt.
• Khu vực chính hiển thị giao diện trang.
• Structure panel quản lý cấu trúc phần tử.
• Thanh công cụ trên cùng.
• Các tùy chọn responsive và lưu trang.

Bước 3: Thêm Section và Container

Một cấu trúc trang cơ bản có thể được tổ chức như sau:

• Section.
  • Container.
    • Heading.
    • Text.
    • Button.

Section thường dùng để chia trang thành những khu vực lớn. Trong mỗi Section, bạn có thể đặt Container để giới hạn chiều rộng và căn chỉnh nội dung.

Ví dụ, phần đầu trang có thể gồm:

• Tiêu đề chính.
• Đoạn giới thiệu.
• Nút kêu gọi hành động.
• Hình ảnh minh họa.

Khi xây dựng website bằng Bricks, bạn nên chú ý cấu trúc HTML và hạn chế lồng quá nhiều Div không cần thiết. Cấu trúc gọn giúp website dễ quản lý và giảm lượng mã HTML đầu ra.

Bước 4: Chỉnh sửa nội dung và giao diện

Chọn một element trên trang để chỉnh sửa:

• Nội dung văn bản.
• Kích thước chữ.
• Màu sắc.
• Khoảng cách.
• Chiều rộng và chiều cao.
• Border và border radius.
• Background.
• Flexbox hoặc CSS Grid.
• Hiệu ứng hover.
• Điều kiện hiển thị.

Bricks Builder có phù hợp với người mới không?

Bricks Builder có giao diện kéo thả nhưng vẫn yêu cầu người dùng hiểu một số kiến thức cơ bản về thiết kế web, chẳng hạn:

• Cấu trúc HTML.
• CSS class.
• Flexbox.
• CSS Grid.
• Responsive.
• Khoảng cách margin và padding.
• Template và điều kiện hiển thị.
• Dữ liệu động của WordPress.

Bricks Builder có tốt cho SEO không?

Bricks Builder cung cấp nền tảng thuận lợi để xây dựng website có cấu trúc gọn và hiệu suất tốt. Tuy nhiên, chỉ cài Bricks không đồng nghĩa website sẽ tự động đạt thứ hạng cao trên Google.

Kết luận

Cài Bricks Builder WordPress không quá phức tạp nếu bạn hiểu rằng Bricks là một theme thay vì plugin. Quy trình cơ bản gồm tải file từ tài khoản Bricks, cài theme trong phần Giao diện, kích hoạt license và thiết lập website trước khi bắt đầu thiết kế.