Giới thiệu – Khóa học Thiết kế Blog WordPress 100 điểm tốc độ

Trong Case Study này - ta sẽ thiết kế blog WordPress siêu tốc độ, 100 điểm Google PageSpeed Insights (PSI) trên cả Desktop lẫn Mobile, từ A-Z chỉ 1 giờ.

Thiết kế Blog 100 điểm tốc độ Google PageSpeed Insights

Tạo blog WordPress là dự án mở đầu của hầu hết chúng ta khi mới bắt đầu làm quen với WordPress.

Tuy nhiên, người dùng thường chỉ tạo được các blog rất đơn giản, chủ yếu để đăng bài viết, còn khâu thiết kế và tối ưu tốc độ thì chỉ đạt ở mức rất cơ bản.

Thậm chí khá nhiều website của doanh nghiệp, doanh nhân, cũng không đầu tư cho thiết kế của trang blog, nơi mà người dùng viếng thăm nhiều nhất trên website.

Trong quá trình cung cấp dịch vụ WP License, WPVUI gặp rất nhiều blog của khách hàng có thiết kế sơ sài và không được tối ưu tốc độ tốt.

Case Study này – đăng miễn phí, để hướng dẫn thêm cho bạn đọc của WPVUI, cũng như khách hàng của Dịch vụ WP Bản quyền và WPVUI Premium Members, có thể thiết kế blog WordPress A-Z chỉ trong 1 giờ, vừa đảm bảo thiết kế chất lượng, vừa load siêu nhanh.

Giới thiệu Case Study – Standout Blog

Case Study này chúng ta sẽ dùng theme GeneratePress, một trong những theme nhẹ và load nhanh nhất hiện nay.

Theme GeneratePress

GeneratePress hỗ trợ design với GenerateBlocks (cùng nhà phát triển) – cho phép thiết kế trên Gutenberg Block Editor một cách nhanh chóng và hiệu quả.

GenerateBlocks

Đặc biệt, GeneratePress và GenerateBlock hỗ trợ CSS Flexbox Container, nên code cực nhẹ.

Dự án hoàn thiện của chúng ta sẽ có thiết kế chung ban đầu như thế này và WPVUI sẽ gợi ý bạn tự mở rộng thiết kế – tính năng cho nó một cách rất dễ dàng với sự trợ giúp của GP Premium và GenerateBlocks:

Tạo Blog WordPress 100 điểm Google PageSpeed Insights

Điểm tốc độ Google PageSpeed Insights trên Desktop:

Tạo Blog WordPress 100 điểm Google PageSpeed Insights

Điểm Google PSI trên Mobile, cực khó đạt được 100 điểm mobile nếu không dùng bộ độ GeneratePress và GenerateBlocks:

Tạo Blog WordPress 100 điểm Google PageSpeed Insights

Bắt đầu thôi!

Các bước từ A-Z để hoàn thiện Case Study này (đặt tên là Standout Blog) là:

1.

 

  1. Chuẩn bị & Tạo Starter Site cho dự án WordPress chuyên nghiệp
  2. Cài GeneratePress, GP Premium, Web mẫu cho dự án Blog
  3. Cấu hình Blog Layout trên Customize với Template mặc định của GP
  4. Mở rộng thiết kế Standout Bog với GP Elements và GenerateBlocks.
  5. Cấu hình tăng tốc để đạt 100% điểm Google PageSpeed Insight trên cả Desktop và Mobile.
  6. Bonus : Bản gốc GP Premium cho bạn thực hành.

Xem phần tiếp theo:

Bài 1:

Tạo Starter Website cho dự án WordPress chuyên nghiệp

Bài 2:

Cài GeneratePress, GP Premium & Web mẫu cho Standout Blog

Bài 3:

Thiết kế Blog Layout với GP Template

Bài 4:

Thiết kế Blog Layout trên GP Elements

Các phần kế tiếp sẽ được đăng toàn bộ ngay trong tuần này, bạn hãy quay lại để theo dõi tiếp nhé!

Và đừng quên Tham khảo Chương trình KM lớn của WPVUI Premium trong tuần!

5 5 votes
Đánh giá bài viết
Subscribe
Notify of
guest

3 Comments
Newest
Oldest
Inline Feedbacks
Xem tất cả
Dung
Guest
Dung
1 year ago

Sắp đăng chưa ad ơi

Sabo
Guest
Sabo
1 year ago

Hóng 

3
0
Thảo luậnx
Scroll to Top