Theo chân Webo khám phá Flatsome 4 Alpha Playground – phiên bản đột phá với Website Builder và Block Library hoàn toàn mới, hỗ trợ Full Site Editing. Trải nghiệm trực tiếp ngay trên trình duyệt tại flatsome.com/playground.
Giới thiệu Flatsome 4 Alpha Playground
Flatsome – theme WordPress bán chạy nhất thế giới dành cho WooCommerce – vừa chính thức giới thiệu Flatsome 4 Alpha Playground, mở ra một kỷ nguyên hoàn toàn mới trong thiết kế và xây dựng website trên nền tảng WordPress. Đây là bản nâng cấp mang tính cách mạng, đánh dấu bước chuyển mình mạnh mẽ nhất kể từ khi Flatsome ra mắt.
Khác với các phiên bản trước, Flatsome 4 được tái thiết kế và viết lại toàn bộ từ đầu, nhằm thích ứng hoàn hảo với hệ thống WordPress Blocks và công nghệ Full Site Editing (FSE) – xu hướng tương lai của WordPress. Nhờ đó, người dùng có thể tự do tùy chỉnh mọi thành phần của website — từ header, footer, đến từng khối nội dung — mà không cần chạm vào mã code.
Trải nghiệm ngay: flatsome.com/playground
Tại đây, bạn có thể thử trực tiếp các tính năng mới của Flatsome 4 ngay trong trình duyệt, không cần cài đặt hay cấu hình phức tạp. Giao diện demo chạy trên nền tảng WordPress Playground, vì vậy tốc độ có thể chậm hơn một chút so với bản cài đặt thật — nhưng đủ để bạn cảm nhận sự thay đổi rõ rệt về hiệu năng, giao diện và trải nghiệm xây dựng website.
Với Flatsome 4 Alpha Playground, nhóm phát triển UX Themes không chỉ đơn giản là cập nhật theme, mà là định nghĩa lại cách xây dựng website bằng Flatsome: nhanh hơn, nhẹ hơn, trực quan hơn và hoàn toàn tương thích với hệ sinh thái Blocks hiện đại của WordPress.
Điểm mới nổi bật trong Flatsome 4
Phiên bản Flatsome 4 đánh dấu một bước chuyển mình lớn trong lịch sử phát triển của theme WooCommerce phổ biến nhất thế giới. Ở bản cập nhật này, đội ngũ UX Themes đã tái cấu trúc toàn bộ hệ thống từ gốc, xây dựng lại mọi thành phần theo hướng hiện đại hóa và tối ưu hóa cho hiệu năng, khả năng mở rộng và trải nghiệm người dùng.
Flatsome 4 được phát triển xoay quanh ba trụ cột cốt lõi: Flatsome Theme, Flatsome Builder và Flatsome Blocks – bộ ba tạo nên nền tảng vững chắc cho kỷ nguyên mới của thiết kế website WordPress dựa trên Blocks.
1. Flatsome Theme – Nền tảng mới, chuẩn Blocks và hiệu suất cao
Flatsome Theme trong phiên bản 4 được xây dựng lại hoàn toàn dựa trên cấu trúc theme.json – chuẩn mới của WordPress. Nhờ đó, toàn bộ màu sắc, font chữ, khoảng cách, border và layout được quản lý tập trung bằng CSS Variables, đảm bảo tính đồng nhất trong thiết kế và dễ dàng tùy chỉnh toàn site chỉ bằng vài thao tác.
Không chỉ thay đổi về cấu trúc, Flatsome Theme còn được tối ưu hóa hiệu suất ở cấp mã nguồn, giúp giảm tải file CSS/JS, cải thiện tốc độ tải trang và nâng cao điểm hiệu năng trên PageSpeed Insights. Người dùng có thể dễ dàng tùy chỉnh màu sắc, font chữ, bố cục và hiệu ứng hiển thị trực tiếp ngay trong Flatsome Builder, mà không cần đụng đến dòng code nào.
Với nền tảng mới này, Flatsome 4 mang lại sự linh hoạt tối đa, tương thích hoàn toàn với hệ thống Blocks và Full Site Editing, sẵn sàng cho tương lai của WordPress.
2. Flatsome Builder – Kế thừa UX Builder, mạnh mẽ và hiện đại hơn
Flatsome Builder là page builder hoàn toàn mới, được phát triển dựa trên công nghệ Gutenberg – trình soạn thảo khối chính thức của WordPress. Mục tiêu của nó là thay thế hoàn toàn UX Builder cũ, mang lại trải nghiệm xây dựng website trực quan hơn, nhanh hơn và linh hoạt hơn.
Khác với UX Builder trước đây chỉ hỗ trợ các shortcode riêng, Flatsome Builder cho phép người dùng sử dụng toàn bộ block trong hệ sinh thái WordPress (bao gồm cả block từ plugin hoặc theme khác). Nhờ vậy, bạn có thể dễ dàng kết hợp các thành phần đa dạng để tạo nên bố cục website độc đáo mà vẫn đảm bảo tính tương thích.
Flatsome Builder ban đầu được phát triển với tên Supablox, nhưng từ phiên bản Alpha này, nó chính thức mang tên Flatsome Builder – phản ánh rõ vai trò trung tâm của công cụ trong hệ sinh thái Flatsome 4.
Giao diện builder được thiết kế tối giản, quen thuộc, giúp người dùng từ UX Builder có thể chuyển sang sử dụng nhanh chóng mà không mất thời gian làm quen. Đồng thời, builder mới được tối ưu hiệu năng, giảm lag khi thao tác và hỗ trợ tốt cho cả Front-end Editing lẫn Full Site Editing.
3. Flatsome Blocks – Thế hệ block mới thay thế shortcode
Điểm khác biệt lớn nhất của Flatsome 4 nằm ở việc toàn bộ shortcode và element cũ đã được chuyển đổi thành Flatsome Blocks – bộ sưu tập khối hiện đại, linh hoạt và dễ tùy chỉnh hơn rất nhiều.
Các block mới này được thiết kế theo hướng modular, có thể kéo thả, sắp xếp, và chỉnh sửa trực tiếp ngay trong giao diện builder. Mỗi block đều có tùy chọn thiết kế chi tiết, cho phép thay đổi bố cục, màu sắc, icon, hiệu ứng, padding, margin… một cách nhanh chóng mà không cần CSS thủ công.
Một số block nổi bật bạn có thể trải nghiệm ngay trong Flatsome Playground gồm:
- Header Block: Xây dựng header linh hoạt, hỗ trợ sticky, transparent và mega menu.
- Navigation Block: Tạo thanh điều hướng với nhiều cấp menu, dễ chỉnh sửa.
- Mega Menu Block: Trình tạo mega menu trực quan, tích hợp hình ảnh, icon, hoặc layout phức tạp.
- Announcement Bar: Thanh thông báo nổi bật cho chương trình khuyến mãi hoặc tin tức.
- Marquee & Popover: Hiệu ứng chuyển động, popup nhẹ và mượt.
- Rating & Icon Block: Hệ thống đánh giá và thư viện icon hoàn toàn mới, đẹp mắt và nhanh hơn gấp nhiều lần so với phiên bản cũ.
Với việc chuyển đổi hoàn toàn sang Blocks, Flatsome không chỉ nâng cao hiệu năng mà còn mở ra khả năng tương thích sâu với WordPress Site Editor, pattern và Interactivity API mới nhất.
Bộ ba Flatsome Theme – Flatsome Builder – Flatsome Blocks chính là nền móng cho thế hệ Flatsome 4, giúp người dùng tạo nên website WooCommerce chuẩn hiện đại, tốc độ cao và dễ tùy biến. Đây là bản cập nhật hướng đến tương lai, đưa Flatsome hòa nhịp cùng sự phát triển của WordPress, đồng thời đảm bảo người dùng hiện tại vẫn có thể chuyển đổi mượt mà từ UX Builder sang nền tảng Blocks mới.
Trải nghiệm trực tiếp tại Flatsome Playground
Một trong những điểm đặc biệt khiến cộng đồng người dùng háo hức chính là việc Flatsome 4 Alpha Playground cho phép mọi người trải nghiệm trực tiếp các tính năng mới ngay trong trình duyệt, mà không cần cài đặt WordPress hay theme lên hosting.
Playground được xây dựng dựa trên WordPress Playground – môi trường thử nghiệm trực tuyến, giúp bạn dễ dàng làm quen với Flatsome Builder, Flatsome Blocks, cũng như toàn bộ giao diện và cấu trúc mới của Flatsome 4. Chỉ với một cú nhấp chuột, bạn đã có thể mở giao diện demo và bắt đầu kéo thả, chỉnh sửa, khám phá những thay đổi mạnh mẽ của thế hệ mới này.
- Các mẫu Header và Navigation: Trải nghiệm trình tạo header và menu mới được xây dựng bằng block – linh hoạt, hiện đại, hỗ trợ nhiều cấp menu và dễ tùy chỉnh màu sắc, kích thước, biểu tượng hoặc bố cục.
- Mobile Menu và Mega Menu: Tối ưu hiển thị trên di động, giúp việc điều hướng trở nên thân thiện hơn. Bên cạnh đó, Mega Menu cho phép chèn hình ảnh, biểu tượng, hoặc bố cục đa cột – tất cả đều thao tác bằng block trực quan, không cần code.
- Trang Landing Page mẫu: Flatsome Playground cung cấp sẵn các trang demo được thiết kế bằng Flatsome Builder, giúp người dùng hình dung cách kết hợp các block để tạo nên landing page bắt mắt, hiện đại và tối ưu chuyển đổi.
- Các Template dựng sẵn: Bạn có thể chọn từ thư viện template có sẵn, chỉnh sửa trực tiếp nội dung, hình ảnh, màu sắc và bố cục để phù hợp với mục đích sử dụng. Tính năng này đặc biệt hữu ích cho người mới bắt đầu, giúp tạo website nhanh chóng mà vẫn đảm bảo thẩm mỹ.
Thông qua Playground, bạn sẽ cảm nhận rõ sự khác biệt của Flatsome 4 so với phiên bản trước — từ giao diện builder thân thiện, tốc độ thao tác nhanh, cho đến các block thiết kế tinh gọn, nhẹ và linh hoạt hơn. Đây không chỉ là bản demo, mà là cơ hội để người dùng sớm làm quen với cách xây dựng website thế hệ mới, nơi tất cả đều xoay quanh triết lý “Blocks-first” của WordPress.
Vì sao Flatsome chuyển sang WordPress Blocks?
Trong suốt nhiều năm, Flatsome luôn được xem là theme WooCommerce linh hoạt và mạnh mẽ nhất trên thị trường. Tuy nhiên, khi WordPress liên tục phát triển với hệ thống Blocks và Full Site Editing (FSE), nhóm phát triển UX Themes nhận ra rằng đã đến lúc Flatsome cần một nền tảng mới để theo kịp xu hướng và đảm bảo tương thích lâu dài.
Việc chuyển đổi sang WordPress Blocks không chỉ là một thay đổi kỹ thuật, mà còn là chiến lược phát triển bền vững nhằm mang đến trải nghiệm tốt hơn cho người dùng và mở ra khả năng mở rộng mạnh mẽ hơn cho tương lai.
- Blocks – Tiêu chuẩn chính thức và tương thích lâu dài
WordPress đang từng bước xây dựng hệ sinh thái xoay quanh Blocks – nơi mọi thành phần trên website (từ nội dung, hình ảnh đến header, footer) đều được tạo và quản lý bằng khối.
Khi Flatsome chuyển sang nền tảng này, theme sẽ tương thích hoàn toàn với kiến trúc mới của WordPress, đảm bảo không bị lỗi thời khi các phiên bản WordPress tiếp theo ra mắt.
- Tích hợp sâu với Site Editor, Pattern và plugin bên ngoài
Blocks giúp Flatsome 4 hoạt động liền mạch với Site Editor – công cụ chỉnh sửa toàn site của WordPress. Nhờ đó, người dùng có thể thiết kế và tùy chỉnh toàn bộ website (bao gồm header, footer, trang blog, sản phẩm, v.v.) trực tiếp trong giao diện builder, không cần chạm vào code hoặc cài thêm plugin phụ trợ.
- Hiệu năng cao và công nghệ CSS hiện đại
Một trong những lợi ích rõ ràng nhất của việc chuyển sang Blocks là hiệu năng vượt trội. Flatsome 4 tận dụng CSS Variables, Interactivity API mới và cơ chế tải tài nguyên tối ưu của WordPress, giúp website nhẹ hơn, nhanh hơn và đạt điểm PageSpeed cao hơn.
- Bền vững và hướng đến tương lai
Shortcode – công nghệ từng rất phổ biến – đang dần trở nên lỗi thời khi WordPress chuyển trọng tâm sang Blocks.
Vì vậy, việc Flatsome chủ động chuyển sang nền tảng Blocks chính là bước đi chiến lược, giúp theme duy trì vị thế hàng đầu trong hệ sinh thái WordPress trong nhiều năm tới.
Flatsome 4 hoạt động thế nào với site hiện tại?
Một trong những điểm đáng chú ý của Flatsome 4 là sự linh hoạt trong cách vận hành, đảm bảo người dùng hiện tại không bị gián đoạn khi nâng cấp, đồng thời vẫn có thể trải nghiệm những tính năng mới nhất của thế hệ Flatsome mới.
Hiểu rõ rằng hàng triệu website đang sử dụng UX Builder và hệ thống shortcode cũ, đội ngũ phát triển đã thiết kế Flatsome 4 với hai chế độ hoạt động song song, giúp người dùng chuyển đổi dần dần sang nền tảng Blocks mà không cần phải làm lại toàn bộ website.
1. Flatsome Hybrid Mode (Chế độ lai – kết hợp cũ và mới)
Flatsome Hybrid Mode là chế độ mặc định và thân thiện nhất dành cho người dùng hiện nay. Ở chế độ này, bạn có thể giữ nguyên toàn bộ giao diện, nội dung và builder cũ, đồng thời thử nghiệm các tính năng mới của Flatsome Builder và Flatsome Blocks một cách linh hoạt.
Cụ thể, bạn có thể:
- Giữ lại toàn bộ UX Builder như hiện tại để đảm bảo website hoạt động ổn định.
- Cài đặt thêm Flatsome Builder để thử nghiệm các block mới, chẳng hạn như tạo header hoặc footer bằng block.
- Kết hợp nội dung cũ và block mới trong cùng một website, giúp quá trình chuyển đổi diễn ra từng bước, an toàn và dễ kiểm soát.
Chế độ này rất phù hợp cho:
- Các website đang hoạt động ổn định và có nhiều tùy chỉnh thủ công.
- Doanh nghiệp muốn trải nghiệm tính năng mới mà không ảnh hưởng đến hoạt động hiện tại.
- Người dùng muốn chuyển dần sang hệ thống Blocks trong tương lai mà không phải thiết kế lại từ đầu.
Nhờ Hybrid Mode, quá trình nâng cấp lên Flatsome 4 trở nên mượt mà, không gây gián đoạn hoặc mất dữ liệu, giúp bạn tận dụng lợi ích của cả hai nền tảng — UX Builder truyền thống và Flatsome Builder hiện đại.
2. Flatsome Block Mode (Chế độ mới – thuần Blocks)
Nếu bạn đang bắt đầu xây dựng một website mới từ đầu, thì Flatsome Block Mode chính là lựa chọn lý tưởng. Đây là chế độ vận hành hoàn toàn mới, được thiết kế 100% dựa trên WordPress Blocks — không còn phụ thuộc vào hệ thống shortcode hoặc JS template cũ.
Một số ưu điểm nổi bật của chế độ Block Mode:
- Hiệu suất vượt trội: Không tải mã thừa từ UX Builder cũ, giúp website nhẹ hơn, tốc độ tải nhanh hơn và điểm hiệu năng SEO cao hơn.
- Tương thích toàn diện: Hoạt động hoàn hảo với Full Site Editing (FSE), Pattern, và Block Editor của WordPress.
- Tối ưu trải nghiệm thiết kế: Mọi phần tử trên trang — từ header, footer đến từng khối nội dung — đều có thể chỉnh sửa trực tiếp bằng Flatsome Builder, mang lại sự tự do sáng tạo tối đa.
- Chuẩn WordPress hiện đại: Cấu trúc theme tuân theo tiêu chuẩn mới nhất, dễ mở rộng và tương thích lâu dài với các bản cập nhật của WordPress và WooCommerce.
Flatsome Block Mode được xem là bước tiến hướng tới tương lai, giúp website đạt hiệu năng tối ưu và tận dụng toàn bộ sức mạnh của công nghệ Blocks. Đây là chế độ được khuyến nghị cho các website mới, hoặc những ai muốn bắt đầu dự án WordPress hiện đại, nhanh và linh hoạt hơn.
Lộ trình phát triển sắp tới của Flatsome 4
Flatsome 4 hiện đang trong giai đoạn Alpha Playground, và đây mới chỉ là bước khởi đầu cho hành trình tái thiết kế toàn diện theme bán chạy nhất của WooCommerce.
Đội ngũ phát triển UX Themes đang làm việc tích cực để mở rộng khả năng của Flatsome 4, mang đến một hệ sinh thái Blocks và Builder mạnh mẽ, hoàn chỉnh và tối ưu hơn cho mọi loại website WordPress.
Trong thời gian tới, Playground sẽ liên tục được cập nhật với hàng loạt tính năng và cải tiến đáng mong đợi, bao gồm:
- Template dành cho Blog và WooCommerce
- Hỗ trợ Custom Post Type & Dữ liệu động (Block Binding)
- Trình hướng dẫn cài đặt theme hoàn toàn mới
- Demo & Studio Section phong phú hơn
- Phiên bản Beta & Chính thức (Flatsome 4.0 Release)
Flatsome 4 Alpha Playground đánh dấu một bước ngoặt lớn trong hành trình phát triển của theme WooCommerce bán chạy nhất thế giới.
Phiên bản mới không chỉ đơn thuần là bản cập nhật giao diện, mà là sự tái sinh toàn diện – với kiến trúc Blocks hiện đại, Website Builder hoàn toàn mới, và khả năng tùy biến mạnh mẽ hơn bao giờ hết.
Flatsome 4 hướng đến mục tiêu giúp người dùng xây dựng website nhanh hơn, nhẹ hơn và chuẩn SEO hơn, đồng thời bắt kịp xu hướng phát triển lâu dài của WordPress với Full Site Editing (FSE) và Interactivity API. Đây chính là bước đệm quan trọng để Flatsome bước vào kỷ nguyên mới – linh hoạt, hiệu năng cao và tương thích tối đa với WooCommerce.