Hướng dẫn sử dụng Sitejet Builder trên cPanel

Hướng dẫn chi tiết các sử dụng Sitejet Builder trên cPanel

Bài viết này sẽ giới thiệu về Hướng dẫn sử dụng Website Builder (SitePro Builder) trên cPanel và lợi ích của nó. Nếu bạn cần hỗ trợ, xin vui lòng liên hệ VinaHost qua Hotline 1900 6046 ext. 3, email về support@vinahost.vn hoặc chat với VinaHost qua livechat https://livechat.vinahost.vn/chat.php

Click Sitejet Builder để tiến hành tạo website

image1

Click Edit Site

image2

Click biểu tượng

image4

Click Change Template

image5

Click Confirm

image6

Có thể chọn bất cứ template có sẵn nào ở đây cho website theo nhu cầu cá nhân

image7

Sau khi chọn đúng template theo nhu cầu thì sẽ hiện ra trang như hình, cho phép thiết kế chỉnh sửa lại

image8

Có thể chỉnh sửa các văn bản, hình ảnh, menu.

Về văn bản, để sửa văn bản có sẵn thì double-click vào đoạn văn bản cần sửa.

image9

Sau khi sửa xong thì bấm nút để lưu lại

image11

image12

Tương tự với việc chỉnh sửa ảnh

Double click vào ảnh cần sửa

image13

Click Background

image14

Click Image và click vào ảnh cần sửa

image15

Hiện hộp thoại để chọn ảnh từ việc UPLOAD

image16

Sau khi ảnh đã upload xong thì bấm biểu tượng để lưu lại

image17

Tiếp theo là ví dụ về việc chỉnh sửa menu: Double click vào menu cần sửa (hoặc right click và bấm Edit)

image18

Ở phần này, chúng ta có thể thay đổi thứ tự các chỉ mục trong menu, hoặc thay đổi tên chỉ mục của menu

image19

Tiếp theo, là hướng dẫn thêm chỉ mục trong menu và link với trang con

Double click vào menu để hiện giao diện thêm chỉ mục vào menu và bấm biểu tượng để thêm chỉ mục menu mới

image21

image22

Tiếp theo, click vào biểu tượng và click New page để thêm trang mới

image24

Điền các thông tin tương ứng cho trang con

image25

Sau đó bấm nút để điều hướng đến trang chỉnh sửa giao diện Trang con

image27

image28

Ở trang này, ta có thể thêm section kèm với phần tử tùy theo ý muốn cá nhân

image29

Để thay đổi màu chữ của section chứa phần tử đó thì chỉ cần double click vào chỗ cần sửa, click biểu tượng để thay đổi màu chữ.

image31

Để thay đổi màu nền của section chứa phần tử đó, ta click vào biểu tượng như trong hình

image33

Click Background 🡪 Click Color

image34

Chọn màu nền và click Apply

image35

Tương tự cho việc thay đổi phông chữ, bôi đen chọn đoạn văn bản cần thay đổi phông chữ, và thực hiện theo các bước như hình để đổi phông chữ

image36

Sau khi thao tác xong thì bật phần chỉnh sửa menu (double click vào menu) và sửa lại chỉ mục “Trang con” liên kết với page “Trang con

image37

Sau khi tùy chỉnh xong thì bấm nút để lưu và di chuột vào biểu tượng bấm “Open preview website” để kiểm tra lại

image40

image41

Để sửa thêm logo và favicon, cần thực hiện theo các thao tác sau: click More 🡪 Website Settings

image42

Click biểu tượng upload để thêm ảnh tương ứng

image44

image45

Sau khi thêm xong thì lưu lại và mở trang preview trong tab ẩn danh để kiểm tra lại.

image46

Để thêm footer gồm các thông tin liên hệ cũng như biểu mẫu, có thể thực hiện thêm footer theo các bước sau đây:

Click Add section (+)

image47

Chọn mẫu footer tương ứng

image48

Ở đây, có thể chỉnh sửa lại các thông tin liên hệ

image49

Để sửa các thông tin liên hệ ở footer cần thao tác như sau: Click More 🡪 Website Settings 🡪 Data

image50

Sau khi sửa xong thì dùng tổ hợp phím Ctrl + S để lưu lại

image51

image52

Ngoài ra, còn có các tùy chọn để tối ưu SEO ở phần SEO SettingsSEO Analysis

image53

Để xuất bản trang web, bấm nút Publish (biểu tượng )

image55

image56

image57

Website đã được public thành công

image58

Lưu ý: Tên miền phải trỏ DNS bản ghi A đến IP của hosting.

Chúc bạn thực hiện thành công!

THAM KHẢO CÁC DỊCH VỤ TẠI VINAHOST

>> SERVER COLOCATIONCDN

>> CLOUDVPS

>> HOSTING

>> EMAIL

>> WEBSITE

>> TÊN MIỀN