Hướng dẫn cài đặt giao diện website làm bởi Daivietweb.com

I. Import giao diện website

Tất cả website của mình đều dùng plugin All in one wp migration để xuất ra file với phần đuôi là wpress ví dụ: daivietweb.com-20200508-144110-xf7yes.wpress

Bạn chỉ cần cài plugin trên và import file trên vào là đã có một website với đầy đủ giao diện, database như web mẫu

Xem hướng dẫn sử dụng plugin này thị bạn xem bài viết này: https://huongdan.azdigi.com/knowledge-base/huong-dan-chuyen-website-bang-plugin-all-in-one-migration/

II. Chỉnh sửa và sử dụng webite

1. Sửa phần đầu website (header)

Có thể sửa:

  • Tên công ty hoặc slogan
  • Thay số điện thoại
  • Sửa link trang khuyến mãi

Sửa phần đầu trang flatsome

Cách làm:

Chọn Flatsome > Theme Options > Header > Header Main

sua header flatsome 2

Giao diện chỉnh sửa header: các bạn cứ chọn các thành phần tương ứng HTML 1, HTML 2, HTML 3 ở phần Header Builder (phần màu đen bên phải ở dưới ấy) và sửa trong các Box text tương ứng ở cột bên trái. Nhớ thay link gọi điện cú pháp: href=”tel:0986777345″ (không nên dùng dấu cách hay dấu chấm trong số), còn cú phá

p link khuyến mãi sẽ dạng như: href=”https://daivietweb.com/khuyen-mai-soc-thang-5/”

sua header flatsome 3

2. Sửa phần cuối trang web (footer)

Trong giao diện quản trị website

  • (1), (2), (3), (4) tương tứng với Menu Footer Widget 1, Menu Footer Widget 2, Footer Widget 3, Footer Widget 4 sửa trong Quản trị website > Giao diện > Menu.
  • (5), (6) sửa trong Quản trị website > UX Blocks > Footer block
  • (7) sửa trong Flatsome > Advanced > Global Settings > FOOTER SCRIPTS

sua footer flatsome

3. Sửa trang chủ

Vào trang chủ website trên thanh menu Quản trị > Sửa trang > Edit with UX Builder

sua trang chu flatsome

Hình dưới là giao diện chỉnh sửa trang chủ, bố cục từng phần trên trang tương ứng với các Section bên trái, bạn click đúp vào thành phần bên phải để mở ra trình chỉnh sửa bên trái tương ứng. Ví dụ tôi đang thay banner đầu tiên của trang chủ.

sua trang chu flatsome 2

 

4. Sửa trang liên hệ

Cách sửa trang liên hệ cũng giống sửa trang chủ, để thay đổi map Google theo địa chỉ của bạn. Bạn hãy thay tọa độ LatitudeLongitude

Các bạn hãy vào trang https://levantoan.com/auto-get-latitude-longitude/ và đánh vào địa chỉ của bạn để lấy Latitude và Longitude tương ứng nhé

Sửa trang liên hệ flatsome

5. Thêm một sản phẩm hay thêm một danh mục sản phẩm

Thêm sản phẩm: trang Quản trị website > Sản phẩm > Thêm mới. Các bạn lưu ý hầu hết website bán hàng mình làm Sản phẩm đều có biến thể, các thuộc tính để tạo bộ lọc trong danh mục sản phẩm, vì vậy khi thêm sản phẩm bạn sẽ cần thêm các biến thể khác như đối với tủ đông có thuộc tính: Chế độ làm đông, Giá tiền, Loại tủ, Số ngăn…

Ngoài ra, trên sản phẩm có một số thuộc tính thêm vào như: Thương hiệu, Xuất xứ, Bảo hành…bạn hoàn toàn có thể thêm các thuộc tính khác với Advanced Custom Fields

Thêm sản phẩm woocommerce

Thêm danh mục sản phẩm: trang Quản trị website > Danh mục

6. Thêm bài viết và danh mục bài viết

Thêm bài viết (post): trang Quản trị website > Bài viết > Viết bài mới

Thêm danh mục bài viết (category): trang Quản trị website > Chuyên mục

7. Cài đặt nhận email từ các form trên website

Form mình sử dụng Contact Form by WPForms kết hợp WP Mail SMTP by WPForms thay vì Contact form 7 vì WPForms rất nhanh và ổn định cũng như hỗ trợ đầy đủ mọi thứ mình cần ngay trên bản free, ^^ rất tiếc là mình chưa có bài viết nào hướng dẫn cài đặt và sử dụng plugin form này, nếu bạn nào vướng mắc cách sử dụng cũng như cài đặt WP Mail SMTP thì cứ liên hệ với mình hoặc inbox mình sẽ teamview hướng dẫn.

Ok, vậy là mình đã hướng dẫn sương sương cách sử dụng một website sử dụng website flatsome website mình làm, nếu bạn còn gì chưa hiểu có thể comment bên dưới mình sẽ cố gắng giải đáp theo hiểu biết của mình.