Trang web POPUP CARD

popup-card-website

Đặc điểm nổi bật

1. Giao diện có thiên hướng nghệ thuật

  • Màu sắc đi theo tông hồng nhạt chủ đạo
  • Khung và viền được trau chuốt tạo cảm giác mềm mại và có hơi hướng nghệ thuật

2. Được dựng từ Gutenberg block siêu nhanh

Đẹp thì thường cồng kềnh, tải chậm.

Nhưng mình vừa yêu cái đẹp, mà lại cuồng tốc độ.

Nên mình đã quyết tâm xây dựng bố cục trang chủ bằng các khối Gutenberg trên nền theme gốc GeneratePress siêu nhẹ.

Block Gutenberg “sạch sẽ” hơn rất nhiều so với các Page Builder Elementor, WPBackery, Divi Builder…

Tuy nhiên ở thời điểm 2021, Gutenberg vẫn chưa dựng được Header và Footer nên mình phải tạm dùng Elementor Pro.

Xem các bài test hiệu suất

Check từ gtmetrix location HongKong
Pagespeed insight của Google, giao diện mobile
Pagespeed insight giao diện desktop

3. Loại bỏ nút Hamburger 3 gạch

Mình đã học hỏi rất nhiều từ anh Johnny Nguyen, bên dưới là bài viết đã thay đổi cách thiết kế Header menu của mình.

Avoid Dropdown/Hamburger Menus (Bad Web Design UI)

wpjohnny.com

Viết một bình luận