Hướng dẫn thiết kế website bán Xe tải

Cập nhật: 20/08/2019

Mình sẽ hướng dẫn thiết kế website bán xe tải mà không cần bất kỳ kĩ năng lập trình nào, chỉ cần bạn làm đúng theo các bước bên dưới thôi.

Đây là mẫu website bán xe tải, chúng ta có thể làm được sau khi kết thúc bài viết này. Bấm vào ảnh để mở ra trang web chi tiết bạn nhé!

screenshot-web-xe-tai-min

Chúng ta bắt đầu nhé!

Hãy tham gia nhóm WordPress cho Newbie để được trợ giúp khi có vấn đề!

Phần 1. Chuẩn bị công cụ

Bạn cần chuẩn bị những công cụ sau

1. Tên miền

Tên miền là địa chỉ của một website trên Internet. Đây là bắt buộc để website hoạt động.

Để biết thêm chi tiết, hãy đọc bài Tên miền là gì?

Và bạn có thể mua tên miền tại Namesilo, đây là nhà cung cấp tên miền mình sử dụng cho blog themevi.com (trước đây) và gần 20 tên miền (hiện tại).

2. Hosting

Hosting để lưu trữ dữ liệu của website. Và nó cũng là bắt buộc.

Bạn có thể mua Hosting tại Azdigi Thạch Phạm, vì giá khá rẻ, cấu hình ổn cho một website bán hàng nhỏ và hỗ trợ khá linh hoạt. Xem hướng dẫn mua Hosting Azdigi

3. Bộ cài đặt website

Nói chính xác là website đã được mình thiết kế sẵn (giống y hệt website mình nói ở đầu bài). Bạn chỉ cần cài đặt rồi chỉnh sửa lại màu sắc, thông tin phù hợp với bạn nữa thôi.

Bộ cài đặt bao gồm

  • WordPress 5.2.1
  • GeneratePress Theme & Child Theme
  • Plugin Beaver Builder, Advanced Custom Fields, All in One WP Migration, Classic Editor, Duplicate Page, ManageWP Worker và WordPress Importer

Bộ cài đặt được cập nhật vào ngày 02/06/2019.

Link tải bộ cài đặt: Google Drive

Phần 2. Cài đặt

Bước 1. Cài đặt WordPress

Đầu tiên bạn cần cài đặt WordPress theo hướng dẫn này, nếu bạn đã mua hosting từ HostingViet.

Bước 2. Import bộ cài đặt

Tiếp theo bạn cần cài đặt plugin All in One WP Migration và Import bộ cài đặt website (Bước 3. Phần 1), theo hướng dẫn này.

Với HostingViet thì bạn sẽ thấy All in One WP Migration giới hạn tệp Import là 128 MB, nên bạn sẽ không cần cài thêm plugin bổ sung nào nữa nhé!

Phần 3. Chỉnh sửa thông tin

Vậy là bạn đã có một website với y hệt giao diện như đầu bài rồi. Tiếp theo chúng ta cùng tìm hiểu cách chỉnh sửa thông tin trên web theo thông tin doanh nghiệp bạn nhé!

1. Sửa Menu

Menu gồm Logo, Menu (Giới thiệu, Bảng giá, Khuyến mãi, Liên hệ), Điện thoại

Bạn cần đăng nhập vào WordPress, và bấm tiếp vào Beaver Builder > Bấm vào Thông tin liên hệ > Bạn sẽ thấy mục LogoĐiện thoại. Sửa ở đó là được.

thiet-ke-web-xe-tai1-min

Nếu bạn muốn đổi màu nút và số điện thoại, hãy bấm vào Màu sắc > Và đổi ở 3 mục màu sắc bên dưới.

thiet-ke-web-xe-tai2-min

Sau khi đổi xong thì bấm vào Update để lưu lại thay đổi nhé.

Với mục Menu, bạn vào Giao diện > Menu. Mục này mình sẽ không hướng dẫn thêm, bạn có thể đăng vào nhóm (đầu bài), nếu cần chỉnh sửa gì ở đó nhé!

2. Sửa giới thiệu

Giới thiệu bao gồm các phần như hình dưới.

thiet-ke-web-xe-tai3-min

Để sửa giới thiệu, hãy bấm vào Beaver Builder > Giới thiệu > Bạn sẽ thấy 4 vị trí và Ảnh giới thiệu, sửa ở đó.

thiet-ke-web-xe-tai4-min

Vị trí tính từ trên xuống dưới nhé. Bạn cứ đối chiếu bên trong và bên ngoài website để điền!

Lưu ý không được sửa dòng được đánh dấu trong hình.

thiet-ke-web-xe-tai5-min

 

3. Sửa khuyến mãi

Khuyến mãi bao gồm 3 ảnh.

thiet-ke-web-xe-tai6-min

Bạn thay ở Beaver Builder > Khuyến mãi. Thay xong nhớ bấm Update để lưu lại.

thiet-ke-web-xe-tai7-min

4. Sửa thông tin liên hệ

Thông tin liên hệ chính là phần ở dưới chân web, như trong hình.

thiet-ke-web-xe-tai8-min

Sửa ở Beaver Builder > Thông tin liên hệ

thiet-ke-web-xe-tai9-min

5. Sửa Facebook/Zalo

Để sửa phần Facebook và Zalo ở bên tay phải website

thiet-ke-web-xe-tai10-min

Truy cập vào Giao diện > Sửa giao diện > Bấm vào Footer.php

Và sửa liên kết và chữ được đánh dấu bằng 3 mũi tên trong hình dưới.

  • Đổi đường dẫn Facebook
  • Đổi dòng chữ “Bạn có câu hỏi”
  • Đổi số đằng sau đường dẫn zalo.me

thiet-ke-web-xe-tai11-min

6. Sửa Slide & Ảnh dưới khuyến mãi

Bạn bấm vào Beaver Builder > Sửa thôi.

thiet-ke-web-xe-tai12-min

7. Chỉnh sửa khác

Truy cập vào Cài đặt > Tổng quan > Đổi thông tin website > Bấm Lưu thay đổi

  • Đổi Tên website, Khẩu hiệu, Địa chỉ Email
  • KHÔNG ĐỔI Địa chỉ WordPress & Địa chỉ trang web: Hai địa chỉ này sẽ tự động cập nhật đúng theo tên miền của bạn, khi bạn làm xong Bước 2. Phần 2.

thiet-ke-web-xe-tai13-min

Phần 4. Hướng dẫn sử dụng

Để đăng sản phẩm lên website, bạn bấm vào Bài viết > Viết bài mới

thiet-ke-web-xe-tai-dang-bai1-min

Nhìn qua bên phải, đánh dấu vào Xe tải > Sẽ xuất hiện phần Thông số kĩ thuật

thiet-ke-web-xe-tai-dang-bai2-min

điền thông tin cho từng xe tải thôi

thiet-ke-web-xe-tai-dang-bai3-min

Nhớ điền mô tả nhanh cho xe tải

Ảnh đại diện (sẽ hiển thị bên ngoài trang chủ)

thiet-ke-web-xe-tai-dang-bai5-min

Cuối cùng bấm Đăng

thiet-ke-web-xe-tai-dang-bai6-min

Phần 5. Lưu ý

1. Tài khoản quản trị là

Username: themevi.com

Mật khẩu: [email protected]

2. Xóa tài khoản tuanphan sau khi cài đặt website

3. Bỏ chặn Google Bot ở Cài đặt > Đọc

Nguồn

mới nhất cũ nhất được thích nhiều
Thông báo về
Phú Hà
Bạn đọc

Hay quá, cảm ơn Ad nhiều ạ 🙂