Cài đặt và cấu hình theme cho website có hỗ trợ Woocommerce.. Các bước cài đặt Theme: Bước 1: Đăng nhập vào tàii khoản Admin của WordPress .... Cài đặt và cấu hình theme cho website có h
Trang 1
TRƯỜNG CAO ĐẲNG THỰC HÀNH FPT POLYTECHNIC
ASSIGNMENT
Đề tài: XÂY DỰNG WEB CHO DOANH
NGHIỆP ĂN VẶT HỌA MI
Trang 2Lời mở đầu
Thiết kế website đang dần trở thành nhu câu không thể thiếu với bất kì doanh nghiệp,
cá nhân nào Lợi ích thiết kế website mang vô cùng lớn như: Tăng cảm hứng và sự
uy tín của doanh nghiệp trong mắt người dùng, cung cấp thông tin giới thiệu về doanh nghiệp, sản phẩm hoặc dịch vụ của bạn với phạm vi rộng lớn
Trang web cung cấp một cơ hội tuyệt vời để giới thiệu về bạn với một số đối tượng khách hàng mới và rộng hơn Sở hữu một trang web chuyên nghiệp có thể tăng uy tín cho doanh nghiệp của bạn trong mắt khách hàng và đối tác
Trang web cung cấp một cơ hội để bạn bán sản phẩm hoặc dịch vụ của mình 24/7 mà không cần phải chờ đợi giờ mở cửa hoặc tắt cửa
Trang web có thể được tìm kiếm dễ dàng bằng các công cụ tìm kiếm như Google, giúp tăng khả năng tìm kiếm cho doanh nghiệp của bạn
Trang 3Mục lục
Phần 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: 4
1 Cài đặt Wordpress: 4
2 Cài đặt và cấu hình theme cho website có hỗ trợ Woocommerce 6
2.1 Các bước cài đặt Theme: Bước 1: Đăng nhập vào tàii khoản Admin của WordPress 6
3 Cài đặt Woocommerce 10
4 Thiết lập cấu trúc Page, Post, Catalogue và Tag 11
4.1 Page 11
4.2 Bài viết 13
5 Thiết lập danh mục sản phẩm, nội dung sản phẩm 14
6 Đưa logo vào website 15
7 Đăng Banner 16
8 Cài đặt header và footer 18
Phần 2: Cài đặt và cấu hình các plugin cho website 19
1 Cài đặt plugin 19
Phần 3: Tối ưu hóa website để SEO 24
1 Xây dựng sitemap.html và sitemap.xml cho website 24
1.1 Vào Draw.io xây dựng dược sitemap.html 24
1.2 Cài sitemap.xml cho web 25
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 được biên tập theo hướng bổ trợ nhau để hỗ trợ SEO 26
3 Triển khai các kỹ thuật bảo mật cho website 29
4 Thiết lập URL thân thiện cho website 30
5.Cài đặt Google Analytics và Google Webmaster Tool 31
Cài đặt Google Analytics 31
Google Webmaster Tool (google search console) 34
Phần 4: Kết luận 38
Trang 4CHUẨN BỊ
Đề tài làm webside: Ăn vặt Họa Mi
Tên miền (domain): https://anvatbmt.com/
1.1 Phác thảo website qua trang web Figma
1.2 Lên sơ đồ hiển thị qua trang web Draw.io
Phần 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:
1 Cài đặt Wordpress:
Bước 1: Vào tài khoản quản lý Hosting của bạn
Bước 2: Tìm kiếm mục Software chọn WordPress Manager by Softaculous
Trang 5Bước 3: Tiến hành thiết lập cài đặt tài khoản, mật khẩu WordPress
Bước 4: Chọn Theme mặc định sau đó nhấn chọn Install
Trang 6Kết quả:
2 Cài đặt và cấu hình theme cho website có hỗ trợ Woocommerce
2.1 Các bước cài đặt Theme:
Bước 1: Đăng nhập vào tàii khoản Admin của WordPress
Trang 7Giao diện đăng nhập thành công:
Bước 2: Chọn Giao diện
Trang 8Bước 3: Chọn thêm mới để thêm giao diện mới
Bước 4: Chọn giao diện phù hợp với loại hình kinh doanh
Trang 9Bước 5: Cài đặt các plugins mà mẫu yêu cầu -> Next
Kết quả:
Trang 103 Cài đặt Woocommerce
Bước 1: Dowload WooCommerce – WordPress plugin | WordPress.org
Bước 2: Sau khi tải về vào Plugin-> thêm mới rồi tải lên
Trang 11Bước 3: Cài thành công WooCommerce
4 Thiết lập cấu trúc Page, Post, Catalogue và Tag
4.1 Page
Bước 1: Vào trang -> chỉnh sửa lại cấu trúc trang
Bước 2: Nhấn chỉnh sửa->sửa với elementor
Trang 12Bước 3: Xem lại trang đã sửa
Trang 134.2 Bài viết
Bước 1: Vào bài viết-> chỉnh sửa
Bước 2: Chỉnh sửa xog và coi kết quả
Thêm các chuyện mục
Trang 14Thêm tags
5 Thiết lập danh mục sản phẩm, nội dung sản phẩm
Bước 1: Vào sản phẩm-> thêm danh mục sản phẩm
Trang 15Bước 2: Sửa xong vào lại giao diện xem kết quả
Bước 3: Chỉnh nội dung sản phẩm-> bấm vào sản phẩm-> sửa ngày ở phía trên giao diện
6 Đưa logo vào website
Bước 1: Vào betheme-> chọn thêm options chỉnh logo
Trang 16Bước 2: Save và xem lại kết quả
7 Đăng Banner
Bước 1: vào giao diện trang web nhấn vào slider revolution
Trang 17Bước 2: Chọn open in editor và chỉnh sửa
Bước 3: Chọn style-> chọn media để đổi banner sau đó save để hoàn thành
Trang 18Bước 4: Xem giao diện
8 Cài đặt header và footer
Bước 1:Vào giao diện chọn wighet và chỉnh sửa
Trang 19Bước 2: Xem kết quả
Phần 2: Cài đặt và cấu hình các plugin cho website
1 Cài đặt plugin
Bước 1: Cài đặt Plugins YITH Essential Kit for WooCommerce #1
Link: wordpress.org/plugins/yith-essential-kit-for-woocommerce-1/
Trang 20Bước 2: Chọn Plugins -> YITH đã cài đặt trước đó -> Chọn Active
Bước 3: Chọn Modules List -> Chọn các tính năng cần dùng chọn active chức
năng tương ứng
Trang 22 Cài cấu hình YITH WooCommerce Zoom Magnifier , tính năng zoom
ảnh sản phẩm
Cài cấu hình YITH WooCommerce Ajax Product Filter – Lọc sản phẩm bằng AJAX
Trang 23 Cài cấu hình YITH WooCommerce Ajax Search – Tìm kiếm sản phẩm
bằng AJAX
Cài cấu hình YITH WooCommerce Order Tracking – tính năng theo dõi
đơn hàng
Trang 24 Cài cấu hình YITH WooCommerce Request A Quote – tính năng yêu cầu
tư vấn mỗisản phẩm
Phần 3: Tối ưu hóa website để SEO
1 Xây dựng sitemap.html và sitemap.xml cho website
1.1 Vào Draw.io xây dựng dược sitemap.html
Trang 251.2 Cài sitemap.xml cho web
Bước 1: Vào webside chọn như hình
Bước 2: Sau đó copy link
Trang 26Bước 3: Sang Google Search Console chọn sơ đồ trang web pass link vào
sơ đồ trang web Nộp
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 được biên tập theo hướng bổ trợ nhau để hỗ trợ SEO
Bước 1: Vào webside vào mục bài viết chọn tất cả bài viết
Bước 2: Tạo bài viết mới Viết tiêu đề và nội dung
Trang 27Bước 3: Seo từ khóa tìm kiếm theo hướng dẫn
Bước 4: Seo từ khóa thành xanh thành công
Trang 28Bước 5: Sau khi đã tích xanh thành công thì Đăng bài
Tiếp tục seo những bài tiếp theo tương tự như trên
Trang 293 Triển khai các kỹ thuật bảo mật cho website
Bước 1: Đăng nhập vào cPanel và chọn như hình
Bước 2: Điền domain và nhấn run
Trang 30Bước 3: Màu xanh thành công
4 Thiết lập URL thân thiện cho website
Bước 1: Mở bài viết bất kì copy link Bài viết
https://anvatbmt.com/2021/10/04/mon-an-hot-hit-nhung-ngay-qua-cua-nha/
Bước 2: Vào trang quản trị cài đặt đường dẫn tỉnh
Bước 3: Chọn Tiêu đề bài viết và lưu lại
Trang 31Bước 4 : Coi lại bài viết và có kết quả
5.Cài đặt Google Analytics và Google Webmaster Tool
Cài đặt Google Analytics
Bước 1: Truy cập vào địa chỉ
https://www.google.com/analytics
Trang 32Bước 2: Chọn Tạo tài khoản hoặc đăng nhập vào email
Bước 3 : Xuất hiện giao diện như hình và chọn Tôi chấp nhận
Trang 33Bước 4 : Copy đoạn mã script
Bước 5 : Chọn tiếp tục như hình
Trang 34Bước 6: Pass vào phần header và save lại
Google Webmaster Tool (google search console)
Bước 1: Truy cập vào Google Webmaster Tool đường link
https://search.google.com/search-console/welcome?utm_source=about-page Bước 2: Ghi domain và nhấn continue
Trang 35Bước 3: Copy link
Trang 36Bước 4: Vào hosting và đăng nhập vào cPanel chọn zone editor
Bước 5: Chọn add record và điền thông tin vào và save record
Trang 37Bước 6: Quay lại trang Google Webmaster Tool và chọn VERIFY
Bước 7: Thành công thì ra được kết quả
Trang 38Phần 4: Kết luận
Bài xây dựng web 2 ASM hoàn thiện
Trong quá trình làm bài đúng theo thầy giao và đã biết thiết kế xây dựng
trang web hoàn thiện
Học hỏi được thêm từ thầy và biết làm web