WordPress blocks
Nền tảng được giới thiệu dựa trên các block gốc của WordPress và theme.json.
DÀNH CHO NGƯỜI XÂY DỰNG WEBSITEWordPressFlatsomeWooCommerceUX BuilderSite Builder
Hiểu công cụ trước khi thiết kế
Flatsome Site Builder là gì?
Flatsome Site Builder là trình xây dựng website trực quan mới được Flatsome giới thiệu cho WordPress và WooCommerce. Công cụ hướng đến việc thiết kế nhiều phần của website trong một hệ thống dựa trên WordPress blocks.
Nguyễn Lân biên soạn tài liệu tiếng Việt để bạn dễ tiếp cận thông tin, phân biệt nền tảng và chọn bước triển khai phù hợp. Đây là tài nguyên độc lập; thông tin sản phẩm được đối chiếu với nhà phát triển.
Đọc giới thiệu đầy đủThiết kế toàn website
Thiết kế trang, header và footer trên giao diện xem trước trực tiếp.
WooCommerce Builder
Xây dựng trang sản phẩm, cửa hàng, giỏ hàng và thanh toán bằng WooCommerce blocks.
Global Style Panel
Thiết lập màu sắc, font và khoảng cách dùng chung để giữ nhận diện nhất quán.
Thư viện block & mẫu
Kết hợp các block và mẫu khởi đầu để tổ chức bố cục theo nhu cầu.
AI thông qua MCP
Kết nối ứng dụng hỗ trợ MCP để trợ lý AI hỗ trợ nội dung và thiết kế.
Các tính năng trên được trình bày theo công bố của nhà phát triển. Kiểm tra trạng thái phát hành và quyền truy cập trước khi sử dụng.Nguồn: flatsome.com
Bắt đầu có định hướng
Tài nguyên dành cho người dùng Flatsome
Chọn điểm bắt đầu phù hợp với công việc của bạn.
01 / HỌC
Hiểu công cụ, làm chủ website
Tìm hiểu Site Builder, phân biệt UX Builder và chọn lộ trình thực hành.
Bắt đầu học02 / THIẾT KẾ
Một khởi đầu đẹp hơn
Khám phá ý tưởng mẫu giao diện cho cửa hàng và website doanh nghiệp.
Khám phá mẫu03 / MỞ RỘNG
Thêm tính năng bạn cần
Tìm hiểu các ý tưởng addon cho sản phẩm, nội dung và trải nghiệm mua hàng.
Khám phá addonMẫu giao diện
Chọn mẫu theo loại website
Các bố cục minh họa dành cho cửa hàng và doanh nghiệp.
NL COMMERCEGiới thiệu Sản phẩm Liên hệ
Ý tưởng của bạn.
Website của bạn.Thiết kế gọn gàng cho thương hiệu khác biệt.
Website của bạn.Thiết kế gọn gàng cho thương hiệu khác biệt.
Thiết kếTrải nghiệmChất lượng
NL LIVINGGiới thiệu Sản phẩm Liên hệ
Không gian sống.
Đậm chất riêng.Kiến tạo không gian phù hợp với bạn.
Đậm chất riêng.Kiến tạo không gian phù hợp với bạn.
Thiết kếTrải nghiệmChất lượng
NL SPORTGiới thiệu Sản phẩm Liên hệ
PLAY YOUR GAME.Chọn đúng giày. Chơi đúng chất.
Thiết kếTrải nghiệmChất lượng
NL INDUSTRYGiới thiệu Sản phẩm Liên hệ
Giải pháp cho
doanh nghiệp.Năng lực thực tế. Giá trị bền vững.
doanh nghiệp.Năng lực thực tế. Giá trị bền vững.
Thiết kếTrải nghiệmChất lượng
Hiểu đúng trước khi bắt đầu
Phân biệt Site Builder và UX Builder
Flatsome Site Builder được giới thiệu trên nền tảng WordPress blocks. Nếu đang dùng UX Builder, hãy chọn đúng hướng dẫn và kiểm tra tương thích trước khi chuyển đổi.
Đọc bài phân biệt hai nền tảngFlatsome Site BuilderUX Builder
Dựa trên WordPress blocksBuilder của Flatsome truyền thống
Thông tin theo công bố mớiTài liệu thực hành hiện có
Kiểm tra quyền truy cậpKiểm tra phiên bản theme
Kiến thức & thực hành
Hướng dẫn và kiến thức Flatsome
Từ nền tảng đến những lựa chọn thiết kế có ích.
FLATSOME VIỆT / SITE BUILDERFlatsome
Site Builder.
Site Builder.
Site Builder
Flatsome Site Builder là gì?
Hiểu nền tảng mới, tính năng được giới thiệu và khác biệt với UX Builder.
FLATSOME VIỆT / SITE BUILDERHai nền tảng.
Một lựa chọn.
Một lựa chọn.
Site Builder
Site Builder và UX Builder: phân biệt trước khi bắt đầu
Chọn đúng tài liệu và nền tảng cho website của bạn.
FLATSOME VIỆT / THỰC HÀNHChọn mẫu.
Chọn đúng.
Chọn đúng.
Sử dụng tài nguyên
Từ tài liệu đến website của bạn
Bốn bước để lựa chọn và triển khai đúng nhu cầu.
Xác định nền tảng
Phân biệt Site Builder mới với UX Builder trên website hiện tại.
Đọc bài phân biệtChọn tài nguyên
Tìm bài hướng dẫn, mẫu giao diện hoặc addon cho nhu cầu cụ thể.
Xem mẫu giao diệnThử trên bản sao
Sao lưu và thử thay đổi trước khi áp dụng cho website đang hoạt động.
Xem bước chuẩn bịHoàn thiện nội dung
Kiểm tra chữ tiếng Việt, thông tin sản phẩm và bố cục mobile.
Kiểm tra font chữĐược xây dựng bởi người làm website
Tài liệu được biên soạn bởi Nguyễn Lân
Nguyễn Lân làm việc với WordPress, Flatsome và WooCommerce. Website này là nơi chia sẻ kiến thức và phát triển những tài nguyên hữu ích cho người dùng Việt. Tài liệu phân biệt thông tin do nhà phát triển công bố với nội dung đã được thực hành, đồng thời ghi rõ nền tảng phù hợp.
Giải đáp
Một vài điều bạn cần biết
Flatsome Site Builder có phù hợp với website bán hàng không?
Theo giới thiệu của nhà phát triển, WooCommerce Builder hỗ trợ thiết kế trang sản phẩm, cửa hàng, giỏ hàng và thanh toán. Trước khi triển khai, bạn cần kiểm tra quyền truy cập, phiên bản hỗ trợ và yêu cầu của cửa hàng.
Có cần biết lập trình để dùng Flatsome Site Builder?
Công cụ được giới thiệu với khả năng thiết kế trực quan. Các bố cục thông thường có thể được thực hiện qua giao diện; tích hợp riêng hoặc chức năng đặc thù vẫn cần đánh giá thêm về lập trình.
Đây có phải website chính thức của Flatsome không?
Không. Đây là tài nguyên tiếng Việt độc lập do Nguyễn Lân vận hành. Website chính thức của nhà phát triển là flatsome.com.
Flatsome Site Builder có giống UX Builder không?
Site Builder được giới thiệu là nền tảng mới dựa trên WordPress blocks. UX Builder là trình thiết kế của Flatsome truyền thống. Hãy kiểm tra nền tảng tương thích trong từng tài liệu và sản phẩm.
Các mẫu và addon hỗ trợ nền tảng nào?
Mỗi sản phẩm cần ghi rõ nền tảng và phiên bản đã kiểm thử. Các mẫu trong bản giới thiệu này là ý tưởng cho UX Builder, chưa phải sản phẩm đã phát hành.
Tôi nên bắt đầu từ đâu nếu mới dùng Flatsome?
Hãy đọc bài tổng quan, phân biệt Site Builder với UX Builder, sau đó chọn lộ trình phù hợp trong mục Hướng dẫn.