Giao diện mới cho blog: Twenty Twenty + Twentig

Xuyên suốt thời gian sử dụng WordPress từ 2014 đến nay, việc đầu tiên mình làm sau thiết lập một website WordPress mới là thay đổi theme mặc định. Hồi xưa là theme Twenty Fourteen, rồi Twenty Fifteen và hiện tại là Twenty Twenty One.

Tại sao chê theme mặc định?

Ấn tượng đầu tiên của mình khi đến với WordPress hồi năm 2014 là theme Twenty Fourteen với tông đen chủ đạo. Mình không thích layout của theme này, nên đã xoá và đổi theme mới ngay.

Kể từ đó mình luôn có ác cảm rằng theme mặc định của WordPress không đẹp, ít tính năng, khó tuỳ biến. Các theme mặc định ra đời sau như Twenty Sixteen, Twenty Seventeen,… đều bị thay thế ngay lập tức bằng các theme cao cấp trả phí.

Theme yêu thích của mình

Mình luôn tin dùng sử dụng Genesis Framework hoặc Astra Theme cho tất cả website đã phát triển từ trước đến nay

Genesis Framework

Genesis trong những WordPress theme framework phổ biến nhất trong cộng đồng WP Development. Ưu điểm của Genesis là khả năng tuỳ biến và mở rộng linh hoạt nhờ vào cấu trúc filter / action hook mạnh mẽ.

Trước đây Genesis do StudioPress phát triển được bán với giá $59. Từ năm 2018, Genesis đã về tay WP Engine sau khi công ty này mua lại StudioPress Genesis đã được chuyển thành miễn phí, có thể tải trực tiếp ở đây.

Các website mình xây dựng bằng Genesis Framework

• Yêu Chạy Bộ: https://yeuchaybo.com
• Purna: https://purna.vn
• Ba Lô & Dép Lào: https://balodeplao.com
• Một: https://motdoigiay.vn
• Toàn Phú Furniture: https://toanphu.vn
• SuperSilk: https://supersilk.vn

Astra Theme

Từ 2018, mình bắt đầu sử dụng Astra – Theme được tải nhiều nhất trên WordPress.org/themes, chỉ đứng sau hai theme mặc định Twenty Twenty One và Twenty Twenty. Ưu điểm của Astra là hệ thống template có sẵn giúp việc xây dựng website trở nên dễ dàng và nhanh chóng hơn hẳn so với dùng Genesis Framework.

Astra có thể được tải miễn phí từ WordPress.org. Nếu cần thêm các tính năng cao cấp, bạn có thể mua bản Astra Pro giá $59/năm. Mình đang sử dụng Astra Pro và cảm thấy cực kỳ hài lòng với những tính năng mà nó mang lại.

Các website mình xây dựng bằng Astra Theme:

• YCB: https://ycb.vn
• Lành Kitchen: https://lanhkitchen.com
• Keeb VN: https://keeb.vn

Xin chào Twenty Twenty + Twentig

Blog Thuận Bùi này trước đây là nơi để mình thử nghiệm các giao diện mới của Genesis Framework: Breakthrough Pro, Digital Pro, Authority Pro,… Lâu lâu blog lại được thay áo mới, trong khi nội dung mới chẳng thấy đâu.

Đến gần đây khi blog được đầu tư bài viết liên tục hơn, mình muốn ổn định với một theme cố định, không thay đổi lung tung nữa. Mình đã cân nhắc giữa việc tiếp tục sử dụng Genesis hoặc chuyển qua Astra.

Trong khi nghiên cứu, mình vô tình tìm ra Twentig – công cụ miễn phí giúp tuỳ biến 2 theme mặc định của WordPress: Twenty Twenty và Twenty Twenty One.

Wow! Không ngờ theme mặc định có thể tuỳ biến ra được những layout ấn tượng như thế. Mình ngay lập tức bị thu hút!

Mình đang cần 1 giao diện đơn giản, dễ sử dụng, load nhanh cho blog. Combo Twenty Twenty + plugin Twentig là sự lựa chọn hoàn hảo, đạp ứng mọi yêu cầu của mình.

Dễ sử dụng

So với Genesis Framework và Astra, việc tuỳ biến theme mặc định + Twentig nhanh gọn hơn rất nhiều. Không cần phải tuỳ chỉnh thêm dòng code nào trong file functions.php như khi dùng Genesis. Không phài mò mẫm giữa rừng thông số Customizer như khi dùng Astra.

Có thể tuỳ biến giao diện theme Twenty Twenty bằng Customizer, đơn giản và trực quan. Nếu cài thêm Twentig, bạn sẽ có thêm vài tuỳ chọn trong Customize để tuỳ biến sâu hơn.

Twentig còn có các giao diện thiết kế sẵn để thiết lập cho website chỉ bằng 1 cái click chuột, tương tự như cách hoạt động của Astra Starter Template. Bạn có thể tham khảo demo ở đây.

Tương thích hoàn hảo với Gutenberg

Theme mặc định của WordPress dĩ nhiên sẽ hỗ trợ hoàn hảo Gutenberg – trình soạn thảo mặc định từ WP 5.0. Mọi tính năng mới của Gutenberg đều sẽ được cập nhật đầy đủ trong các bản cập nhật theme mặc định.

Mình đã có thể từ bỏ Elementor để chuyển qua dùng Gutenberg để xây dựng các layout phức tạp.

Tốc độ ấn tượng

Theme Twenty Twenty đã được tối ưu sẵn khi ra lò, tốc độ tải trang cực nhanh. mình không cần phải nghiên cứu cài đặt thêm 1 đống plugin để tăng tốc như trước đây.

Plugin cache duy nhất mình đang sử dụng cho blog này là WP Cloudflare Super Page Cache (miễn phí). Plugin này giúp cache toàn bộ nội dung web lên hệ thống máy chủ của Cloudflare. Nhờ đó giúp tốc độ tải trang cực kỳ ổn định, dù truy cập ở bất cứ nơi nào trên địa cầu.

Cập nhật 2024: mình đã chuyển qua dùng plugin Cache Enabler, sau khi chuyển blog chạy trên nền Caddy Server.

Lời kết

Tóm lại là mình đang rất hài lòng với quyết đinh chuyển qua sử dụng theme Twenty Twenty kết hợp cùng plugin Twentig cho blog. Trong tương lai nhiều khả năng mình sẽ còn sử dụng combo này nhiều hơn khi thiết lập các website mới.

Tổng kết lại thông tin để mọi người dễ tham khảo:

• Theme Twenty Twenty: Website, WordPress.org
• Plugin Twentig: Website, WordPress.org
• Plugin WP Cloudflare Super Page Cache: WordPress.org
• Plugin Cache Enabler: https://wordpress.org/plugins/cache-enabler/