Flatsome là theme WordPress bán hàng số 1 hiện nay: Đa Năng – Chuẩn SEO – Đẹp & Nhẹ. Được tin dùng trên hàng trăm ngàn website bán hàng. … WordPress + WooCommerce + theme Flatsome là bộ 3 tuyệt vời cho bạn.
Flatsome là theme bán hàng phổ biến nhất cho Woocommerce hiện nay với khả năng tùy biến cao và rất dễ sử dụng kể cả với người mới tìm hiểu về WordPress.
Trong khi hầu hết các nhà phát triển WordPress khác thiết kế nhiều theme dành cho các mục đích sử dụng, lĩnh vực website khác nhau, thì nhóm phát triển Flatsome chỉ tập trung vào xây dựng 1 theme duy nhất là Flatsome và tối ưu theme này cho mọi nhu cầu sử dụng. Có nghĩa là, ngoài mục đích chính là làm website bán hàng, bạn cũng có thể tùy chỉnh Flatsome để làm web giới thiệu công ty, blog cá nhân, trang tin tức,… Tất cả đều được tối ưu để mang lại trải nghiệm người dùng tốt nhất.
| Tên giao diện | Flatsome |
| Phiên bản | xxx |
| Tác giả | UX-Themes |
| Yêu cầu phiên bản WordPress | xx |
| Yêu cầu phiên bản PHP | xx |
Tính năng mới trên phiên bản Flatsome New
- Tương thích với WooCommerce new
- Tùy chỉnh thư viện ảnh riêng cho từng biến thể sản phẩm.
- Thư viện ảnh sản phẩm với bố cục xếp chồng (stacked).
- UX Builder: Resize handle for banner height.
- UX Builder: Sao chép shortcode bằng menu chuột phải.
- UX Builder: Hiển thị tất cả kích thước ảnh trong WP.
- UX Builder: Responsive chiều rộng tối đa cho cột (column).
- Tùy chỉnh Google Fonts lưu trữ trên máy chủ web (localhost) thay vì CDN như trước đây. (Nơi lưu trữ: wp-content/fonts/)
- Vẫn có tùy chỉnh Google Fonts tải qua CDN.
- Tùy chỉnh bật hoặc tắt nhãn giảm giá (Sale Buble).
- Tùy chỉnh hiển thị số lượng đánh giá sản phẩm trong danh mục.
- Tùy chỉnh vô hiệu hóa danh mục của bài viết.
- Tùy chỉnh vô hiệu hóa tiêu đề của bài viết.
- Bảng trạng thái (môi trường, ghi đè mẫu,…)
- Bảng tiện ích Trạng thái tổng quan (Status overview widget).
- Hiệu ứng mờ dần khi di chuột vào văn bản.
- Sao lưu và nhập: Xóa nút sao lưu tùy chọn.
- Swatches: Hiển thị giá trị khi di chuột qua swatch trên trang sản phẩm.
- Swatches: Tùy chọn không kích hoạt các sản phẩm không còn hàng.
- Bao gồm / loại trừ các sản phẩm hết hàng trong Product Flip.
- Bài viết (posts): bộ lọc theo các tags bài viết.
- Sản phẩm: bộ lọc theo các tags sản phẩm.
- Products flipbook: bộ lọc theo các tags sản phẩm.
- Sắp xếp sản phẩm theo giá bán.
- Hình ảnh: Tùy chỉnh tiêu đề của ảnh.
- Thêm nhiều tùy chọn cho menu dọc (Vertical Menu). Ví dụ: màu sắc, chiều rộng, chiều cao, dải phân cách,…
- Tùy chọn chiều rộng (width) cho menu dọc (Vertical Menu).
- Tích hợp breadcrumb cho plugin All in One SEO.
- Tích hợp breadcrumb cho plugin SEOPress PRO.
Ngoài những tính năng mới kể trên thì phiên bản Flatsome new này cũng có những cải tiến rất đáng chú ý mà mình tin chắc rằng các bạn sẽ phải cập nhật nó ngay và luôn. Một trong những điểm cần phải nói là mã CSS đã giảm được khoảng 20% giúp trang web được tải nhanh hơn, tối ưu seo hiệu quả hơn.
Nhà phát triển UX-themes cũng cập nhật FB graph API lên phiên bản new và devbridgeAutocomplete lên phiên bản new mới nhất hiện nay.
Lưu ý khi cập nhật Flatsome theme
Đây là lời khuyên của mình dành cho các bạn không nắm quá nhiều kĩ thuật về code, ít nhất là đọc hiểu lỗi khi debug.
Hiện nay thì từ bản update new của Flatsome thay đổi rất nhiều core + template, chính vì vậy nếu như các bạn cảm thấy website mình cần phải update lên new để sử dụng các tiện ích mở rộng của Flatsome thì hãy update. Còn không thì mình khuyên đừng update, hoặc thuê 1 bạn kỹ thuật vào fix các lỗi từ template.
Vừa rồi mình thử update lên flatsome bản new thì 1 số shortcode mình viết mới (dựa trên core của flatsome) đã không chạy và báo lỗi. Mình đã vào file core đọc và update lại cho shortcode của mình.
Thấy cải tiến của nó có nhiều cái lợi nhưng vẫn có kha khá cái bất cập. Đáng ra thì nó nên làm theo dạng extension, nhưng không, nó thay core luôn.
Các bạn trước đây đã từng custom template của nó thì đừng hoang mang khi update nhé, hãy vào core đọc và tra cứu xem những thay đổi trong template (Hoặc đơn giản hơn là bật debug lên xem) rồi thay bằng core mới là được.
Chúc các bạn thành công với cập nhật mới của flatsome nhé.
Demo: https://themeforest.net/search/5484319
Ưu điểm:
- Dễ dàng tùy biến với trình kéo thả UX Builder (hàng độc quyền chỉ có trên Flatsome): các thành phần chức năng (element) đều đễ dàng kéo thả tạo nên giao diện theo ý bạn (dễ dàng ngay cả cho dân không chuyên).
- Clean code: vọc sâu vào code của Flatsome bạn sẽ thấy code của nó cực gọn gàng và sáng sủa, mỗi element sẽ được viết trong một file *php rất dễ dàng cho các lập trình viên.
- Tối ưu hóa giao diện cho Desktop, Tablet và Mobile
- Flatsome Studio với nhiều giao diện mẫu và element dựng sẵn
- Chỉnh sửa Header & Footer chưa bao giờ đơn giản đến vậy.
- Tốc độ load nhanh, tích hợp tốt với woocommerce và nhiều plugin khác, đội ngũ phát triển và hỗ trợ hùng hậu, cộng đồng sử dụng rộng lớn và nhiệt tình..
- Flatsome cực dễ cho việc làm SEO web bởi tất cả các yếu tố: Code dễ đọc, DOM gọn gàng, tối ưu giao diện trên nhiều thiết bị, tốc độ load nhanh…
Khuyết điểm:
- Trang tin tức không được đẹp
- Vẫn khá ít hiệu ứng so với plugin Elemmentor
Flatsome Studio (với 872 mẫu giao diện)
Flatsome Studio là kho thành phần giao diện dựng sẵn của Flatsome ví dụ: trang giới thiệu (About – 40 mẫu sẵn), nút kêu gọi hành động (Call to action – 55 mẫu), đếm ngược thời gian sale (Countdown – 7 mẫu)…Với kho giao diện chức năng dựng sẵn mà lại đẹp như này bạn sẽ nhàn hơn rất nhiều.
UX Builder tạo nên sự khác biệt của Flatsome
Top page builder nổi tiếng có thể kể đến Elementor, WPBakery Page Builder (tên cũ Visual Composer), Divi, Beaver Builder. Song xét cho cùng thì mình vẫn thấy UX Builder dễ sử dụng nhất.
Theme Options
Trên Theme Options của Flatsome bạn dễ dàng chỉnh sửa Header, Footer, Màu sắc, Văn bản, tính năng cửa hàng…Đảm bảo bạn sẽ choáng ngợp với những tùy chọn cực “đáng đồng tiền bát gạo” trên Header và WooComerce của Flatsome. Điều mà chưa có tùy chọn theme wordpress nào làm tốt hơn thế.
Flatsome Advanced Options
Flatsome Advanced Options thực sự cũng rất hữu ích, dể nhanh gọn nhẹ mình hay code JS, CSS trên các vùng Advanced Options này thay vì viết trong file.
Ngoài ra các tùy chọn về hiệu năng (Performance) gồm: lazy load hình ảnh banner background, vô hiệu hóa file style.css trong folder theme, vô hiệu hóa emoji…
Flatsome không ngừng cập nhật và cải tiến cả về hiệu năng và tính năng. Flatsome new 2024 tương thích tốt hơn với WordPress new 2024 và WooCommerce new 2024, tính năng mới bao gồm: Mega Menus, lưu mẫu elemenent sử dụng cho lần sau…
Tải về link Google Driver: flatsome_v3.14.2.zip – 11.55 MB pro miễn phí.
Tải về phiên bản mới nhất Flatsome 3.16.2 (Update 04.11.2022) tại đây
Link tải về Theme Flatsome New 2024
Password: xem hướng dẫn bên dưới
Hướng dẫn lấy pass download Plugins – Themes và Ủng hộ Blogs
Thực hiện theo hướng dẫn trong hình bên dưới để lấy password download nhé. Các bạn nhớ chọn đúng link có đuôi .com như trong hình (tìm kiếm bằng từ kh.óa bên dưới nhé, không truy cập trực tiếp). Hãy ủng hộ admin để blog tiếp tục duy trì cập nhật trong tương lai, cảm ơn !
Kéo xuống dưới chân trang tìm đoạn Mã id :…. hãy bớt chút thời gian nhé.