3/1/2022 VPS, Hosting tốt nhất Việt Nam
Dịch vụ Hosting, VPS giá rẻ, chất lượng nhất tại Việt Nam, nhập mã giảm giá BHD10 để được giảm thêm 10%: Tại đây
3/1/2022 VPS nước ngoài tốt nhất
Đăng kí VPS giá rẻ tốt nhất nước ngoài và nhận ngay 100$ miễn phí: Tại đây

Tết Nguyên Đán 2022

00
Ngày
00
Giờ
00
Phút
00
Giây

Hướng dẫn Cài Đặt Theme Flatsome Chi Tiết Từng Bước

Flatsome là một trong những Theme bán hàng được sử dụng nhiều nhất ở Việt Nam, nên hôm nay mình sẽ Hướng dẫn Cài Đặt Theme Flatsome trên Localhost XAMPP nhé.

Hướng dẫn Cài Đặt Theme Flatsome 1971

Tại sao Theme Flatsome được sử dụng nhiều?

Không phải ngẫu nhiên mà Theme Flatsome được sử dụng nhiều như ngày nay, tất cả đều có lí do của nó, hãy cùng Blog Hướng Dẫn nhìn vào những con số mà Flatsome đã đạt được nhé:

Tên đầy đủFlatsome | Multi-Purpose Responsive WooCommerce Theme
Nhà sản xuấtUX-themes
Số lượng Theme đã bán176,152 
Lượt đánh giá trung bình4.81/5.0 (của 6667 đánh giá)
Lượt comment25333
Cập nhật ngày 12 tháng 11 năm 2021

Để có được thành công như ngày nay, thì trong Flatsome phải có điểm nổi trội hơn các đối thủ rất nhiều, bởi sự tiện lợi, sử dụng dễ dàng, nhiều tùy biến và khá nhẹ nữa.

Hướng dẫn Cài Đặt Theme Flatsome 1945

Nói một chút về ưu và nhược điểm của Flatsome nhé:

Ưu điểm
  • Trình chỉnh sửa trang UX builder tiện dụng, hỗ trợ tốt cho người mới sử dụng các row, column, box, image, slider, gallery, social, maps. pages, product, post….
  • Hệ thống Block vô cùng tiện lợi, tùy biến được mọi nơi luôn
  • Tốc độ load khá là nhanh
  • Tối ưu SEO tốt
  • Hỗ trợ nhiều trình duyệt
  • Thích hợp với site nhỏ, tầm 200 sản phẩm đổ về
  • Có thể tạo landing page nhờ UX Builder
  • Cộng đồng hỗ trợ lớn tại Việt Nam
  • Tài liệu và video hướng dẫn rất nhiều
Nhược điểm
  • Phần tùy biến Header mình thấy chưa được manh
  • Layout demo khá ít, muốn đẹp phải tùy biến nhiều hơn
  • Không thích hợp với site lớn trên 200 sản phẩm bởi trình UX builder sẽ kéo tốc độ web xuống

Nói tóm lại, Flatsome là theme rất tốt cho những bạn mới bắt đầu sử dụng WordPress, cũng như những công ty nhỏ, số lượng sản phẩm không nhiều. Bạn hoàn toàn có thể tạo được 1 website bán hàng mà không cần biết lập trình nhờ vào theme Flatsome này.

Chuẩn bị gì để cài đặt Theme Flatsome?

Các bạn chuẩn bị cho mình 2 thứ:

  • File cài đặt Flatsome ( Các bạn có thể bình luận ở dưới, nhớ là ghi đúng địa chỉ mail mình sẽ gửi file cài vào mail cho các bạn )
  • Phần mềm Localhost, nếu chưa có các bạn có thể xem bài viết: Cài đặt WordPress trên Localhost XAMPP chi tiết từng bước để biết cách cài đặt localhost xampp nhé ( Nếu các bạn cài trên hosting thì không cần chuẩn bị localhost làm gì).
File cài đặt của Theme Flatsome sẽ bao gồm 3 File: 1 File cài đặt theme chính, 1 file cài đặt theme con và file Key để kích hoạt Flatsome.
Hướng dẫn Cài Đặt Theme Flatsome 1946

Chuẩn bị xong rồi, bắt đầu quá trình cài đặt theme Flatsome thôi:

Cài Đặt Theme Flatsome trên WordPress

Cài Flatsome theme
Hướng dẫn cài Flatsome Theme Localhost WordPress
Add New Theme
Tại giao diện Admin WordPress các bạn chọn mục Giao diện
Hướng dẫn Cài Đặt Theme Flatsome 1948
Chọn thêm mới
Hướng dẫn Cài Đặt Theme Flatsome 1949
Tải giao diện chính lên và cài đặt
Chọn tải giao diện lênHướng dẫn Cài Đặt Theme Flatsome 1950
Chọn File cài đặt giao diện chính và chọn tiếp Cài đặt
Hướng dẫn Cài Đặt Theme Flatsome 1951
Đừng vội nhấn kích hoạt nhé, làm thêm bước nữa đi.
Cài đặt giao diện Flatsome-child
Nhấn vào giao diện lần nữa để cài đặt giao diện con.
Hướng dẫn Cài Đặt Theme Flatsome 1952
Chọn Thêm mới
Hướng dẫn Cài Đặt Theme Flatsome 1953
Chọn tải giao diện lên
Hướng dẫn Cài Đặt Theme Flatsome 1954
Chọn File Flatsome Child và bấm cài đặt
Hướng dẫn Cài Đặt Theme Flatsome 1955
Kích hoạt theme Flatsome-child lên
Các bạn chọn tới Kích hoạt
Hướng dẫn Cài Đặt Theme Flatsome 1956
Cấu hình Flatsome
Tại giao diện rê chuột trái vào Flatsome như hình và chọn Setup Wizard
Hướng dẫn Cài Đặt Theme Flatsome 1957
Chọn tiếp Let’s Go!
Hướng dẫn Cài Đặt Theme Flatsome 1958
Kích hoạt key Flatsome
Đây chính là bước quan trọng, giúp bạn có thể Update lên bản mới nhất của giao diện Flatsome. Các bạn nhập Key Flatsome vào, Click vào tick như hình xong chọn ActivateHướng dẫn Cài Đặt Theme Flatsome 1959
Màn hình sẽ thông báo thành công Your purchase code is valid. Thank you! Enjoy Flatsome Theme and automatic updates, các bạn chọn tiếp Continue.
Hướng dẫn Cài Đặt Theme Flatsome 1960
Tại đây mình nhập tên Child Theme nha các bạn, thích nhập gì các bạn nhập đó, nhấn Create and Use Child Theme để tiếp tục.
Hướng dẫn Cài Đặt Theme Flatsome 1961
Chọn tiếp Continue.
Hướng dẫn Cài Đặt Theme Flatsome 1962
Chọn tiếp Continue, đợi một lúc cho Flatsome cài đầy đủ Plugin
Hướng dẫn Cài Đặt Theme Flatsome 1963
Chọn tiếp Continue, đợi một lúc cho Flatsome Import file Demo, tầm 2-5 phút tùy vào cấu hình máy nha các bạn.
Hướng dẫn Cài Đặt Theme Flatsome 1964
Tải logo lên và chọn Continue
Hướng dẫn Cài Đặt Theme Flatsome 1965
Chọn tiếp Agree and Continue
Hướng dẫn Cài Đặt Theme Flatsome 1966
Hoàn thành quá trình cài đặt Flatsome
Chọn View your new website! để xem thành quả
Hướng dẫn Cài Đặt Theme Flatsome 1967
Và đây là thành quả, của quá trình cài đặt theme flatsome:
Hướng dẫn Cài Đặt Theme Flatsome 1968
Như vậy là đã xong quá trình cài đặt theme Flatsome rồi đó các bạn. Chúc tất cả các bạn thành công.
Ghi chú: Mình hướng dẫn dư cho các bạn bước cài đặt child theme, tuy nhiên đối với Flatsome không cài đặt child theme vì đã có trình tự động tạo, nhưng đối với phần lớn các theme khác các bạn cần cài đặt Child theme để có thể lưu lại tùy chỉnh giao diện mà không sợ Update làm mất nhé.

Câu hỏi về Flatsome

Flatsome map not working?

Vì một số lí do mà Flatsome map không hoạt động nhưng đừng lo. Bạn có thể theme Map trên Flatsome bằng mã nhúng <iframe> nhé.!

Wp rocket sử dụng với flatsome được không?

Được nhé, nếu bạn sử dụng Nginx thì WP rocket là rất tốt, còn nếu sử dụng openlitespeed thì bạn nên sử dụng plugin LiteSpeed Cache để được tối ưu hơn nhé.

Kết luận

Như vậy là Blog Hướng Dẫn đã làm xong bài viết, hướng dẫn cài Flatsome trên Localhost WordPress, chi tiết từng bước, các bạn có thể xem và làm theo nhé, thành công 100% luôn.

Chúc tất cả các bạn thành công, đừng quên chia sẻ nếu bài viết hay và hữu ích, để lại bình luận nếu bạn muốn nhận Theme Flatsome Full Key bản quyền.

Tác giả: Blog Hướng Dẫn

Chia sẻ:

Bài viết này hữu ích?

Click để đánh giá!

Đánh giá / 5. Số lượt đánh giá:

No votes so far! Be the first to rate this post.

We will be happy to hear your thoughts

      Leave a reply

      Blog Hướng Dẫn
      Logo