Theo số liệu thống kê tính đến 17/03/2024, theme này đã bán được 234.978 key bản quyền – luôn dẫn đầu trong danh sách theme bán hàng bán chạy nhất trên Themeforest. Ngoài ra, số lượng website sử dụng trái phép (phiên bản nulled) không có thống kê nhưng tôi nghĩ chắc phải gấp hàng chục lần con số trên.

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 đa mục đích sử dụng, đa lĩnh vực ngành nghề 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 Woocommerce, 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.

Ưu điểm của Flatsome Theme

Với những bạn pro về WordPress hoặc đã dùng quen Flatsome rồi thì chắc không quan tâm phần này đâu. Bởi vậy mình sẽ tóm tắt một số điểm nổi bật của theme này cho những bạn mới:

1. Nhà phát triển UX Themes xây dựng sẵn một thư viện giao diện mẫu (Flatsome Studio) bao gồm hàng trăm template trình bày Sản phẩm, Danh mục, Bài viết, Mega Menu, Banners, Sliders, Contact Form, Testimonials, Logo đối tác, Footer,… nói chung là gần như đầy đủ mọi thứ cho một website bình thường. Chỉ cần 1 click chuột import là bạn có ngay một bản sao (giống y hệt) của demo trên web của mình.
2. Việc tùy chỉnh bố cục, nội dung các thành phần trên website (bao gồm cả header và footer) trở nên cực kỳ dễ dàng với UX Builder – công cụ trình bày nội dung trực quan hỗ trợ kéo, thả với các layout được lập trình sẵn trong theme. Bạn không biết code vẫn có thể tạo ra một trang web hoàn toàn responsive.
3. Code được tối ưu tốt cho seo, có sẵn lazy load ảnh, preload trang, tốc độ tải cực nhanh.
4. Tích hợp sẵn để tương thích với 2 plugin seo tốt nhất hiện nay là Yoast SEO và Rank Math.
5. Trên trang chủ UX Themes có hướng dẫn sử dụng cực kỳ chi tiết. Ngoài ra, cộng đồng người dùng theme Flatsome ở Việt Nam rất đông đảo, có nhiều blog chia sẻ các đoạn code dùng riêng cho Flatsome vô cùng tiện ích.
6. Chỉ cần biết cơ bản về HTML và CSS thì bạn có thể tinh chỉnh gần như là mọi thứ về giao diện.

Nói chung để biết theme bán hàng này tuyệt vời như thế nào thì tốt nhất bạn tự tải về cài đặt rồi trải nghiệm. Hoặc bạn có thể tham khảo một số mẫu website làm từ Flatsome sau đây:

• dogothanhtung.vn
• dogophamgia.com
• xuonggoanlac.com
• dogongocanh.vn
• khacdauviettin.com
• viettinlaw.com
• bacsihien.com

Báo cáo của BuiltWith (ngày 27/03/2024) cho thấy họ đã thống kê được khoảng 1.252.175 trang web từng sử dụng Flatsome Theme và hiện tại vẫn còn 665.876 trang web đang hoạt động. Trong đó có khoảng 78.282 website đặt máy chủ tại Việt Nam. Đây là theme wordpress được sử dụng nhiều nhất tại Việt Nam hiện nay.

Download Theme Flatsome mới nhất

Kể từ thời điểm ra mắt lần đầu tiên năm 2013 cho đến nay, theme này đã trải qua hàng trăm lần cập nhật lớn nhỏ khác nhau nên để không bị mất các thay đổi sau mỗi lần cập nhật lên phiên bản mới thì các bạn nên tạo child-theme để sử dụng.

Nhà phát triển đã cho ra mắt phiên bản Flatsome v3.18.0 ngày 08/11/2023 có thể coi là Big Update với hàng loạt tính năng mới, đồng thời vẫn tập trung vào cải thiện hiệu suất. Nổi bật nhất là chính năng phân trang cho bài viết (Blog Posts) có thêm tùy chọn AJAX. Điều mà trước đây anh em phải tự code thêm js làm giảm tốc độ của website. Và tính năng lấy mã màu nhanh trong Block Editor.

Phiên bản Flatsome v3.18.7 là bản cập nhật, sửa lỗi giúp theme này ngày càng trở nên hoàn hảo hơn trong mắt người dùng.

Lưu ý rằng:

Bản cập nhật mới này yêu cầu bạn đang sử dụng WordPress phiên bản từ 5.9.0 trở lên và WooCommerce cũng phải từ phiên bản 4.7.0 trở lên. Tốt nhất là bạn nên duy trì thường xuyên cập nhật WordPress và WooCommerce lên các phiên bản mới nhất để tăng hiệu suất và bảo mật cho website.

Công cụ Eyedropper chỉ hoạt động với giao thức https hoặc trên localhost, có hỗ trợ cho trình duyệt Chrome và Edge.

Nếu bạn chỉnh sửa nội dung bằng UX Builder thì nó cũng cần nhiều RAM với CPU hơn, nói chung là chậm hơn so với trước đây. Nhưng điều này chỉ ảnh hưởng đến quản trị viên website còn bên ngoài frontend hiệu suất website vẫn tốt, khách hàng load web nhanh như một cơn gió.

Flatsome v3.18.7 Full Changelog

--- 3.18.7 (18.04.24) ---
NEW: WooCommerce 8.8 compatibility.
NEW: Added new .l10n.php translation file format.
ENHANCEMENT: Improved mini cart drawer rendering performance.
FIXED: Element pagination with offset value produced incorrect results.
FIXED: Free shipping bar did not consider "Apply minimum order rule before coupon discount" option and always applied minimum order rule before coupon logic.
UPDATED: Language files.

--- 3.18.6 (20.03.24) ---
NEW: WooCommerce 8.7 compatibility.
FIXED: Corrected lightbox menu item text in admin bar options to 'Drawer & Lightbox'.
UPDATED: Google Fonts list.
UPDATED: Language files.

--- 3.18.5 (16.03.24) ---
NEW: Added a button to clear typography cache and locally downloaded files.
FIXED: Addressed an issue where locally served font files were returning 403 errors in some cases due to irregular Google font API responses.
FIXED: Image lazy loading on WC Composite components.
FIXED: Hotspot tooltip on a mobile device.
CHANGED: Upgraded the format of font files to woff2 from woff.
UPDATED: Language files.

--- 3.18.4 --- (16.02.24)
NEW: WooCommerce 8.6 compatibility.

ENHANCEMENT: Added check for global $product object existence in flatsome_sticky_add_to_cart_template function.
ENHANCEMENT: Improved WPML configuration.

FIXED: Improved handling of non-existent attachment images.
FIXED: Shop category header title color with dark content.
FIXED: Undefined array key "limit" PHP warning in some cases.

UPDATED: Google Fonts list.
UPDATED: Language files.

--- 3.18.3 --- (09.01.24)
NEW: WooCommerce 8.5 compatibility.

ENHANCEMENT: Free shipping bar was displayed when only virtual products were in the cart.
ENHANCEMENT: Header newsletter title setting stays now visible if a custom block is chosen.
ENHANCEMENT: Improved mini cart loading state styles.
ENHANCEMENT: Improved shortcode image detection for sitemap.
ENHANCEMENT: Mini cart qty input improvements.
ENHANCEMENT: Sticky add to cart only consider the first visible Add to Cart button as intersection.
ENHANCEMENT: Various CSS improvements.

FIXED: Free shipping threshold currency conversion issue in some cases.

UPDATED: Language files.

--- 3.18.2 --- (28.11.23)
ENHANCEMENT: Mini Cart Quantity: Automatically remove items from the cart when their quantity is reduced to zero.
ENHANCEMENT: Mini Cart Quantity: Validation for user manual input.
ENHANCEMENT: Refined the description of the 'maintenance bypass key' option for better understanding.
ENHANCEMENT: Various CSS improvements.

FIXED: Altered Widget link color and link color hover settings, they no longer target the mini cart widget.
FIXED: AJAX 'Add to Cart': Enhanced compatibility with different plugins to prevent conflicts.
FIXED: Rectified the width issue of Login lightbox with register panel layout.
FIXED: Corrected the improper display of Mobile product sidebar on certain product layouts.
FIXED: Show Page Layout widget in Classic Editor when Block Editor is disabled for pages.

DEV: Added flatsome_is_blog_archive filter.
DEV: Added flatsome_is_shop_archive filter.
DEV: Recommended PHP version 8.1 or higher (8.0 EOL) for better performance and security.

--- 3.18.1 (13.11.23) ---
ENHANCEMENT: Made theme colors available through theme CSS custom properties (see note).
ENHANCEMENT: Various CSS improvements.

FIXED: Ajax add to cart with 'Any...' variation setup.
FIXED: Images weren't imported correctly from Flatsome Studio in some cases.
FIXED: An error occurred in the Page Layout section in the Block Editor in some cases.
FIXED: Mini cart content after Pjax filtering.

UPDATED: Language files.

Note: In certain cases, such as when WP Global styles were disabled by a performance plugin, custom theme colors defaulted to their original values.

--- 3.18.0 (08.11.23) ---
NEW: WooCommerce 8.3 compatibility.
NEW: Debuting tailored Pjax functionality. Facilitates ajax-driven navigation & filtering (optional).
NEW: Shop: AJAX for product category widget, filter widgets & sorting (optional).
NEW: Builder: Color Eyedropper tool for effortless screen color picking.
NEW: Scroll to the top after Pjax navigation option.
NEW: Mini cart: Quantity input (ajax-driven) option.
NEW: Mini cart: Free shipping bar option.
NEW: Mini cart: Empty cart icon & return to shop button.
NEW: Mini cart drawer: Show cross-sells option.
NEW: Mini cart drawer: Sticky footer option.
NEW: Cart: Free shipping bar option.
NEW: Checkout: Free shipping bar option.
NEW: Added advanced menu section 'Content Delivery'.
NEW: Blog pagination type choice (Normal/AJAX).
NEW: WooCommerce pagination type choice (Normal/AJAX/Infinite scroll).
NEW: Blog posts element pagination (pagination links, load more, prev/next) on row, masonry & grid layout.
NEW: Blog posts element pagination alignment.
NEW: Blog posts element pagination ID and Class field.
NEW: Blog posts element pagination position.
NEW: Products element pagination (pagination links, load more, prev/next) on row, masonry & grid layout.
NEW: Products element pagination alignment.
NEW: Products element pagination ID and Class field.
NEW: Products element pagination position.
NEW: FAQ schema support to accordions, for improving SEO and search result visibility (optional).
NEW: Lottie scroll action type option (seek, play, playOnce).
NEW: Single product gallery type option (slide, fade).
NEW: Custom accordion anchor.
NEW: Custom tab anchors.
NEW: Maintenance mode: Body class.
NEW: Maintenance mode: Bypass by key.
NEW: Maintenance mode: Exclude by role (default).
NEW: Option to display WhatsApp among the Header Contact fields.
NEW: Option to set Off-canvas / Drawer width.
NEW: Option to set Off-canvas Cart Drawer width.
NEW: Select theme colors in the Block Editor.
NEW: Shop catalog ordering enable/disable option.
NEW: Shop catalog result count enable/disable option.
NEW: Smoother theme scroll-to animation.
NEW: Title link rel option.
NEW: Title link target option.
NEW: Tooltip color & background color options.
NEW: UX Blocks admin category filter and column.
NEW: Added 2 header block slots.
NEW: Bullet list cross icon.
NEW: X (social media) icon.
NEW: X follow link option.
NEW: X share link option.

PERFORMANCE: Optimized code execution for global Ajax requests.

ENHANCEMENT: Added 'Manage your licenses' link in the setup wizard register step.
ENHANCEMENT: Added all theme icons in the builder icon value dropdown.
ENHANCEMENT: Added comments template to all page templates.
ENHANCEMENT: AJAX add to cart scroll to notice on notice.
ENHANCEMENT: Changed mini cart heading tag from h4 to span.
ENHANCEMENT: If using lightbox login, notices will now show inside the lightbox login/register form.
ENHANCEMENT: Improved shop swatch reset limited reset logic.
ENHANCEMENT: Improved the theme logo in the backend.
ENHANCEMENT: Improved various customizer options visibility (hiding options that depend on other settings).
ENHANCEMENT: Improved WooCommerce notices on transparent header.
ENHANCEMENT: Improved WPML configuration.
ENHANCEMENT: Quantity button alignment in shop loop products.
ENHANCEMENT: Remove the default sliding animations on off-canvas buttons.
ENHANCEMENT: Removed title attribute from WooCommerce gallery images to prevent the display of image filenames in the native tooltip.
ENHANCEMENT: Sticky add to cart functionality for stacked layouts.
ENHANCEMENT: Support iframed Block Editor.
ENHANCEMENT: Swatches/shop: Improved cache clearance.
ENHANCEMENT: Use custom CSS properties for theme colors.
ENHANCEMENT: Various customizer options are reordered more logically.
ENHANCEMENT: Builder: Improved layout when php notices appear.
ENHANCEMENT: Various CSS improvements.

FIXED: B2B for WooCommerce Ajax add to cart product pricing.
FIXED: Vertical menu dropdown not same height as fly out on Safari.
FIXED: Blog posts excerpt trimming issue to ensure accurate length and avoid duplicate ellipses.
FIXED: Ensure Flickity is initialized before attempting to destroy.
FIXED: Header HTML slots did not render shortcode in preview in some cases.
FIXED: hide-for-small & hide-for-medium classes did not take effect in drawers.
FIXED: List item indentation in UX Block menu dropdown.
FIXED: PHP 8.2 deprecations.
FIXED: Position of slider arrows (circle/outside style) and its reveal animation.
FIXED: Review count on related and upsell products on a single product page.
FIXED: Swatches/shop: out-of-stock class added when only one variation was out of stock.
FIXED: Theme file editor: Prevented false positive syntax error in header cart element template.
FIXED: Updated and renamed old quick view hooks with flatsome prefix.
FIXED: WooCommerce translation domain name was used in portfolio templates on some strings.
FIXED: UX Blocks admin menu item text for adding a new block.
FIXED: Banner: Sticky option did not function.
FIXED: Live search results RTL styling.

CHANGED: Infinite scroll button string changed to 'Load more'.
CHANGED: Infinite scroll settings are moved to 'Content Delivery' section.
CHANGED: Removed noreferrer from rel attributes on blank targets.
CHANGED: Sticky add to cart now utilizes a separate template.

DEV: Added experimental_flatsome_pjax filter.
DEV: Added experimental_flatsome_pjax_enabled filter.
DEV: Added flatsome_after_mini_cart_contents action.
DEV: Added flatsome_after_mini_cart_cross_sells action.
DEV: Added flatsome_after_mini_cart_empty_message action.
DEV: Added flatsome_after_single_product_lightbox action.
DEV: Added flatsome_before_mini_cart_cross_sells action.
DEV: Added flatsome_before_mini_cart_empty_message action.
DEV: Added flatsome_before_mini_cart_total action.
DEV: Added flatsome_before_single_product_lightbox action.
DEV: Added flatsome_html_atts filter.
DEV: Added flatsome_maintenance_mode filter (filterable access mode).
DEV: Added flatsome_relay_classes filter.
DEV: Added flatsome_relay_control_classes filter.
DEV: Added flatsome_relay_pagination_args filter.
DEV: Added flatsome_shipping_free_shipping_threshold filter.
DEV: Added flatsome_show_mini_cart_item_quantity filter.
DEV: Added flatsome_single_product_lightbox_product_gallery action.
DEV: Added flatsome_single_product_lightbox_summary action.
DEV: Added flatsome_swatches_box_display_min_count filter.

Note: Minimum required WP version 5.9.0.
Note: Eyedropper tool operates only in secure 'https' contexts or on localhost, with support for Chrome and Edge browsers.
Note: WooCommerce result count and catalog ordering will display even if removed (by code) in the shop by their old actions. Use the new UI options in the product catalog section to re-disable them if desired.

Lưu ý khi cập nhật Flatsome theme lên 3.18.7

Đâ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. Nếu website của bạn xây dựng từ các phiên bản Flatsome cũ hơn (từ 3.15.7 trở xuống) thì lưu ý nhé.

Bởi vì từ bản update 3.16.0 (ngày 15/09/2022) 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 3.16 để 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 3.16 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.

Thời gian gần đây hàng loạt website dùng theme Flatsome bị lỗi font chữ, và tất cả có đặc điểm chung là dùng Google Fonts. Nên phiên bản Flatsome 3.18.6 mới được cập nhật này chủ yếu sửa lỗi font từ Google các bạn nhé.

Sau khi update hãy: Clear all cache, vào lại Flatsome > Theme Options > Style > Typography tắt bỏ Google CDN đi nếu muốn dùng local. Rồi lưu lại là được nhé. Nếu vẫn không được thì hãy vào wp-content/fonts/ xoá folder font của bạn đi để flatsome tải font mới về

Hướng dẫn cài đặt Flatsome Theme

Ban đầu mình nghĩ nếu các bạn đã biết đến theme này thì gần như 100% sẽ biết cách cài đặt và sử dụng như thế nào rồi, nên mình không viết thêm phần hướng dẫn nữa. Nhưng thật bất ngờ là vẫn có một số bạn liên hệ hỏi mình tại sao không cài được, cài bị lỗi,…

File theme mình chia sẻ trong bài viết này là bản gốc tải về từ ThemeForest. Khi các bạn tải về thì phải giải nén ra vì bên trong nó có nhiều thư mục con nữa:

Bên trong thư mục Assets là các thư mục chứa Fonts, icons, mẫu thiết kế logo, banner,…

Documentation: Hướng dẫn cài đặt và tùy chỉnh theme Flatsome.

Dummy data: Dữ liệu mẫu.

Thư mục Theme Files là nơi chứa file cài đặt các bạn nhé. Bên trong nó sẽ có 2 file nén ở định dạng ZIP có tên như sau:

flatsome-3.18.7.zip

Các bạn dùng file này để cài đặt và cập nhật theme Flatsome của web. Hiện tại phiên bản mới nhất là 3.18.7 nên file nó sẽ có tên như vậy, tương lai nhà phát triển cập nhật các phiên bản mới hơn thì nó sẽ có tên flatsome-3.18.8.zip, flatsome-3.18.9.zip, flatsome-3.18.10.zip,… kiểu như vậy đó các bạn.

Với các bạn cài web mới thì cứ dùng file này để cài theme như bình thường.

Với các website đang chạy mà muốn cập nhật lên dùng phiên bản Flatsome mới nhất, thì các bạn chỉ cần giải nén file này ra sẽ được thư mục tên là flatsome (code trong này là phiên bản mới nhất). Sau đó upload tất cả code này lên ghi đè vào thư mục theme đang dùng là được.

flatsome-child.zip

Đây là file để cài đặt theme con. Nó sẽ kế thừa toàn bộ các đặc điểm, chức năng của theme cha (Parent Theme) và mình cũng khuyên các bạn nên dùng child-theme để khi cập nhật theme không bị mất đi các chỉnh sửa trước đó.

Nếu là lần đầu tiên cài đặt web thì dùng file này để cài đặt theme con thủ công. Tuy nhiên các bạn cũng có thể bỏ qua vì trong trình hướng dẫn cài đặt Flatsome (Setup Wizard) thì bạn cũng có thể tự động tạo ra child-theme.

Nếu web bạn đang hoạt động và chỉ muốn cập nhật Flatsome theme lên phiên bản mới nhất thì không cần quan tâm đến file này. Chỉ khi Flatsome có những lần nâng cấp lớn, sửa đổi core, mà trong child-theme các bạn có dùng các code cũ thì mới phải sửa lại code cũ cho phù hợp.

Các file chia sẻ theme Flatsome trên mạng đều dính Shell?

Thực tế nếu các bạn tải theme Flatsome từ các nguồn không đủ uy tín đều có khả năng dính shell vì bộ mã nguồn của theme có tới gần 2000 files nên rất khó để biết kẻ xấu có chèn mã độc hay không. Giải pháp duy nhất chúng ta có thể làm là hạn chế nguy cơ bị dính mã độc bằng cách kiểm tra cẩn thận trước khi sử dụng bằng cách quét mã độc bằng virustotal và plugin Wordfence.

File theme Flatsome mình chia sẻ ở đây là mua chung của 1 nhóm bạn. Mình đã sử dụng và chia sẻ nhiều năm nay chưa bao giờ có sự cố gì nên các bạn có thể hoàn toàn yên tâm sử dụng.

Ngoài ra, có thể trong file functions.php của theme đã được chèn thêm 1 đoạn code lách bản quyền như sau:

update_option( get_template() . '_wup_purchase_code', 'ZqihUGpp-MjNr-oKco-hRit-PbJXLeLwwAqW' );
update_option( get_template() . '_wup_supported_until', '31.08.2077' );
update_option( get_template() . '_wup_buyer', 'Licensed' );
update_option( get_template() . '_wup_sold_at', time() );
delete_option( get_template() . '_wup_errors', '' );
delete_option( 'flatsome_wupdates', '');

Nếu bạn thấy chưa có thì có thể tự chèn thêm code này vào để kích hoạt bản quyền theme Flatsome nhé.

Sau khi cài đặt và tùy chỉnh mọi thứ trên website thì các bạn có thể xóa đoạn code này khỏi file functions.php để tối ưu hơn tốc độ cho trang web. Bởi vì Flatsome sử dụng API để kiểm tra License key định kỳ theo cronjob. Khi đặt mã này trong functions.php thì khi bất kỳ một tương tác nào đến website là nó sẽ liên tục cập nhật vào database.

Tất nhiên nếu xoá code này đi thì theme sẽ trở thành chưa được kích hoạt. Bạn sẽ nhìn thấy thông báo yêu cầu license key hiển thị trong trang quản trị. Và tính năng Flatsome Studio sẽ không dùng được nên bạn không thể import demo mới. Lúc nào cần thì lại sửa file functions.php và thêm lại đoạn code trên để kích hoạt theme thì sẽ dùng được Flatsome Studio như bình thường.

Tải về: Theme Flatsome v3.18.7

Pass giải nén: dovanphuong.com (nếu có)

Phiên bản cũ hơn: flatsome-v3.15.7.zip (bản này khá ổn định, nếu đang dùng tốt các bạn không cần thiết phải nâng cấp lên phiên bản mới nhất đâu)

Đây là bản đã kích hoạt sẵn bản quyền rồi nên bạn chỉ việc tải về và dùng thôi.

Tôi đã từng dùng Genesis, Astra, OceanWP, Avada, X theme, Divi, MyThemeShop, và nhiều theme khác. Nhưng không nhà phát triển nào mang lại trải nghiệm tốt như GeneratePress đã làm.

Tôi cho rằng GeneratePress hiện là theme tốt nhất để làm blog, trang giới thiệu công ty hoặc site bán hàng đơn giản mà không cần biết nhiều về code. Tất nhiên nếu bạn đủ trình và không tiếc thời gian thì hoàn toàn có thể tạo ra những website “màu mè” và “chuyên nghiệp” theo ý muốn. Nhưng đó là phạm trù khác rồi. Còn trong phạm vi bài viết này, tôi sẽ cho bạn những lý do thuyết phục để bạn thấy những lời khẳng định của tôi về GeneratePress hoàn toàn không phải là nói phét.

Đánh giá GeneratePress Theme

Đây là một theme hoàn toàn miễn phí, bạn có thể tại về tại đây:

https://vi.wordpress.org/themes/generatepress/

Tính đến tháng 10/2021, chủ đề này đã có gần 3.700.000 lượt tải với hơn 400.000 website đang sử dụng. Đến 27/12/2022, theme này đạt 4.582.635 lượt tải, đủ để thấy sức hấp dẫn của nó lớn như thế nào. Điểm đánh giá gần như tuyệt đối 5/5 sao đứng đầu trên bảng xếp hạng của WordPress.

Theme này được thiết kế tập trung vào tốc độ và hiệu năng nên code rất nhẹ. Có thể coi nó là một trong những chủ đề WordPress nhẹ nhất hiện nay. Nó hoàn toàn tương thích với Gutenberg và các plugin Page Builder phổ biến như Beaver Builder hay Elementor nên bạn hoàn toàn có thể tạo ra những website chuyên nghiệp theo ý muốn.

Các tính năng nổi bật

1. SITE LIBRARY: Đây là thư viện demo có sẵn để bạn tham khảo. Nếu thích giao diện nào thì bạn chỉ cần import với 1 click chuột, blog của bạn sẽ giống hệt demo. Từ đó bạn sẽ tiết kiệm được rất nhiều thời gian tùy chỉnh và tối ưu.
2. COLORS: Đây là phần tùy chỉnh màu sắc cho trang web của bạn. Bao gồm hơn 60 đối tượng khác nhau như màu sắc của menu, tiêu đề, nội dung, link, button,…
3. TYPOGRAPHY: Đây là phần quản lý font chữ cho web, được tích hợp sẵn hơn 70 fonts phổ biến. Nhưng chỉ một số ít font có hỗ trợ tiếng Việt thôi.
4. ELEMENTS: Một hệ thống hook thông minh giúp bạn tùy chỉnh các đối tượng và bố cục website mà không cần can thiệp vào code theme.
5. DISABLE ELEMENTS: Bạn có thể tắt (không cho hiển thị) một đối tượng bất kỳ như header, menu, tiêu đề hoặc footer. Đây là tính năng rất hay của GeneratePress Theme giúp bạn tùy chỉnh cho từng bài viết hoặc trang.
6. WOOCOMMERCE: Cài đặt màu sắc, font chữ và bố cục cho WooCommerce. Nếu bạn định làm web bán hàng bằng GeneratePress thì giao diện có sẵn khá là cơ bản. Nó phù hợp với những ai thích phong cách tối giản, không “màu mè”.
7. MENU PLUS: Các tính năng nâng cao cho Menu của bạn. Ví dụ sticky menu, tùy chỉnh menu logo, mobile header, off-canvas navigation,…
8. SPACING: Quản lý khoảng cách giữa các đối tượng, giúp bạn căn chỉnh header, nội dung, widgets, và sidebar.
9. BLOG: Các tùy chỉnh cho phần bài viết (Posts) trên website.
10. SECONDARY NAV: Menu thứ hai với các tùy chọn giống như menu chính.
11. BACKGROUNDS: Quản lý ảnh nền cho các đối tượng trên trang web.
12. SECTIONS: Tạo các phân vùng nội dung độc lập.
13. COPYRIGHT: Quản lý nội dung thông báo bản quyền dưới footer của website.
14. IMPORT/EXPORT: Nhập và xuất các tùy chọn cài đặt của theme.

Cộng đồng người dùng GeneratePress đã dịch theme này sang hơn 25 ngôn ngữ, trong đó có cả tiếng Việt nên rất dễ sử dụng.

Download GeneratePress Premium

Để sử dụng được tất cả các tính năng nâng cao của theme này, bạn cần đến plugin GeneratePress Premium. Phiên bản mới nhất của nó là 2.3.1 được phát hành ngày 30 tháng 03 năm 2023. Bạn chỉ cần tải về và kích hoạt là xong.

Xem thêm cách cài đặt Plugin cho WordPress nếu bạn chưa biết nhé.

== Changelog ==
v2.3.1
* Fix: SelectSearch component infinite loop
* Fix: Block widths inside Block Elements

v2.3.0
* Feature: Add Search Modal Element type
* Fix: Inline post meta feature in GenerateBlocks 1.7
* Fix: Close "Choose Element Type" modal with ESC key
* Fix: Replace WooCommerce secondary image attachment size
* Fix: WP Filesystem error missing credentials
* Fix: Undefined array keys in dynamic Container URL
* Fix: Author avatar in Header/Block Element titles
* Fix: Infinite loop error when autosaving with dynamic content block
* Fix: Add aria-label to off-canvas panel button
* Fix: WooCommerce button dynamic typography
* Fix: Empty WooCommerce quantity fields
* Fix: PHP 8.1 notice using disable elements in Customizer
* Tweak: Improve license key area
* Tweak: Improve off-canvas transitions
* Tweak: Check for WooCommerce functions
* Tweak: Open off-canvas using space bar
* Tweak: Use image ID in mobile header/sticky nav logos
* Tweak: Improve Elements hook selection dropdown UI
* Tweak: Add site library check for min GenerateBlocks version
* Tweak: Add Loop Template to Custom Post Type dropdown filters

v2.2.2
* Fix: Off Canvas anchor links not working

v2.2.1
* Fix: Add value to off-canvas aria-hidden attribute
* Tweak: Remove/add aria-hidden to off-canvas on toggle

GeneratePress Premium v2.2.0 - Alpha 1

* Feature: Allow block element autosave
* Feature: Add revisions to block elements
* Feature: Add Loop Template block element
* Feature: Dont display the raw license key in the Dashboard
* Feature: Add “Paginated Results” to Element Display Rules
* Fix: Element post navigation template PHP warning when not using GB Pro
* Fix: Remove unnecessary zoom CSS from featured images
* Fix: Font icon CSS order
* Fix: Load more button showing in product tax archives
* Fix: Prevent tabbing in hidden off-canvas panel
* Fix: Hide hidden off-canvas panel from screen readers
* Fix: menu-toggle aria-controls when using off-canvas panel
* Fix: Focus first focusable element when opening off-canvas panel
* Fix: Focus slideout toggle when closing off-canvas panel
* Fix: Off-Canvas Panel sub-menu a11y
* Fix: Prevent secondary nav legacy typography CSS
* Fix: Fix dynamic term meta link
* Fix: Block margins in the block element editor
* Fix: Embeds in Block Elements
* Fix: Apply display rules to editor with no ID
* Fix: Navigation background image applying to secondary nav
* Fix: WooCommerce order received page float issue
* Tweak: Remove jquery-migrate from sticky script
* Tweak: Add message in Blog section about Loop Template

Tải về: gp-premium-2.3.1.zip

Tải về: gp-premium-2.3.0.zip

Tải về: gp-premium-2.2.2.zip

Các nhà phát triển wordpress chào bán công khai sản phẩm trên website của họ, hoặc trên các chợ mã nguồn như themeforest, creativemarket,… Vì thế bất cứ ai cũng có thể mua và download về sử dụng.

• Có người mua để dùng cho các dự án website;
• Có người mua để bán lại với giá rẻ hơn;
• Cũng có người mua để chia sẻ miễn phí. Đúng vậy, bạn không nhầm đâu, họ bỏ tiền ra mua để chia sẻ free cho bạn luôn. Bạn nghĩ họ “điên”? Nhưng sự thật hoàn toàn ngược lại.

Plugin và Theme bao gồm các file php, js, css,... rất dễ chỉnh sửa. Cho nên có trời mới biết được file các bạn down trên mạng về đã bị chỉnh sửa hay chưa. Chúng ta không có cách nào xác minh được nguồn của theme & plugin đó cả. Cho nên hãy xác định tinh thần là luôn luôn có rủi ro. Chúng ta chỉ có thể hạn chế rủi ro đó mà thôi.

Theme Nulled hay Plugin Nulled là gì?

Không phải tất cả nhưng hầu hết các nhà phát triển theme và plugin cho WordPress đều sẽ thiết kế tính năng bảo vệ cho theme/plugin của mình. Họ cung cấp một giấy phép (license key) cho những khách hàng đã mua sản phẩm. Chỉ khi nhập License key vào thì bạn mới có thể kích hoạt và sử dụng được theme/plugin. Đồng thời, nó cũng giúp nhà phát triển xác minh website mỗi khi bạn cập nhật phiên bản mới.

Theme nulled và Plugin nulled là sản phẩm đã bị chỉnh sửa. Người chỉnh sửa có thể đã xóa bỏ tính năng bảo vệ mà nhà phát triển đã thiết kế trên theme/plugin, hoặc “vượt mặt” chúng bằng một license key giả. Nói một cách dễ hiểu, với phiên bản nulled, bạn không cần có License key mà vẫn kích hoạt, sử dụng được theme/plugin như bình thường.

Mục đích chia sẻ mã nguồn nulled

Đã bao giờ bạn tự hỏi là vì sao họ lại chia sẻ mã nguồn nulled miễn phí như vậy hay chưa? Nếu họ phải bỏ tiền ra mua thì vì sao lại dễ dàng chia sẻ cho người khác như vậy?

• Có người chia sẻ đúng nghĩa là SHARE miễn phí;
• Có người chia sẻ để kiếm traffic vào website;
• Có người chia sẻ để phát tán mã độc;
• …v…v…

Chỉ có một số ít những người đã bỏ tiền ra mua sau đó chia sẻ lại file gốc (mã nguồn sạch, không có mã độc). Còn phần lớn việc chia sẻ đều nhằm mục đích khác, chẳng hạn như kiếm tiền, lây lan mã độc,…

Cũng có trường hợp chính tác giả đi chia sẻ để quảng bá về plugin hay theme của họ. Tuy nhiên trường hợp này nếu xảy ra thì họ cũng không bao giờ chia sẻ phiên bản mới nhất. Các tác giả tin rằng bạn sẽ bị “thôi miên” sau khi được trải nghiệm và sẽ phải chi tiền để mua phiên bản mới nhất. Không thể phủ nhận đây là cách marketing khá khôn ngoan.

Nhìn chung mã nguồn nulled tiềm ẩn nhiều rủi ro vì không thể xác minh được nguồn của tập tin. Phần lớn các trang chuyên chia sẻ plugin, theme bản quyền đều là những file có chứa mã độc. Mã độc ở đây là một khái niệm tương đối thôi các bạn nhé.

• Đôi khi nó chỉ là các đoạn mã tự động chèn quảng cáo vào website của bạn;
• Cũng có khi nó tự động tạo ra nội dung chèn backlink để seo;
• Cũng có thể là những backdoor giúp hacker dễ dàng tấn công và kiểm soát máy chủ của bạn,…

Plugin và Theme được chia sẻ trên các diễn đàn hoặc blog uy tín thì có thể yên tâm hơn một chút, nhưng cũng không chắc chắn sẽ an toàn. Vì bản thân người chia sẻ nhiều khi cũng được chia sẻ lại bởi người khác. Do đó, thay vì chấp nhận rủi ro bạn nên tự mua cho yên tâm. Trong trường hợp thực sự bạn không đủ khả năng mua mà vẫn muốn dùng plugin/theme nulled thì tôi cho bạn lời khuyên như sau.

Kiểm tra theme/plugin cẩn thận

Bước 1: Sau khi tải theme/plugin về bạn vào trang virustotal.com để quét mã độc.

Đây là công cụ quét virus trực tuyến rất nổi tiếng hiện nay, thuộc sở hữu của Google trong dự án hợp tác với hơn 70 công ty bảo mật hàng đầu thế giới như BitDefender, Kaspersky, Symantec, Microsoft, Avast, AVG, Avira, Baidu, Comodo,… thậm chí có cả BKAV và CMC của Việt Nam.

Lưu ý: Đây chỉ là công cụ quét trực tuyến chứ không phải phần mềm diệt virus nên không có tính năng xóa file. Nó chỉ phân tích các file và thông báo cho bạn biết file của bạn có bị dính mã độc hay không thôi. Bạn có thể quét từng file đơn lẻ hoặc nén tất cả trong 1 file ZIP.

Nếu quét bằng virustotal phát hiện có mã độc thì tốt nhất bạn không nên sử dụng nữa. Tìm kiếm file khác cho đỡ mất thời gian.

Bước 2: Cài plugin/theme vào website của bạn. Sau đó cài tiếp plugin Wordfence Security vào rồi quét.

Đây là một trong những plugin bảo mật tốt nhất dành cho WordPress hiện nay. Về cơ bản thằng này quét các file core của WordPress, quét cả thư mục themes, plugins. Nó có thư viện hơn 44.000 mẫu biến thể mã độc phổ biến với WP và dễ dàng phát hiện các backdoor nổi tiếng như C99, R57, RootShell, Crystal Shell, Matamu, Cybershell, W4cking, Sniper, Predator, Jackal, Phantasma, GFS, Dive, Dx,…

Nói chung plugin miễn phí thì thằng này là số 1 rồi. Kể cả bản Free thì sau khi quét xong nó vẫn gửi mail thông báo kết quả cũng như cảnh báo các lỗ hổng bảo mật cho bạn. Ngoài ra, bạn cũng có thể lập lịch quét định kỳ 3 ngày quét một lần để đảm bảo website luôn an toàn.

Nếu quét xong bằng WordFence vẫn không thấy mã độc thì bạn có thể tạm yên tâm sử dụng plugin/theme đó.

Chỉ là tạm thời yên tâm thôi chứ không thể chắc chắn được điều gì bạn nhé. Vì dữ liệu về virus, mã độc hay các lỗ hổng bảo mật thường không bao giờ đầy đủ. Ngay cả nhà phát triển đôi khi cũng không phát hiện ra mà phải nhờ vào cộng đồng người sử dụng, các nhà nghiên cứu bảo mật,… thông báo thì họ mới kịp thời vá lỗi, nâng cấp. Đó là lý do các bạn cần cập nhật WordPress thường xuyên.

Khuyến cáo cập nhật plugin WordPress để bảo mật

Đã dùng WordPress thì phải luôn thường xuyên cập nhật phiên bản plugin, theme và core WordPress lên phiên bản mới nhất. Đây là việc cần thiết để giúp website không tồn tại các lỗ hổng bảo mật, tránh bị các tổ chức tội phạm, hacker khai thác.

Trong tháng 5/2023 vừa qua, có một số plugin chứa lỗ hổng bảo mật đã được công bố và đã tung ra các phiên bản cập nhật để vá lỗi. Trong đó, có rất nhiều plugin phổ biến nhiều người sử dụng chứa lỗ hổng có thể bị khai thác chiếm quyền điều khiển website, bao gồm các plugin như Elementor, Jetpack, JetForm Builder, Duplicator Pro, Rank Math SEO Pro,…

Vì vậy nếu bạn có sử dụng một trong các plugin trên thì hãy tiến hành cập nhật lên phiên bản mới ngay lập tức để vá lỗi. Danh sách các plugin và theme tồn tại lỗ hổng bảo mật được công bố trong tháng 5/2023 các bạn có thể xem tại đây.

Với kinh nghiệm 13 năm sử dụng WordPress, tôi đã chứng kiến và hỗ trợ khôi phục rất nhiều website bị dính mã độc. Nhiều website bị tụt hạng từ khóa seo, bị xóa dữ liệu, bị chèn backlink bẩn, quảng cáo,… để lại những hậu quả nghiêm trọng. Việc tìm và diệt mã độc, làm sạch mã nguồn WordPress là một chuyện, nhưng đôi khi nó làm chúng ta rất mệt mỏi. Và một trong những nguyên nhân phổ biến là dùng plugins, theme cũ.

Gần đây các trường hợp website WordPress bị nhiễm mã độc diễn biến rất phức tạp và thường xuyên hơn. Vì vậy các bạn nên lưu ý tăng cường bảo mật cho website bằng cách theo dõi các phiên bản cập nhật trên website để vá lỗi kịp thời.

Tóm lại

Như các bạn cũng biết, WordPress thường xuyên được nâng cấp cho nên các nhà phát triển plugin/theme cũng phải nâng cấp liên tục để tương thích với phiên bản WP hiện tại. Do đó nếu các bạn sử dụng phiên bản cũ thì hãy coi chừng! Khá là rủi ro đấy!

Nếu lỗi nó hiện ra lù lù trước mặt thì quá đơn giản. Nhưng thật không may là các lỗ hổng bảo mật thường ở đâu đó mà ngay cả những người code ra nó có khi cũng chẳng biết. Đến khi bị hack rồi thì nói làm gì nữa! Bởi vậy, hãy nhớ là luôn luôn sử dụng phiên bản mới nhất. Đừng nghĩ rằng cứ vô hiệu hóa tính năng update thì sẽ an toàn nhé. Càng phiên bản cũ càng dễ dính những lỗi bảo mật nghiêm trọng.

Và đương nhiên, nếu bạn định phát triển website một cách nghiêm túc thì nên bỏ tiền ra mua theme cho an tâm (chỉ khoảng 50$ thôi). Mà ngay tại Việt Nam cũng có rất nhiều người bán theo kiểu họ đã mua rồi và nay bán lại với giá rẻ hơn gấp nhiều lần, nếu bạn cần thì liên hệ nhé, tôi sẽ giới thiệu cho.