Lê Thành Lợi Page | 7 Bướ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 Kết quả:... Lê Thành Lợi Page | 12 XÂY DỰN
Trang 1Đề tài: XÂY DỰNG WEBSITE CHO DOANH NGHIỆP HẠT
DINH DƯỠNG Mr.Loi
Trang 2Page | 2
Lờ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 3Page | 3
Mục lục :
Phần I: CHUẨN BỊ 4
1.1 Phác thảo website qua trang web Figma: 4
1.2 Lên sơ đồ hiển thị qua trang web Draw.io 4
1.3 Domaiin và tài khoản quản lý Domain: 4
1.4 Hosting và tài khoản Hosting (Cpanel hoặc Directadmin) 5
1.5 Trỏ Domain về IP Hosting (Cấu hinh DNS) 5
1.5 Trỏ địa chỉ IP vào đây để quản lý DNS 6
1.6 Cài đặt Wordpress: 6
PHẦN II: CÀI ĐẶT THEME TÙY BIẾN WEBSITE 8
2.1 Các bước cài đặt Theme: 8
2.2 Tuỳ biến Website 11
2.2.1 Tuỳ biến Menu: 11
2.2.2 Tuỳ biến Header và Fooder: 13 2.2.3 Tuỳ biến Logo: Error! Bookmark not defined 2.2.4 Tuỳ biến trang chủ: Error! Bookmark not defined Hình ảnh mô tả web: Error! Bookmark not defined
Trang 4Page | 4
Phần I: CHUẨN BỊ Tên miền (domain): https://mrloi.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
1.3 Domaiin và tài khoản quản lý Domain:
Tài khoản quản lí Domain có thể sử dụng bất kỳ bên thứ 3 nào cung cấp các dịch vụ này
Trang 5Page | 5
1.4 Hosting và tài khoản Hosting (Cpanel hoặc Directadmin)
Tài khoản quản lý Hostinger Cpanel
1.5 Trỏ Domain về IP Hosting (Cấu hinh DNS)
Trỏ domain vào địa chỉ IP hosting đã mua
Trang 6Page | 6 XÂY DỰNG WEBSITE 2
1.5 Trỏ địa chỉ IP vào đây để quản lý DNS
Trang 7Lê Thành Lợi
Page | 7
Bướ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
Kết quả:
Trang 8Page | 8
PHẦN II: CÀI ĐẶT THEME TÙY BIẾN WEBSITE
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
Giao diện đăng nhập thành công:
Trang 9Page | 9
Bước 2: Chọn Appearance
Bước 3: Chọn Add New hoặc Add New Theme để thêm giao diện
mới
Trang 10Page | 10
Bước 4: Chọn giao diện phù hợp với loại hình kinh doanh
Bước 5: Cài đặt các plugins mà mẫu yêu cầu -> Next
Trang 11Page | 11 XÂY DỰNG WEBSITE 2
Kết quả:
2.2 Tuỳ biến Website
2.2.1 Tuỳ biến Menu:
Bước 1: Chọn Appearance chọn Customize để tuỳ biến Menu
Trang 12
Lê Thành Lợi
Page | 12 XÂY DỰNG WEBSITE 2
Giao diện khi chọn Appearance chọn Customize
Bước 2: Chọn Menu
Trang 13Lê Thành Lợi
Page | 13 XÂY DỰNG WEBSITE 2
Bước 3: Thiết lập Menu và thông tin Menu bạn mong muốn và nhấn
Published
2.2.2 Tuỳ biến Header và Fooder:
Bước 1: Chọn Slider Levolution để tuỳ biến Header
Trang 14Lê Thành Lợi
Page | 14 XÂY DỰNG WEBSITE 2
Bước 2: Chọn Header của giao diện bạn đã chọn
Giao diện khi vào tuỳ biến Header
Trang 15Lê Thành Lợi
Page | 15 XÂY DỰNG WEBSITE 2
- Tùy biến Fooder:
Bước 1: Appearance chọn Customize để tùy biến Fooder
Bước 2 : Chọn Widgets
Trang 16Lê Thành Lợi
Page | 16 XÂY DỰNG WEBSITE 2
Chỉnh sửa các hạng mục trong Fooder bao gồm : Text , Bố cục ,
Color , …
2.2.3 Tùy biến Logo:
Tải Logo yêu thích của mình và kích thước phải phù hợp với wed
Trang 17Lê Thành Lợi
Page | 17 XÂY DỰNG WEBSITE 2
Bước 1: Chọn Betheme
Bước 2: Chọn Theme Options
Bước 3: Chọn Logo để tùy biến logo
Bước 4: Chọn Browse để lưu logo
Bước 5: Chọn Upload files
Bước 6: Chọn Select Files tải files Logo có sẵn lên
Bước 7: Chọn Select để Up logo đã chọn
Trang 18Lê Thành Lợi
Page | 18 XÂY DỰNG WEBSITE 2
2.2.4 Tùy biến trang chủ
Click Edit with BeBuilder (Hoặc Edit with Elementer, Edit Page) để
có thể sửa trang Web
Link trang web: https://mrloi.com/
Hình ảnh mô tả wed:
- Trang chủ:
- Cửa hàng:
Trang 19Lê Thành Lợi
Page | 19 XÂY DỰNG WEBSITE 2
- Về chúng tôi:
- Bài viết:
Trang 20Lê Thành Lợi
Page | 20 XÂY DỰNG WEBSITE 2
- Liên hệ:
Phần III: Thiết kế chi tiết
3.1 Cài đặt thành công giỏ hàng và các Plugin cho Woocommerce
Trang 21Lê Thành Lợi
Page | 21 XÂY DỰNG WEBSITE 2
Bước 1: Cài đặt Woocommerce
Để bắt đầu, bạn cần phải cài đặt Woocommerce trên trang web WordPress của mình Điều này có thể được thực hiện bằng cách truy cập vào trang quản trị WordPress của bạn và tìm kiếm Woocommerce trong phần "Plugins" Nhấn vào nút "Thêm mới" và tìm kiếm Woocommerce trong kho plugin
Bước 2: Sau khi tiến hành cài đặt Woocommerce tiến hành để thiết lập danh mục sản phẩm Chọn Products -> Add New
Trang 22Lê Thành Lợi
Page | 22 XÂY DỰNG WEBSITE 2
Bước 3: Thiết lập danh mục sản phẩm
Tải ảnh chọn Add Media
Bước 4: Kiểm tra danh mục sản phẩm
Phần IV: Thiết kế chi tiết Website
4.1 Cài đặt được plugin Rank Math Seo và sử dụng được chức năng SEO cho website
Bước 1: Chọn Plugin -> Cài mới Tìm từ khóa Rank Math Seo cài đặt và kích hoạt
Trang 23Lê Thành Lợi
Page | 23 XÂY DỰNG WEBSITE 2
Bước 2: Kích hoạt và set up Rank Math Seo
Trang 24Lê Thành Lợi
Page | 24 XÂY DỰNG WEBSITE 2
Bước 3 Sử dụng Rank Math Seo để tối ưu bài viết trên website
4.2 Cài đặt được plugin SMTP (Simple Mail Transfer Protocol) để nhận thông báo khách hàng đặt hàng trên trang web
Bước 1: Tìm kiếm "Easy WP SMTP" bằng cách nhập từ khóa vào ô tìm kiếm hoặc tải xuống trực tiếp từ trang chủ WordPress
Bước 2: Khi bạn tìm thấy plugin, nhấn vào nút "Install Now" để bắt đầu quá trình cài đặt
Trang 25Lê Thành Lợi
Page | 25 XÂY DỰNG WEBSITE 2
Bước 3: Sau khi cài đặt thành công, nhấn vào nút "Activate Plugin"