Unknown Unknown

TRƯỜNG CAO ĐẲNG FPT POLYTECHNIC

ASSIGNMENT_XÂY DỰNG TRANG WEB 2

Tên : Trương Văn Thương

Lớp : WD17301

Mã Môn : WEB2033 – Xây dựng trang web 2

Giảng viên : Lê Thị Anh Đào

1
Unknown Author

Unknown Author
 Mục lục

1. CÀI ĐẶT WEBSITE WORDPRESS.............................................................................................................3

2. CÀI ĐẶT VÀ CẤU HÌNH THEME CHO WEBSITE CÓ HỖ TRỢ WOOCOMMERCE......................................................3
3. CÀI ĐẶT WOOCOMMERCE...................................................................................................................7
4. THIẾT LẬP CẤU TRÚC PAGE, POST, CATALOGUE VÀ TAG.............................................................................7
4.1 THIẾT LẬP PAGE.........................................................................................................................................8
4.2 THIẾT LẬP POST, CATALOGUE VÀ TAG............................................................................................................8
5. THIÊT́ LẠP̂ DANH MUC̣ SAN ̉ PHÂM ̉ , NỌÎ DUNG SAN ̉ PHÂM ̉ ..........................................................................11
6. ĐUA̛ LOGO VAO ̀ WEBSITE...................................................................................................................13
7. ĐAN ̆ G BANNER................................................................................................................................15
8. CAÌ ĐẠT̆ HEADER VÀ FOOTER..............................................................................................................16
8.1 THIÊT́ LẠP̂ THON̂ G SỐ HEADER....................................................................................................................16
8.2 THIÊT́ LẠP̂ THON
̂ G SỐ FOOTER.....................................................................................................................17

BÀI 2: CÀI ĐẶT VÀ CẤU HÌNH CÁC PLUGIN CHO WEBSITE.................................................................... 18

1. CÀI ĐẶT PLUGIN VÀ CẤU HÌNH YITH WOOCOMMERCE COMPARE, TÍNH NĂNG SO SÁNH SẢN PHẨM....................18
2. CÀI ĐẶT PLUGIN VÀ CẤU HÌNH YITH WOOCOMMERCE WISHLIST , SẢN PHẨM YÊU THÍCH CHO NGƯỜI DÙNG........18
3. CAÌ ĐẠT̆ PLUGIN VÀ CÂU ́ HIN ̀ H YITH WOOCOMMERCE ZOOM MAGNIFIER , TIN ́ H NAN ̆ G ZOOM AN ̉ H SAN ̉ PHÂM ̉ ....19
4. CAÌ ĐẠT̆ PLUGIN VÀ CÂU ́ HIN ̀ H YITH WOOCOMMERCE AJAX PRODUCT FILTER – LOC̣ SAN ̉ PHÂM̉ BĂN ̀ G AJAX......19
5. CAÌ ĐẠT̆ PLUGIN VÀ CÂU ́ HIN ̀ H YITH WOOCOMMERCE AJAX SEARCH – TIM ̀ KIÊM ́ SAN ̉ PHÂM ̉ BĂN ̀ G AJAX..........20
6. CAÌ ĐẠT̆ PLUGIN VÀ CÂU ́ HIN ̀ H YITH WOOCOMMERCE ORDER TRACKING – TIN ́ H NAN ̆ G THEO DOĨ ĐON ̛ HAN ̀ G......20
7. CAÌ ĐẠT̆ PLUGIN VÀ CÂU ́ HIN ̀ H YITH WOOCOMMERCE REQUEST A QUOTE – TIN ́ H NAN ̆ G YEU
̂ CÂU ̀ TƯVÂN ́ MÔĨ SAN ̉
PHẨM..................................................................................................................................................21
8. CAÌ ĐẠT̆ PLUGIN VÀ CÂU ́ HIN ̀ H YITH WOOCOMMERCE REVIEW REMINDER – NHĂĆ NHỞ KHAĆ H HAN ̀ G HAỸ GƯỈ
́ H GIÁ.............................................................................................................................................21
ĐAN

BÀI 3: TỐI ƯU HÓA WEBSITE ĐỂ SEO.................................................................................................. 22

1. XÂY DỰNG SITEMAP.HTML VÀ SITEMAP.XML CHO WEBSITE .......................................................................22

2. BIÊN TẬP 2 BÀI VIẾT THEO HƯỚNG SEO ĐỐI VỚI 1 TỪ KHÓA BẤT KỲ VÀ ĐĂNG TRÊN WEB, 2 BÀI VIẾT.................23
3. TRIỂN KHAI CÁC KỸ THUẬT BẢO MẬT CHO WEBSITE..................................................................................23
4. THIẾT LẬP URL THÂN THIỆN CHO WEBSITE.............................................................................................24
5. CÀI ĐẶT GOOGLE ANALYTICS VÀ GOOGLE WEBMASTER TOOL....................................................................25
CÀI ĐẶT GOOGLE ANALYTICS...........................................................................................................................25
CAÌ ĐẠT̆ GOOGLE WEBMASTER TOOL................................................................................................................29
6. UPLOAD WEBSITE LEN ̂ MAṆ G (HOST)....................................................................................................31

Bài 1: Xây dựng website bằng WordPress có cài đặt chức năng bán
hàng trực tuyến Woocommerce:
2
 1. Cài đặt website WordPress.

Bước 1: Truy cập vào hosting và trỏ tới mục softaculous apps installer.

Bước 2: sau đó chọn mã nguồn mở WordPress và cài dặt nó. Điền các thông số và chọn install.

2. Cài đặt và cấu hình theme cho website có hỗ trợ Woocommerce.

3
 Bước 1: Đăng nhập vào trang quản trị chọn  Appearance  Theme

Bước 2: trên màn hình sẽ hiển thị Theme đã được cài đặt sẵn Website. Muốn Theme
mới click vào Add New

4
 Bước 3:Màn hình xuất hiện ra danh sách những Theme miễn phí có sẵn.Ở đây có thể tìm
và chọn theo nhiều tiêu chỉ nổi bật. (Featured), Phổ Biến (Popular), Mới Nhất(Latest).

Bước 4:Ngoài ra có thể lọc theo màu sắc, bố cục và một số Thông tin khác liên quan đến
Theme bằng cách nhấn vào.

5
 Bước 5: tại đây các bạn có thể xem qua thông tin về theme(preview) và chọn cài đặt và
kích hoạt theme(install - active).

Bước 6: bạn cũng có thể cài theme thông qua upload theme, chọn file là tẹp đã nén. Sau đó
chọn install để cài đặt

6
 Bước 7: Quay lại chọn Appearance -> Theme, và ta thấy theme đã được cài thành công.

3. Cài đặt Woocommerce.

Vào Plugin -> add new. sau đó trỏ từ khoá WooCommerce sẽ hiện ra thông tin như sau
chọn kích hoạt và cài đặt.

7
 4. Thiết lập cấu trúc Page, Post, Catalogue và Tag.

4.1 Thiết lập Page

Bước 1: vào Pages -> add new

Bước 2: Điền các thông số và chọn Publish để tạo trang thành công.

8
 4.2 Thiết lập Post, Catalogue và Tag.

Bước 1: Chọn Posts ->Categories để tạo các chuyên mục cho bài viết

Bước 2: Điền các thông tin như trong hình. Sau đó chọn add new category

9
 Bước 3: để tạo bài viết bằng Post. chọn Posts -> add new

Bước 4: Tạo tên bài viết và thêm nội dung sau đó chọn Update

10
 Bước 5: quay lại mục Post. chọn Quick edit bài viết cần thay đổi, tại categories chọn
mục mình muốn và thêm Tags tại mục Tags sau đó chọn Update.

5. Thiết lập danh mục sản phẩm, nội dung sản phẩm.

11
 Bước 1: Vào Products -> Add product để nhập thông tin sản phẩm

Bước 2 : thiết lập danh mục sản phẩm và tags.

Bước 3: Thiết lập thông tin sản phẩm

12
 Tiêu đề

Thông tin

Giá thành

Bước 4: Thiết lập hình ảnh sản phẩm

Bước 5: cuối cùng chọn Publish và sản phẩm đã được thêm thành công.

6. Đưa logo vào website.

13
 chọn Appearance -> Customize

chọn Header > Logo & Site Identity

Kick select image tại mục logo image và chọn logo phù hợp.

14
 7. Đăng banner.

Bước 1: Chọn Pages -> all pages. chọn trang để đăng Banner và kick vào edit with UX
Builder ( theme flat some).

15
 Bước 2 : phần add content chọn element là banner.

Bước 3: aside phía bên trái là chỉnh thông số của banner. Ta có thể tải hình ảnh lên và
chỉnh kíck cở tuỳ thích.

Bước 4: chọn apply và submit để hoàn thành đăng banner.

16
 8. Cài đặt header và footer.

8.1 Thiết lập thông số Header

chọn Appearance -> Customize -> Header và ta có thể thay đổi các tham số của header

8.2 Thiết lập thông số Footer

chọn Appearance -> Customize -> Footer và ta có thể thay đổi các tham số của footer

17
Bài 2: Cài đặt và cấu hình các plugin cho website
1. Cài đặt plugin và cấu hình YITH Woocommerce Compare, tính năng so sánh sản phẩm.

Chọn Plugin -> cài mới, gõ từ khoá “YITH Woocommerce Compare” chọn cài đặt và kích
hoạt.

18
 2. Cài đặt plugin và cấu hình YITH Woocommerce Wishlist , sản phẩm yêu thích cho
người dùng.

Chọn Plugin -> cài mới, gõ từ khoá “YITH Woocommerce Wishlist” chọn cài đặt và kích
hoạt.

3. Cài đặt plugin và cấu hình YITH WooCommerce Zoom Magnifier , tính năng zoom ảnh
sản phẩm.

Chọn Plugin -> cài mới, gõ từ khoá “YITH WooCommerce Zoom Magnifier” chọn cài đặt và
kích hoạt.

19
 4. Cài đặt plugin và cấu hình YITH WooCommerce Ajax Product Filter – Lọc sản phẩm
bằng AJAX.

Chọn Plugin -> cài mới, gõ từ khoá “WooCommerce Ajax Product Filter” chọn cài đặt và kích
hoạt.

5. Cài đặt plugin và cấu hình YITH WooCommerce Ajax Search – Tìm kiếm sản phẩm bằng
AJAX.

20
 Chọn Plugin -> cài mới, gõ từ khoá “YITH WooCommerce Ajax Search” chọn cài đặt và kích
hoạt.

6. Cài đặt plugin và cấu hình YITH WooCommerce Order Tracking – tính năng theo dõi
đơn hàng.

Chọn Plugin -> cài mới, gõ từ khoá “YITH WooCommerce Order Tracking” chọn cài đặt và
kích hoạt.

21
 7. Cài đặt plugin và cấu hình YITH WooCommerce Request A Quote – tính năng yêu cầu
tư vấn mỗi sản phẩm.

Chọn Plugin -> cài mới, gõ từ khoá “YITH WooCommerce Request A Quote” chọn cài đặt và
kích hoạt.

8. Cài đặt plugin và cấu hình YITH WooCommerce Review Reminder – Nhắc nhở khách
hàng hãy gửi đánh giá.

Chọn Plugin -> cài mới, gõ từ khoá “YITH WooCommerce Review Reminder” chọn cài đặt và
kích hoạt.

22
Bài 3: Tối ưu hóa website để SEO
1. Xây dựng sitemap.html và sitemap.xml cho website .

Bước 1: Chọn Plugins -> cài mới và tìm plugin tên Google XML Sitemap, sau đó ấn cài
đặt và kích hoạt.

23
 Bước 2: Vào Settings -> XML-sitemap để bắt đầu thiết lập và tạo sitemap. Khi nhấn vào
sẽ xuất hiện đường dẫn đến file Sitemap.

Bước 3: kết quả ta nhận được

2. Biên tập 2 bài viết theo hướng SEO đối với 1 từ khóa bất kỳ và đăng trên
web, 2 bài viết.

Bài 1: Đồng hồ Movado của nước nào? Chất lượng có tốt không? Giá bao nhiêu?

bước 1: đầu tiên tạo tiêu đề bài viết (H1).

24
 bước 2: thêm từ khoá chính từ khoá phụ cho phù hợp

Bước 3: tạo đường dẫn liên quan cho bài viết và tạo chú thích cho ảnh.

25
 Đường dẫn

Chú thích hình ảnh

Bước 4: tạo nội dung được thể hiện cho người dùng dễ đọc, dễ thực hiện nhất

Bước 5: kết hợp với plugin SEO để tạo các keywork và tuỳ chỉnh các thông tin.

26
 Bài 2: tương tự bài 1 ta có bài viết mới tựa đề “Những loại dây da đồng hồ tiện dụng
nhất thị trường hiện nay”.

3. Triển khai các kỹ thuật bảo mật cho website.

Bước 1: Truy cập vào Plugins -> Add new. Tiếp chúng ta nhập vào ô tìm kiếm từ khóa
Wordfence security, Sau đó chọn cài đặt và kích hoạt.

27
 Bước 2: Tiếp theo chọn Wordfence -> Option để thiết lập các tính năng bảo mật cơ bản.

4. Thiết lập URL thân thiện cho website.

Bước 1: Chọn cài đặt -> đường dẫn tĩnh. tại mục cấu trức đường dẫn, chọn tiêu đề bài
viết. Có thể tuỳ chỉnh thông số của mình thêm.

28
 Bước 2: chọn Lưu thay đổi, khi hoàn thành.

5. Cài đặt Google Analytics và Google Webmaster Tool.

Cài đặt Google Analytics.

29
 Bước 1: Truy cập vào địa chỉ https://www.google.com/analytics

Bước 2: thiết lập tài khoản .

Bước 3: chấp nhận các điều khoản dịch vụ .

30
 Bước 4: Thiết lập luồng dữ liệu.

31
 Bước 5: Copy đoạn mã script .

Bước 6: Vào giao diện-> theme file editor, mở File Header.php -> Tìm thẻ đóng:
</head> và dán mã Script lên trước thẻ đóng -> Update File .

32
 Bước 7: hoàn thành chạy gg Analytic.

Cài đặt Google Webmaster Tool.

Bước 1: Vào gg master toolhttps://search.google.com/search-console/about và đăng

nhập bằng gmail, sau đó điền thông tin URL của website của mình.

33
 Bước 2: Sao chép bản ghi TXT bên dưới vào cấu hình DNS cho website.

Bước 3: Vào giao diện-> theme file editor, mở File Header.php -> Tìm thẻ đóng:
</head> và dán mã lên trước thẻ đóng -> Update File .

34
 Bước 4: quay lại web master tools và chọn xác minh

35
 6. Upload website lên mạng (host).
Bước 1: cài đặt all-in-one WP Migration và backup

bước 2: Sau khi đã cài đặt và kích hoạt plugins All-In-One WP Migration hãy truy
cập Menu All-In-One WP Migration -> Xuất

Bước 3: Tại đây các bạn click vào nút XUẤT SANG (EXPORT TO) -> TẬP TIN (FILE).

36
 Sau khi quá trình backup hoàn tất các bạn sẽ nhận được một liên kết để download file
backup. Hãy download và lưu file này vào một vị trí thuận tiện trên máy tính để restore
nó trên hosting của các bạn.
Bước 4: Cài đặt plugins All-In-One WP Migration trên hosting
Sau khi đã cài đặt thành công WordPress trên hosting các bạn tiến hành cài đặt
plugins All-In-One WP Migration giống như đã cài đặt trên localhost.

Bước 5: Khôi phục dữ liệu đã backup trên localhost. truy cập Menu All-In-One WP
Migration -> Nhập (Import).

Bước 6: Click vào nút NHẬP TỪ (IMPORT FROM) -> TẬP TIN (FILE) và chọn file backup
trên máy tính của các bạn. đợi backup dữ liệu và chọn hoàn tất.

37
38