Chào các bạn,

Theme (giao diện) WordPress là thứ mà mình thấy rất nhiều bạn loay hoay tìm kiếm xem  nên cài đặt cái nào cho blog, website, nên sử dụng cái nào thì tối ưu nhất ?

Nhiều bạn có tính cả thèm chóng chán, thấy theme này đẹp thì vội vàng chuyển sang cài đặt nó, thấy theme kia hay hay thì tải về rồi để đấy !

Đối với 1 trang blog kiếm tiền chuyên nghiệp trên nền tảng WordPress thì việc bạn thay đổi giao diện nên hạn chế.

Bạn nên cố gắng cài đặt theme WordPress tốt nhất để hỗ trợ mục đích của blog, chất lượng cao, thiết kế thu hút, chuẩn SEO cũng như tốc độ tải nhanh nhất.

Bài viết đánh giá theme GeneratePress này mình sẽ giới thiệu 1 theme WordPress đáp ứng được đầy đủ các tiêu chí trên.

GeneratePress là theme miễn phí đang được rất nhiều blogger sử dụng vì ưu điểm nhẹ, tốc độ load cực nhanh và độ tùy biến quá tuyệt vời!

Sau khi đọc xong bài viết này bạn sẽ biết được:

• Các tính năng ưu việt của theme GeneratePress
• Lí do vì sao bạn nên kết hợp GP với plugin GP Premium ?
• Hướng dẫn cài đặt theme GP và GP Premium

A. Giới thiệu theme GeneratePress

• Tác giả: Tom Usborne
• Phiên bản mới nhất: 2.2.1
• Kích thước: ~865 KB
• Đặc điểm: nhẹ, tối ưu SEO, tốc độ load nhanh
• Hơn 1.7 triệu lượt tải + hơn 100.000 website cài đặt
• Theme miễn phí + kết hợp với plugin Generate Premium trả phí

GeneratePress (GP) là theme WordPress multi-purpose (đa chức năng) 100% miễn phí được phát triển từ 2014 của tác giả Tom Usborne – 1 nhà phát triển WordPress nổi tiếng từ Canada.

Theme có đặc điểm chính là code nhẹ, chuẩn SEO, dễ dàng sử dụng và là 1 trong số những theme WordPress có tốc độ load nhanh nhất hiện nay.

• GeneratePress cũng là 1 trong các theme hiếm hoi nhận đánh giá 5 sao gần như tuyệt đối trên WordPress.org.

Đặc biệt, theme tương thích tốt với các Page Builder như Beaver Builder, Elementor, Divi…

GeneratePress phù hợp đặc biệt với những cây viết blog muốn tạo dựng thương hiệu và hướng trải nghiệm đến khách hàng.

Một số blogger nổi tiếng hiện nay đang sử dụng GeneratePress có thể kể đến:

• Cloudliving hoặc niche site ThankYourSkin cũng của Tùng Trần
• Woorkup.com của Brian Jackson
• Tuy nhiên, tại Việt Nam thì không hiểu sao GP vẫn còn được khá ít blogger sử dụng. Mình mới thấy có mấy authority site như giamgiahapdan.com & chonmuachuan.com

=> GeneratePress là một theme rất thích hợp để bạn kiếm tiền từ blog, kiếm tiền Affiliate.

Ví dụ một số site cài GeneratePress:

Hay:

Thậm chí:

Tất cả chúng đều đang dùng theme GeneratePress.

Thông tin về GP Premium:

GeneratePress Premium là một plugin trả phí đi kèm với theme GP, bao gồm 14 Premium Add-ons (modules) giúp phát huy hết các tính năng quan trọng của theme GeneratePress.

Đây cũng là nguồn thu nhập chính của mô hình kinh doanh này: tác giả cung cấp theme miễn phí và bán các Add-ons kèm theo để tăng sức mạnh cho theme.

Giá gốc của plugin này là $49.95, tuy nhiên hiện nay GeneratePress Premium đang giảm giá chỉ còn $42.46.

Các tính năng của GeneratePress Premium và lí do tại sao bạn nên mua nó mình sẽ đánh giá chi tiết ở phần review bên dưới.

B. 8 điểm tuyệt vời nhất ở GeneratePress

Mình là 1 fan của Genesis FrameWork từ StudioPress – 1 trong những theme có tốc độ load tuyệt vời, tuy nhiên về tùy biến thì hơi bị hạn chế với 1 người mù tịt về code như mình.

Thành ra, sau khi cài đặt phiên bản miễn phí của GeneratePress xong, trải nghiệm thử tốc độ thì mình đã trở thành fan của GP và quyết định mua ngay bộ GP Premium để phát huy hết sức mạnh của GP.

Để đánh giá thì mình cho rằng GP + GP Premium thực sự là “bộ đôi sát thủ” giúp bạn có một website WordPress mạnh mẽ, tập trụng vào 3 tiêu chí chính:

• hiệu suất, tốc độ theme nhanh
• chuẩn SEO
• khả năng sử dụng, tùy biến theme rất cao

Nếu bạn nào giỏi tối ưu tốc độ và kết hợp với hosting, VPS nữa thì site sau khi cài GP sẽ load cực kì nhanh, có thể < 100ms 🥇 :)).

Dưới đây là 10 ưu điểm của GP và GP Premium mình cực kì thích và mình nghĩ là bạn nên trải nghiệm:

1. Tốc độ load nhanh, hiệu suất cao

GeneratePress được thiết kế sạch, nhẹ nhất có thể, đây là ưu điểm mạnh mẽ của GP khi file cài đặt .zip chưa tới 900KB, và 1 site WordPress mặc định cài vào chỉ có dung lượng ~30KB.

Nó loại bỏ hầu hết các tính năng không cần thiết gây cản trở hiệu suất của site.

Với 1 theme nhẹ như vậy thì việc trải nghiệm sự linh hoạt của độc giả cũng như cho tốc độ tải trang cực kì tốt.

Ngoài ra, tốc độ tải nhanh cũng là 1 yếu tố SEO quan trọng giúp website trở nên thân thiện với Google hơn.

• Thống kê cho thấy 40% khách hàng thoát site nếu thời gian load > 3s.

Ví dụ: mình test tốc độ của 1 site bằng WebPagetests,…kết quả load time khá tốt chưa tới 1s:

Trong khi blog Tự Học MMO của mình hiện nay load khá ì ạch >3s !

So sánh với 2 đối thủ chính OceanWP và Astra thì GeneratePress có tốc độ không hề thua kém.

Để rõ hơn, mình sẽ test thêm với GTMetrix:

Đầu tiên, mình test site khi dùng theme SteadyIncome của Mythemeshop:

• PageSpeed Score: 90
• Fully Loaded Time: 2.8s
• Total Page Size: 782KB
• Requests: 55

Và khi mình thay bằng theme GeneratePress và không thay đổi bất cứ thứ gì khác, kết quả gần như full tốc độ luôn:

• PageSpeed Score: 99
• Fully Loaded Time: 1.1s
• Total Page Size: 38.5KB
• Requests: 11

Điều này chỉ để chứng minh rằng, dù Mythemeshop nổi tiếng đã khá nhẹ, nhưng GeneratePress còn tốt hơn rất nhiều.

• Đối với kiếm tiền Affiliate Marketing qua blog thì tốc độ load nhanh giúp tăng trải nghiệm người dùng, giảm tỉ lệ thoát Bounce Rate và tăng tỉ lệ chuyển đổi đơn hàng Conversion Rate.

2. Chuẩn SEO

GeneratePress được thiết kế tối ưu SEO (SEO Optimization) nhờ HTML xác thực, dữ liệu theo cấu trúc Schema (Schema markup standard) và đầy đủ các tiêu chí thân thiện SEO khác như:

• Tốc độ nhanh
• Tương thích Responsive với mọi giao diện và mobile
• Dễ dàng index nội dung
• Giao diện thân thiện với người dùng
• Code nhẹ, gọn gàng và sạch sẽ chuẩn SEO
• Tích hợp các tính năng SEO trong theme
• Tối ưu hiệu năng trên mobile

Cấu trúc Schema là một cấu trúc dữ liệu chuẩn SEO rất quan trọng mà hầu hết các theme hiện nay phải hỗ trợ.

Nó giúp cho các bot tìm kiếm dễ dàng craw nội dung và xếp hạng trang web.

Bạn có thể dễ dàng check cấu trúc Schema của GP bằng cách xem Source Code => Ctrl + U => tìm kiếm “schema“.

3. Tương thích tốt với mọi Page Builder

Xu hướng viết blog chuyên nghiệp hiện nay là sử dụng Page Builder (trình dựng trang hỗ trợ kéo thả drag & drop) để hỗ trợ soạn thảo, tùy chỉnh giao diện nhanh chóng.

GeneratePress tương thích tốt với hầu hết các Page Builder lớn như: Elementor, Beaver Builder, Divi Builder, SiteOrigin, Visual Composer…

Nó cũng là 1 trong số các theme mà mọi Page Builder đều khuyên dùng.

Ví dụ dưới là 1 page tạo ra từ GP và Beaver:

Mình rất thích dùng GeneratePress kết hợp với Thrive Architect, hoặc bạn có thể dùng combo GeneratePress + Elementor Pro.

Nói chung là bạn hãy tự trải nghiệm là sẽ ưng ý nhanh thôi.

4. Tùy biến mạnh mẽ tích hợp hết trong WordPress Customizer

Cơ bản thì GeneratePress khá tương đồng với Genesis Framework về thiết kế, tính năng.

Tuy nhiên khác với người anh hỗ trợ tùy biến phần theme setting rất ít, GP dễ dàng tùy biến, cho phép tùy chỉnh không giới hạn ở Apperance => Customizer

Người dùng dễ dàng chỉnh sửa và thấy ngay sự thay đổi của các các thông số như: Layout, Colors, Menu, Site Identity, Typography…

Dưới đây là các module trong Customizer của bản miễn phí:

Một số tùy biến thường thấy:

• Site Identity: thay đổi Site Title, Tagline, cho phép hiển thị hoặc không, hỗ trợ thay đổi Logo và Site Icon.
• Color: cài đặt màu sắc cho text, background và link.
• Typograhy: tùy chỉnh fonts family, fonts size,…
• Menus: cài đặt các menu
• Homepage Settings: chọn trang làm trang chủ và trang blog.
• Advanced CSS: thêm code CSS nếu muốn tùy biến thiết kế.
• Widgets: cho phép chỉnh sửa các widget ở sidebar, header, footer.

Dù vậy, phải đến khi bạn sử dụng GP Premium mới thấy khả năng tùy biến đa dạng đến mức độ nào.

Bạn có thể tùy chỉnh mọi thứ trong GeneratePress từ WordPresss Customizer.

Các mục khác mình sẽ giới thiệu chi tiết dưới đây.

5. Dễ dàng cài đặt và update theme GenesisPress

Cài đặt GenesisPress khá đơn giản giống như bạn cài các theme free khác.

Bạn có thể tải theme GeneratePress trực tiếp tại:

• WordPress.org
• hoặc tại trang chủ GP: https://generatepress.com/install-generatepress/
• hoặc gõ ngay tại phần tìm kiếm Add Themes

Cơ bản, bạn có thể cài đặt và active ngay nhưng GP hỗ trợ Child Theme nên mình khuyên bạn nên cài đặt cả Child Theme.

Nếu chưa biết tác dụng của Child Theme là gì, bạn xem tại đây.

Bạn tải theme GeneratePress và child theme của GP dưới đây:

• Child Theme trắng: http://generatepress.com/api/themes/generatepress_child.zip
• 05 Child Theme khác: https://wordpress.org/themes/author/edge22/

Đầu tiên, bạn hãy cài đặt theme GeneratePress nhưng chưa Active.

Sau đó, bạn cài đặt GeneratePress Child Theme và Active nó là xong.

Như dưới là OK!

Để cài đặt GP Premium Add-ons, bạn cần mua bản plugin trả phí để nhận file cài đặt .zip, sau đó bạn upload và cài đặt từ mục Plugins.

Lúc này, bạn vào Apprearance => GeneratePress => Modules sẽ thấy phần Active các add-on cũng như nhập License Key để được update tự động (bạn có thể không nhập key vẫn sử dụng full tính năng).

Add-on nào bạn muốn dùng thì Active, còn cái nào không cần thì bạn Deactive là xong.

Riêng add-on WooCommerce chỉ có thể kích hoạt sau khi bạn cài đặt plguin WooCommerce.

Đồng thời, các module Elements và Site Library sẽ xuất hiện cùng khu vực Export, Import và Reset Settings.

6. Tùy biến với GP Premium Add-ons

Bộ Premium Add-ons của GeneratePress đem đến các tính năng cực kì mạnh mẽ.

Sau khi cài đặt, các Add-ons sẽ tự động được cài đặt vào trong Customizer

Tác dụng của 14 module là:

• Colors: tùy chỉnh màu sắc của bất cứ thành phần nào trong theme với hơn 60 option color.
• Typography: tùy chỉnh font size, font family, font weight với hơn 70 option typography.  GeneratePress tích hợp sẵn Google Fonts, nên dễ dàng chọn Font Family cho từng thành phần ngay trong Customize.
• Site Library: các mẫu demo có sẵn bạn có thể lựa chọn để cài đặt
• WooCommerce: tăng sức mạnh của WooCommerce về typography, color và layout.
• Sections: tạo ra các section nhỏ bên trong các page.
• Menu Plus: tùy chỉnh menu, thêm sticky navigation, slideout navigation, mobile header,…
• Blog: tùy chỉnh trang blog và các post như: ảnh đại diện, vị trí, hiển thị post…
• Backgrounds: chỉnh ảnh nền background cho các thành phần khác nhau trong site.
• Spacing: tùy chỉnh kích cỡ, độ rộng, khoảng cách spacing, padding, margin của header, nội dung, widget, menu, sidebar…
• Secondary Nav: thêm 1 navigation thứ 2 bên cạnh primary navigation mặc định.
• Copyright: chỉnh sửa dòng chữ bản quyền phía dưới cùng website.
• Disable Elements: disable các thành phần đặc biệt trên 1 số trang, post như header, navigation, footer…
• Elements: tính năng Hook giúp thêm các tùy chọn vào trong page, post.
• Import/Export: dễ dàng export và import các setting từ website khác, hữu ích trong trường hợp bạn muốn clone site sang hosting khác.

Mình sẽ active toàn bộ các module trên để khám phá xem tác dụng của chúng như nào.

a. Site Library

Trước tiên, mình sẽ cài đặt 1 demo có sẵn => Site Library, bạn có thể chọn các demo (tổng cộng 31 template) được xây dựng sẵn bằng Beaver Builder, Elementor hoặc không dùng Page Builder.

Nhấp vào demo bạn muốn cài => chọn Details => Get Started 

Như vậy là xong, nếu bạn muốn giống demo thì chọn Backup Options (sao lưu và tải về các option hiện có sẵn)

=> Import Options

=> tick đồng ý thêm content, menu, widget, site option, plugin của demo (bạn có thể skip nếu không muốn thêm nội dung vào site có sẵn)

Bạn nên Import content để có sẵn các cấu trúc bắt đầu viết nội dung.

=> Import Content

Khi hoàn tất, bạn nhấn View site để trải nghiệm Demo.

Chúng ta sẽ khám phá tiếp các Add-on đã được tích hợp vào trong Customizer.

b. Layout

Nhờ các add-on Spacing, Blog, Copyright, bạn có thể tùy chỉnh độ rộng, khoảng cách của layout, header, , sidebar, navigation và các tùy biến phần Content, Footer.

Ví dụ: bạn có thể chỉnh độ rộng của Site Contener, chia size layout thành 2 cột Content và Sidebar hay full dễ dàng và linh hoạt. Đây là điểm mình rất thích vì kích cỡ layout của theme thường được xây dựng cố định.

Phần Footer bạn có thể lựa chọn số lượng Widget (tối đa 5), thay đổi Copyright.

Mục Blog là các tùy chọn hiển thị thông tin như ảnh đại diện, tác giả, số lượt xem,…kích thước ảnh đại diện, bật/ tắt hiển thị trong page và post…kể cả tính năng cuộn trang Infinite Scroll hay chia trang.

Đặc biệt là bạn có thể chọn layout hiển thị các bài viết dạng cột columns hoặc dạng masonry.

c. Colors & Typography

Bạn có thể tùy biến màu sắc cho mọi thành phần của site như: body, header, navigation, button, content, footer…

Phần Typography cũng vậy, hỗ trợ bạn chỉnh sửa font toàn bộ các thành phần của theme.

d. Background Images & Menus

Phần này chèn ảnh nền cho page, post, header, sidebar, footer…thường thì 1 số demo không active cái này.

Bạn có thể cài đặt hoặc nếu không thì để nguyên cũng không sao.

Nhìn chung, nhờ các module nên mình có thể tùy biến các phần quan trọng khá linh hoạt.

Phần Menu tùy thuộc demo mà hỗ trợ thêm các menu tại Footer, Secondary Navigation…

Đặc biệt là phần top site bạn có thể thoải mái tùy chỉnh Primary Menu + Logo + Header

Một vài mẫu tùy biến top site khá đẹp:

e. Elements

Đây là phần rất mạnh mẽ của GP, nó bao gồm Hook và tính năng Page Header (trước kia 2 cái này tách riêng)

Hook cho phép bạn thêm các đoạn code tùy chọn PHP/HTML/CSS vào trong theme mà không phải thay đổi file mã nguồn theme.

Danh sách các vị trí trong theme hỗ trợ hook bạn xem tại đây.

Ví dụ: trước kia nếu bạn muốn chèn code Google Console, Google Analytics hay code tùy biến Footer, code quảng cáo Google Adsense, bạn cần dùng plugin hỗ trợ hoặc tìm file function.php hoặc header.php để thêm vào.

Với Hook, bạn chỉ cần vào Elements => Add New, chọn đúng kiểu Hook wp_header và paste code vào là xong.

Bạn chú ý là cần chọn đúng:

• Hook: vị trí hook bạn muốn thêm nội dung
• Execute Shortcodes:tích nếu muốn thực thi shortcode
• Execute PHP: tích nếu muốn thực thi mã PHP
• Priority:  set độ ưu tiên khi có nhiều elements được add cùng hook giống nhau.

Tính năng rất hay nữa chính là add-on Page Header giúp bạn tạo ra các page header theo ý thích và sử dụng ở các post, page mà bạn muốn.

Cơ bản nó là 1 cái content box độc lập nằm ngay phía dưới header của site giúp cho site bạn trở nên ấn tượng và chuyên nghiệp hơn hẳn.

Ví dụ 1 khu vực tạo ra với 1 page header rất ấn tượng:

Để tạo Page Header, bạn chọn Appearance => Elements => Add New, chọn Header.

Tại trang mới sẽ có các tùy chọn Page Hero/ Site Header/ Display Rules…để bạn cài đặt.

Chi tiết hơn bạn xem hướng dẫn tại đây.

Nhìn chung, khu vực này thì bạn nên có kinh nghiệm hoặc tìm hiểu cẩn thận.

f. General

Phần này thì bạn tích cả 2 tùy chọn để tăng tốc độ tải trang.

• Cache dynamic CSS: cache trình duyệt để người dùng load site nhanh hơn từ lần thứ 2.
• Smooth scroll: giúp bạn di chuyển mượt hơn tới các anchor link

g. Sections

Tính năng này giúp biến GeneratePress thành 1 simple Page Builder, nếu bạn đã dùng Page Builder khác thì có thể tắt nó đi.

Sections chỉ có thể dùng trên các page và post, khi bạn mở Page để Edit, tạo mới thì phải dùng Sections.

Nó sẽ xóa trình editor mặc định cũng như xóa phần sidebar, disable các Page Builder khác trên page đó.

Mình khuyên bạn nếu đã dùng Elementor, Beaver Builder hay Thrive Architect…thì không cần phải kích hoạt cái này.

7. Tài liệu hướng dẫn và support

Phải nói rằng kho tài liệu hướng dẫn của GeneratePress rất đầy đủ và chi tiết.

Bạn có thể xem toàn bộ tài liệu tại đây.

Mặc định khi bạn mua plugin GP Premium sẽ được update và support 1 năm.

Nếu có thắc mắc, bạn có thể đặt câu hỏi hoặc tìm kiếm thông tin tại forum tại đây.

Ngoài ra, tác giả cũng bổ sung thêm gần 200 tính năng rất hay dành cho GP, bạn có thể tham khảo.

8. Giá GP Premium

Mình dùng khá nhiều theme và plugin bản quyền với mức giá không hề rẻ, và khá tốn kém khi 1 số nơi nó bắt trả phí theo tháng/ năm như MyThemeShop, ThriveThemes hoặc so sánh với ThemeForest.

GeneratePress dù là miễn phí nhưng để tận dụng hết các tính năng thì mình khuyên bạn nên mua gói GP Premium hỗ trợ tất cả các module, demo.

Mức giá gốc của GeneratePress Premium là $49.95 và với đợt khuyến mãi cuối năm này khi bạn nhập mã giảm giá HOLIDAY18 sẽ nhận giảm ngay 15% chỉ còn $42.46 – mức giá khá mềm, không giới hạn site sử dụng.

Đặc biệt, khi gia hạn bạn sẽ nhận ngay mức giảm giá 40% tự động.

Mình không rõ đợt giảm giá này kéo dài đến bao giờ, bạn nên tranh thủ đăng ký sớm.

Lời kết

Hy vọng là bài chia sẻ trên đây giúp bạn biết thêm về 1 theme WordPress rất chất lượng, hiểu rõ tính năng cũng như cách sử dụng GeneratePress + GP Premium.

Đánh giá chung thì theme GeneratePress khá đơn giản, nhẹ, load nhanh và tùy biến đa dạng, rất hợp khi bạn làm các Niche Site hoặc Authority Site kiếm tiền online.

Ngoài ra, nếu bạn đang theo hướng xây dựng thương hiệu blogger uy tín thì nên tham khảo GP.

Chúc bạn thành công!