Hướng dẫn thực hành tạo website trên EQS.VN
description
Transcript of Hướng dẫn thực hành tạo website trên EQS.VN
w w w . e q v n . n e t
www.eqvn.net
TẠO WEBSITE
TRÊN HỆ THỐNG EQS.VN
Hướng dẫn
Chương trình đào tạo INTERNET MARKETING
w w w . e q v n . n e t
www.eqvn.netNội dung
• Đăng ký
• Xây dựng nội dung
• Giao diện
• Cài đặt
• WooCommerce (Gian hàng online)
2
w w w . e q v n . n e t
www.eqvn.net
3
ĐĂNG KÝ
w w w . e q v n . n e t
www.eqvn.netĐăng ký
• Truy cập vào http://eqs.vn/
4
w w w . e q v n . n e t
www.eqvn.netĐăng ký
5
w w w . e q v n . n e t
www.eqvn.netĐăng ký
6
w w w . e q v n . n e t
www.eqvn.netĐăng ký
7
w w w . e q v n . n e t
www.eqvn.netĐăng ký
• Trang web trong slide hướng dẫn chọn
mẫu Blog – Tin tức
8
w w w . e q v n . n e t
www.eqvn.netĐăng ký
• Trang để quản lí website là Bảng Tin
9
w w w . e q v n . n e t
www.eqvn.net
10
XÂY DỰNG NỘI DUNG
w w w . e q v n . n e t
www.eqvn.netXây dựng nội dung
11
PHÂN BIỆT BÀI VIẾT VÀ TRANG
w w w . e q v n . n e t
www.eqvn.netXây dựng nội dung
BÀI VIẾT
Bài viết là những nội dung được cập nhật đều
đặn trên website của bạn, các bài mới sẽ ở trên
và dần dần các bài cũ hơn sẽ bị đẩy xuống
dưới. Các bài viết được phân loại cụ thể theo
từng Chuyên mục (categories) riêng và theo
Thẻ (tags).
12
w w w . e q v n . n e t
www.eqvn.netXây dựng nội dung
TRANG
Trang là các trang mang nội dung tĩnh, chúng
không được sắp xếp theo trình tự thời gian như
post và không phân theo từng chuyên mục
riêng, thường các trang sẽ được tạo với trang
mẹ và các trang con. Thông thường, pages
được dùng để tạo các trang như trang chủ,
trang giới thiệu, trang liên hệ, …
13
w w w . e q v n . n e t
www.eqvn.netXây dựng nội dung
• Trước khi xây dựng nội dung cho Website,
ta nên xây dựng trước các Chuyên mục.
• Để viết bài, phải vào trang Bảng tin để
thực hiện
14
w w w . e q v n . n e t
www.eqvn.netXây dựng nội dung
• Tạo Chuyên mục
• Bước 1:
15
w w w . e q v n . n e t
www.eqvn.netXây dựng nội dung
• Tạo Categories / Bước 2:
16
w w w . e q v n . n e t
www.eqvn.netXây dựng nội dung
• Tạo Bài viết
• Bước 1:
17
w w w . e q v n . n e t
www.eqvn.netXây dựng nội dung
• Tạo Post - Bước 2:
18
w w w . e q v n . n e t
www.eqvn.netXây dựng nội dung
• Tạo Post – Hình đại diện (Xuất hiện ở
trang chủ)
19
w w w . e q v n . n e t
www.eqvn.netXây dựng nội dung
• Tạo Page
• Bước 1:
20
w w w . e q v n . n e t
www.eqvn.netXây dựng nội dung
• Tạo Page - Bước 2:
21
w w w . e q v n . n e t
www.eqvn.net
22
GIAO DIỆN
w w w . e q v n . n e t
www.eqvn.net
23
GIAO DIỆNTùy chỉnh giao diện
w w w . e q v n . n e t
www.eqvn.netGiao diện – Tùy chỉnh giao diện
• Tùy chỉnh giao diện Website:
24
w w w . e q v n . n e t
www.eqvn.netGiao diện – Tùy chỉnh giao diện
25
w w w . e q v n . n e t
www.eqvn.netGiao diện – Tùy chỉnh giao diện
• General có thể tùy chỉnh layout website,
màu nền, font chữ...
26
w w w . e q v n . n e t
www.eqvn.netGiao diện – Tùy chỉnh giao diện
27
w w w . e q v n . n e t
www.eqvn.netGiao diện – Tùy chỉnh giao diện
• Header: có thể tùy
chỉnh logo, Vị trí
thanh menu, Tùy
chỉnh menu trượt,
Màu nền header...
28
w w w . e q v n . n e t
www.eqvn.netGiao diện – Tùy chỉnh giao diện
• Thay logo:
Header / Header Logo
29
w w w . e q v n . n e t
www.eqvn.netGiao diện – Tùy chỉnh giao diện
• Content: tùy chỉnh
giao diện của phần
nội dung như: Màu
nền, Vị trí thanh
sidebar, Vị trí của
Ảnh đại diện bài
viết...
30
w w w . e q v n . n e t
www.eqvn.netGiao diện – Tùy chỉnh giao diện
• Footer: tùy chỉnh về
Footer Widgets, màu
nền, ...
31
w w w . e q v n . n e t
www.eqvn.netGiao diện – Tùy chỉnh giao diện
32
Footer Copyright:
Footer / Footer Layout
w w w . e q v n . n e t
www.eqvn.netGiao diện – Tùy chỉnh giao diện
• Widget: tùy chỉnh
các widget ở Sidebar
hoặc Footer widget
33
w w w . e q v n . n e t
www.eqvn.netGiao diện – Tùy chỉnh giao diện
• Setting: Các tùy chỉnh khác
34
w w w . e q v n . n e t
www.eqvn.netGiao diện – Tùy chỉnh giao diện
• Code: Thêm code vào website như CSS,
Analytics, Remarketing, ...
35
w w w . e q v n . n e t
www.eqvn.net
36
GIAO DIỆNSử dụng Page Builder
w w w . e q v n . n e t
www.eqvn.netGiao diện – Sử dụng Page Builder
• Dễ dàng thiết kế 1 trang theo ý của mình.
• Bài viết không sử dụng được chức năng
này.
37
w w w . e q v n . n e t
www.eqvn.netGiao diện – Sử dụng Page Builder
38
w w w . e q v n . n e t
www.eqvn.netGiao diện – Sử dụng Page Builder
39
w w w . e q v n . n e t
www.eqvn.netGiao diện – Sử dụng Page Builder
40
w w w . e q v n . n e t
www.eqvn.netGiao diện – Sử dụng Page Builder
41
w w w . e q v n . n e t
www.eqvn.netGiao diện – Sử dụng Page Builder
42
w w w . e q v n . n e t
www.eqvn.net
43
GIAO DIỆNThay đổi trang chủ
w w w . e q v n . n e t
www.eqvn.netGiao diện – Thay đổi trang chủ
• Tượng tự có thể tạo Trang chủ
• Bước 1: Vào Bảng tin / Trang / Add New
• Bước 2: Chọn tiêu đề là trang chủ, không
cần viết nội dung sau đó đăng bài viết
• Bước 3: Dùng Page Builder để thiết kế
giao diện trang chủ theo ý mình
• Bước 4: Chọn Trang vừa tạo làm trang
chủ
44
w w w . e q v n . n e t
www.eqvn.netGiao diện – Thay đổi trang chủ
• Hướng dẫn thay đổi Trang chủ
45
w w w . e q v n . n e t
www.eqvn.netGiao diện – Thay đổi trang chủ
• Bỏ ô Comment – Bước 1
46
w w w . e q v n . n e t
www.eqvn.netGiao diện – Thay đổi trang chủ
• Bước 2: Kéo xuống cuối trang
47
w w w . e q v n . n e t
www.eqvn.netGiao diện – Thay đổi trang chủ
• Sử dụng Page Builder
48
w w w . e q v n . n e t
www.eqvn.netGiao diện – Thay đổi trang chủ
• Thiết kế Trang chủ
49
w w w . e q v n . n e t
www.eqvn.netGiao diện – Thay đổi trang chủ
• Vào Bảng tin / Cài đặt / Đọc
50
w w w . e q v n . n e t
www.eqvn.netGiao diện – Thay đổi trang chủ
• Chọn trang chính là Trang chủ vừa tạo
51
w w w . e q v n . n e t
www.eqvn.net
52
GIAO DIỆNTùy chỉnh trình đơn (Menu)
w w w . e q v n . n e t
www.eqvn.netGiao diện – Tùy chỉnh trình đơn
53
w w w . e q v n . n e t
www.eqvn.netGiao diện – Tùy chỉnh trình đơn
• Quản lý Trình đơn (Menu)
54
w w w . e q v n . n e t
www.eqvn.netGiao diện – Tùy chỉnh trình đơn
55
w w w . e q v n . n e t
www.eqvn.net
56
CÀI ĐẶT
w w w . e q v n . n e t
www.eqvn.netCài đặt
• Thay đổi tên Website
57
Bước 1 Bước 2
w w w . e q v n . n e t
www.eqvn.netCài đặt
• Thay đổi Đường dẫn tĩnh (Permalink)
– Đường dẫn tĩnh là một địa chỉ URL của một
bài viết cụ thể trên một website.
– Vd:
http://yoursite.com/2013/04/09/Permalink-hoat-dong-nhu-the-nao
http://yoursite.com/seo-google/Permalink-hoat-dong-nhu-the-nao
http://yoursite.com/123/Permalink-hoat-dong-nhu-the-nao
http://yoursite.com/Permalink-hoat-dong-nhu-the-nao
http://yoursite.com/?p=123
58
w w w . e q v n . n e t
www.eqvn.netCài đặt
• Thay đổi Permalink
59
Bước 1 Bước 2
w w w . e q v n . n e t
www.eqvn.net
60
WooCommerce
w w w . e q v n . n e t
www.eqvn.netWooCommerce
• WooCommerce dùng để tạo một gian
hàng, một shop online.
• Tùy chỉnh WooCommerce:
61
w w w . e q v n . n e t
www.eqvn.netWooCommerce
• Tại đây bạn có thể cài đặt Quốc gia,
Phương thức thanh toán, vận chuyển...
62
w w w . e q v n . n e t
www.eqvn.netWooCommerce
• Quản lí Sản phẩm
63
w w w . e q v n . n e t
www.eqvn.netWooCommerce
• Thêm Sản phẩm mới
64
w w w . e q v n . n e t
www.eqvn.netWooCommerce
• Thêm Sản phẩm mới
65
w w w . e q v n . n e t
www.eqvn.netWooCommerce
• Quản lí đơn hàng
66
w w w . e q v n . n e t
www.eqvn.netWooCommerce
• Quản lí các Mã ưu đãi
67
w w w . e q v n . n e t
www.eqvn.netWooCommerce
• Tạo Mã ưu đãi
68
w w w . e q v n . n e t
www.eqvn.netWooCommerce
• Áp dụng Mã ưu đãi
69
w w w . e q v n . n e t
www.eqvn.net
70