Giao diện web Flatsome là một giao diện có khả năng tùy biến khá cao, và đây là theme đang được Liêm dùng để thiết kế Website cho khách hàng. Bên trong giao diện có rất nhiều mẫu demo phù hợp với tất cả ngành nghề mà bạn có thể tha hồ chọn.
Trong trang này, Liêm sẽ chia sẻ mọi người giao diện này hoàn toàn miễn phí và có luôn key bản quyền để mọi người dùng sướng luôn.
Theme Flatsome là gì?
Theme Flatsome là một giao diện được sử dụng trên nền tảng mã nguồn mở WordPress. Được phát triển bởi Nielsen Norman Group, với mong muốn giúp cho người dùng không chuyên về code nói chung và chuyên về code PHP nói riêng có thể tạo nhanh một Website.
Điểm nhấn cho giao diện này là tốc độ và khả năng tùy biến, để hiểu rõ hơn về hai cụm từ này. Các bạn hãy theo dõi các mô tả và đánh giá chi tiết của Liêm ở phía dưới nhé. Còn sau đây là một số hình ảnh về giao diện Flatsome #1.
Cách import thêm giao diện cho Theme Flatsome
Chưa hết, hằng ngày các dev của team Flatsome sẽ làm việc tối đa để cập nhật các bản Demo mới vào trong Flatsome Studio của họ. Bạn có thể tìm chúng khi đang dùng UX Builder trong lúc thiết kế Website trên trang, cách tìm như sau:



- Tốc độ load trang bàn thờ.
- Dễ dàng tùy biến & tối ưu.
- Dễ dàng thêm Class để tùy biến CSS
- Có cộng đồng sử dụng rộng lớn.
Thông tin về các phiên bản Theme Flatsome
Dưới đây là thông tin của các phiên bản Flatsome trong thời gian gần đây (bắt đầu tính từ bản 3.10.1 – là bản mới nhất được cập nhật).
— 3.17.1 (31.05.23) —MỚI: Tùy chọn liên kết Lottie.MỚI: Swatches/sản phẩm: Tắt tùy chọn bỏ chọn.CẢI TIẾN: Cải thiện thông báo không có menu được chỉ định trong Menu Dọc.CẢI TIẾN: Các cải tiến CSS khác.SỬA LỖI: Ẩn tùy chọn chế độ bám dính thanh bên danh mục.SỬA LỖI: Sự kiện flatsome-header-sticky được kích hoạt nhiều hơn một lần.SỬA LỖI: Hiệu ứng nảy sang trái và phải không bắt đầu trong một số trường hợp.SỬA LỖI: Cảnh báo PHP 8.1 bị loại bỏ.SỬA LỖI: Cuộn đến chỉ với các số.SỬA LỖI: Cuộn đến với các ký tự đặc biệt.SỬA LỖI: Giá đơn sản phẩm theo định dạng tiền tệ trong Safari.SỬA LỖI: Sắp xếp phải cho swatches/shop.SỬA LỖI: Phiên bản kịch bản tích hợp WP Rocket.CẬP NHẬT: Cập nhật tệp ngôn ngữ.PHÁT TRIỂN: Thêm bộ lọc flatsome_admin_menu_items_enabled.— 3.17.0 (25.04.23) —MỚI: Phần tử Lottie (Bodymovin), cách mạnh mẽ và linh hoạt để tích hợp hoạt ảnh Lottie.MỚI: Các nút AJAX thêm vào giỏ hàng trên trang sản phẩm đơn lẻ và xem nhanh (tùy chọn).MỚI: Tải chậm dữ liệu Instagram (tùy chọn).MỚI: Thanh phụ Menu phần tử tiêu chuẩn.MỚI: Sử dụng cột bám dính dựa trên CSS cho hiệu suất tăng cường.MỚI: Tính toán độ lệch tải trang trang theo trang cho trải nghiệm cuộn tối ưu.MỚI: Tùy chọn chế độ cột thanh bên bám dính.MỚI: Swatches/shop: Tùy chọn đặt lại số lượng giới hạn swatches.MỚI: Tự động mở và cuộn đến mục thả xuống theo hash URL.MỚI: Tự động cuộn đến tab theo hash URL.MỚI: Slider: Chiều rộng trượt phản hồi.MỚI: Tối ưu hóa, bổ sung và sắp xếp lại khả năng tùy chỉnh liên kết theo dõi.MỚI: Tối ưu hóa, bổ sung và sắp xếp lại khả năng tùy chỉnh liên kết chia sẻ.MỚI: Sửa dụng JavaScript cột bám dính (được cải tiến và phát triển bởi chính team).MỚI: Lottie Path: Đặt đường dẫn nguồn hoặc tải lên tệp cho hoạt ảnh Lottie của bạn.MỚI: Tốc độ hoạt ảnh Lottie: Điều chỉnh tốc độ hoạt ảnh để phù hợp với nhu cầu của bạn.MỚI: Tự động phát Lottie: Bật/tắt tự động phát hoạt ảnh Lottie của bạn.MỚI: Hành vi chuột Lottie: Đặt hành vi hoạt ảnh khi có sự kiện chuột.MỚI: Kích hoạt Lottie: Chọn từ nhiều tùy chọn kích hoạt cho hoạt ảnh của bạn: không gì cả, khi di chuột qua, khi nhấp chuột, hoặc khi cuộn.MỚI: Lottie Bắt đầu ở X% Viewport (cuộn): Xác định điểm bắt đầu hoạt ảnh dựa trên phần trăm của viewport khi cuộn.MỚI: Lottie Kết thúc ở X% Viewport (cuộn): Xác định điểm kết thúc hoạt ảnh dựa trên phần trăm của viewport khi cuộn.MỚI: Lottie Phát ngược: Bật phát hoạt ảnh theo chiều ngược lại.MỚI: Lottie Bắt đầu hoạt ảnh ở X%: Đặt điểm bắt đầu của hoạt ảnh.MỚI: Lottie Kết thúc hoạt ảnh ở X%: Đặt điểm kết thúc của hoạt ảnh.MỚI: Lottie Player Controls: Cung cấp người dùng các điều khiển phát có sẵn cho hoạt ảnh Lottie.MỚI: Thêm tùy chọn ‘Offset Type’ trên scroll-to.MỚI: Thêm tùy chọn ‘Offset Value’ để tùy chỉnh giá trị scroll-to.MỚI: Yoast & Rank Math: đặt thuộc tính chính là danh mục hoạt động trong widget WooCommerce.CẢI TIẾN: Căn giữa canvas trong UX Builder.CẢI TIẾN: Kết hợp ngày đăng và tác giả thành một chuỗi duy nhất để dễ dịch.CẢI TIẾN: Cải thiện trạng thái cho phép/tắt sắp xếp trong tùy chỉnh hình ảnh.CẢI TIẾN: Cải thiện các chuỗi dịch khác nhau.CẢI TIẾN: Cuộn vô tận kết hợp với Facet WP.CẢI TIẾN: Phần tử liên kết menu có thể sử dụng liên kết giao thức mailto:, sms:, …CẢI TIẾN: Thay thế jQuery waypoint bằng phương pháp hiệu quả hơn để tăng hiệu suất.CẢI TIẾN: Tách riêng liên kết bài đăng blog thành liên kết ảnh và tiêu đề.CẢI TIẾN: Cấu trúc cuộn khi kéo qua trong UX Builder.CẢI TIẾN: Swatch flex spacing & thêm biến kích thước.CẢI TIẾN: UX Blocks: Lựa chọn ẩn khỏi menu điều hướng.CẢI TIẾN: Các cải tiến CSS khác.SỬA LỖI: Gắn sự kiện cho các phần tử được nhân bản trong UX Builder.SỬA LỖI: Nút Chỉnh sửa với UX Builder trong Gutenberg không hiển thị trong một số trường hợp.SỬA LỖI: Tập trung phần tử nhân bản đúng cách trong UX Builder.SỬA LỖI: Sắp xếp các điều khiển chọn nhiều trong UX Builder.SỬA LỖI: Điều khiển chọn nhiều hiển thị tất cả các thuộc tính hoặc nhãn trong UX Builder trong một số trường hợp.SỬA LỖI: Vấn đề khi hiển thị lớp che phủ $ .block trên tiêu đề trong một số trường hợp.SỬA LỖI: Vị trí logo di động bên trái kết hợp với logo trung tâm desktop.SỬA LỖI: Breadcrumbs thẻ của thẻ danh mục gian hàng vượt ra khỏi khung chứa.SỬA LỖI: XSS tiềm ẩn trong UX Builder.SỬA LỖI: Ngăn không cho kéo thả nguyên bản trên các phần tử trong UX Builder.SỬA LỖI: Vị trí cuộn đến raffinSỬA LỖI: Thay thế các phương pháp đã lỗi thời của WooCommerce.SỬA LỖI: Kích thước hộp ánh sáng tìm kiếm và nút shortcode trên di động.SỬA LỖI: Tabs: Vấn đề với id trùng lặp.SỬA LỖI: Slider: Hiển thị tùy chọn không hiển thị số lượng slượt trên di động.SỬA LỖI: Swatches: Đặt giới hạn số lượng hiển thị.SỬA LỖI: Swatches: Tính toán lại vị trí tooltip khi bảng chuyển đổi.SỬA LỖI: Swatches: Bảng màu không có kích thước cố định trong tùy chỉnh sản phẩm.SỬA LỖI: Cập nhật danh sách sản phẩm WooCommerce không cập nhật trạng thái khi tiêu đề đơn hàng không hiển thị.SỬA LỖI: Xóa CSS của Facebook Pixel cho WooCommerce Checkout.SỬA LỖI: Kiểm tra ‘Tự động chạy lại khoảng trống CSS’ trong quy trình cài đặt chủ đề.SỬA LỖI: Sản phẩm đơn lẻ: Ẩn tab mô tả khi không có nội dung.SỬA LỖI: Mã nhúng sản phẩm khi chỉ có một phiên bản.SỬA LỖI: UX Blocks: Duy trì trạng thái chỉnh sửa nội dung trên các trang xem trước.SỬA LỖI: Trình chỉnh sửa trang chủ cũ: Chèn tùy chỉnh trước các khu vực Widget trên Trang chủ.SỬA LỖI: Kiểm tra cài đặt ‘Chọn lựa’ trên sản phẩm đơn lẻ.SỬA LỖI: Loại bỏ ‘continue reading’ trên Blog Masonry.SỬA LỖI: Sản phẩm đơn lẻ: Ẩn phần tử meta danh mục khi không có danh mục.SỬA LỖI: Sản phẩm đơn lẻ: Hiển thị giá chỉ cho một phiên bản.SỬA LỖI: Kích thước không phù hợp với sản phẩm đơn lẻ (không hình ảnh).SỬA LỖI: Kiểm tra ‘Thông tin chủ đề’ trong danh sách các trang bài đăng trong tìm kiếm.SỬA LỖI: Google reCAPTCHA: Chỉ hiển thị khi được kích hoạt.Lưu ý: Các bản phát hành trước beta kể từ bây giờ sẽ được trình bày trong bảng cập nhật WP nếu được bật. Betas là phiên bản được lựa chọn cho những người thử nghiệm để chuẩn bị cho bản phát hành chủ đề. Chúng cung cấp một điểm ổn định ngắn hạn để báo cáo lỗi. Hãy nắm bắt những thứ này để đảm bảo bản phát hành sắp tới hoạt động tốt trên cơ sở hạ tầng của bạn.
Tại sao nên mua và sử dụng Theme Flatsome ?
Như đã nhắc ở đầu bài viết, thì tất cả các giao diện WordPress hiện tại mà Liêm cung cấp đều sử dụng Theme Flatsome làm theme chủ đạo cho mọi giao diện. Do khả năng tùy biến của Theme này khá là dễ dàng, và đầy đủ. Bạn có thể tìm kiếm hầu hết các cài đặt cần thiết đều nằm bên trong mục Theme Options.
Đánh giá trực quan về Theme Flatsome
Để cho mọi người hiểu rõ hơn về giao diện sau một tràng các giới thiệu ở trên, Liêm sẽ cho một số đánh giá chi tiết về giao diện này. Bởi vì, nếu nói hết tất cả để mô tả về giao diện này, thì nó chỉ có 1 từ “NHANH” thôi. Nhưng việc mô xẻ từ “NHANH” sẽ giúp chúng ta hiểu rõ hơn về theme Flatsome.
Tốc độ load trang của Website WordPress khi sử dụng Theme Flatsome
Vì không phải load các tài nguyên từ bên ngoài như King Compose hay WPBakery (Visual Composer) nên UX Builder của Theme Flatsome khá thân thiện với người dùng. Hầu hết đều không sinh ra quá nhiều shortcodes nên dung lượng trang cũng ít đi, giúp giảm thiểu tối đa thời gian load trang.
Như bạn thấy ở hình trên, thì tốc độ load trang sau khi sử dụng Theme Flatsome có điểm số lần lượt cho hai phiên bản sẽ là:
- 74 điểm cho phiên bản di động
- 95 điểm cho phiên bản máy tính
Quá nhanh đúng không các bạn ! Có thể nói, đây là một trong những giao diện có khả năng load trang nhanh nhất và dễ sử dụng nhất hiện nay.
#1 Flatsome – Best Seller trên ThemeForest
Với mức giá là $59 cho một lần mua (+ $17 nếu bạn muốn nhận được Support từ đội ngữ làm theme) thì theme Flatsome là một trong những Best Seller trên sàn bán Theme lớn nhất hiện nay – Theme Forest. Được đông dảo người dùng yêu thích và để lại rất nhiều đánh giá tích cực. Song song đó là sự hỗ trợ nhiệt tình từ đội ngũ làm ra Theme này.
Nhận Key bản quyền giao diện WordPress Flatsome miễn phí
Để giúp mọi người sử dụng được tất cả các tính năng của giao diện, Liêm xin gửi mọi người key của theme Flatsome (key đã hết hạn, chỉ dùng để active một số tính năng bên trong sau khi đã cài đặt giao diện).
Các bạn tải Plugin kích hoạt Flatsome Miễn Phí tại đây nhé
Video hướng dẫn Setup Theme Flatsome
Đang cập nhật…
Lời kết
Nhìn chung, theme Flatsome khá là hoàn hảo cho người mới bắt đầu tham gia vào việc thiết kế Website WordPress, vì nó giúp bạn tạo nhanh một Website WordPress mà không cần phải biết tí code nào.
Ngoài ra, Liêm MKT cũng cung cấp dịch vụ thiết kế website WordPress theo mẫu có sẵn giá tốt nhất. Bạn sẽ có ngay một website chất lượng với các cấu trúc phù hợp nhất theo yêu cầu.
Hiện tại Liêm đang tuyển đại lý toàn quốc, với mỗi mã tiếp thị. Các bạn sẽ được hưởng lên đến 25% tổng chi phí website.
Văn phòng đại diện: Lầu 7, 18A Nguyễn Gia Trí (D2 cũ), Phường 25, Quận Bình Thạnh.
Chi nhánh 1: 5/9 Đất Mới, Phường Bình Trị Đông A, Quận Bình Tân
Chi nhánh 2: 18A Đường 19, Hiệp Bình Chánh, Quận Thủ Đức
Chi nhánh 3: 03 Hoa Hồng, P.2, Quận Phú Nhuận
Chi nhánh 4: đang cập nhật
Chi nhánh 5: đang cập nhật
Hỗ trợ gặp trực tiếp tư vấn website miễn phí trong TP.HCM các khu vực:
- Quận 1
- Quận 2
- Quận 3
- Quận 4
- Quận 5
- Quận 6
- Quận 7
- Quận 8
- Quận 10
- Quận 11
- Quận 12
- Quận Bình Tân
- Quận Bình Thạnh
- Quận Bình Chánh
- Quận Tân Bình
- Quận Thủ Đức
- Quận Gò Vấp
- Quận Tân Phú
✅ Chất lượng ✅ Đảm bảo ✅ Uy tín ✪ ĐT:【0906.73.39.94】.
Đánh giá Theme Flatsome
Chưa có đánh giá nào.