TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI
LOGO
KHOA
CÔNG CỤ PHÁT TRIỂN PHẦN MỀM
ĐỀ TAI: Tìm hiểu về WordPress và xây dựng website bán cây cảnh
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
1
TÊN HỌC PHẦN
LOGO
KHOA
BỐ CỤC
Phần I : tìm hiểu về wordpress.
1.
Giới thiệu chung về wordpress.
2.
Đặc điểm của wordpress.
3.
Ưu điểm của wordpress.
4.
Cấu trúc của một trang wordpress.
Phần II: Ứng dụng wordpress xây dụng website.
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
2
TÊN HỌC PHẦN
LOGO
KHOA
TÌM HIỂU VỀ WORDPRESS
1.Giới thiệu về wordpress.
Lịch sử:
• b2/cafelog, thường được biết đến với cái tên đơn giản hơn là b2
• Năm 2007, WordPress giành giải thưởng Packt Open
hay cafelog là tiền thân của WordPress. b2/cafelog theo ước lượng
Source CMS. Năm 2009. WordPress dẫn đầu về mã nguồn
đã được sử dụng ở khoảng 2000 blog trong tháng 5 năm 2003. Nó
CMS tốt nhất.
cũng được viết bằng ngôn ngữ lập trình PHP để dùng với MySQL
bởi Michel Valdrighi, người đã trở thành nhà phát triển chính của
WordPress hiện nay. Mặc dù WordPress là hậu duệ chính thức
nhưng một dự án khác, b2evolution, cũng đang được song song phát
triển.
• Vào năm 2004, thời hạn cấp phép của gói sản phẩm cạnh tranh
• Vào ngày 06 tháng 12 năm 2018, WordPress ra mắt phiên
bản 5.0 với cải tiến lớn, giới thiệu Trình soạn thảo block mang
tên Gutenberg giúp tùy chỉnh bố cục bài viết phong phú và
phức tạp hơn. Có nhiều cuộc tranh cãi về sự ra mắt của
Gutenberg, bao gồm cả phong trào tách riêng đến từ nhiều lập
trình viên không muốn sử dụng tính năng này.
Movable Type bị thay đổi bởi Six Apart, và rất nhiều người dùng
của nó chuyển sang sử dụng WordPress, tạo nên một bước ngoặt lớn
trong sự phát triển và phổ biến của WordPress.
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
3
TÊN HỌC PHẦN
LOGO
KHOA
TÌM HIỂU VỀ WORDPRESS
Khái Niệm:
-WordPress là mã nguồn mở được viết bằng ngôn ngữ lập trình PHP và sử
dụng hệ quản trị cơ sở dữ liệu MySQL. Nó là một công cụ tạo trang web
miễn phí, bạn chỉ cần cài lên host là đã có một website. Sau đó bạn có thể cài
Theme để thay đổi giao diện cho trang web. Muốn tăng sự sinh động và tối
ưu hoạt động của web, bạn có thể thay đổi Theme và cài đặt thêm một vài
Plugin. Tất nhiên là ngoài WordPress thì bạn còn có rất nhiều lựa chọn cách
lập trang web khác, một số mã nguồn CMS như Joomla, Drupal, Opencart…
cũng là sự lựa chọn không tệ để thay cho WordPress.
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
4
TÊN HỌC PHẦN
LOGO
KHOA
TÌM HIỂU VỀ WORDPRESS
2. Đặc điểm nổi bật của wordpress
• Dễ dàng sử dụng
Wordpress được phát triển dựa trên nguyên lý ai cũng có thể sử dụng, bạn không cần có quá nhiều kiến thức về lập trình nâng cao mà
vẫn có thể thao tác thành thục wordpress.
• Có cộng đồng hỗ trợ mạnh mẽ
Wordpress là mã nguồn CMS mở phổ biến nhất trên thế giới, cho nên bạn sẽ được tham gia vào cộng đồnng gười sử dụng
Wordpress, có thể hỗ trợ bạn các khó khăn trong quá trình sử dụng, và nếu như bạn không có khả năng Tiếng Anh tốt thì bạn vẫn có
thể dễ dàng tìm kiếm câu trả lời qua Google.
• Có cộng đồng hỗ trợ mạnh mẽ
Wordpress là mã nguồn CMS mở phổ biến nhất trên thế giới, cho nên bạn sẽ được tham gia vào cộng đồngn gười sử dụng
Wordpress, có thể hỗ trợ bạn các khó khăn trong quá trình sử dụng, và nếu như bạn không có khả năng Tiếng Anh tốt thì bạn vẫn có
thể dễ dàng tìm kiếm câu trả lời qua Google.
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
5
TÊN HỌC PHẦN
LOGO
KHOA
TÌM HIỂU VỀ WORDPRESS
2. Đặc điểm nổi bật của wordpress(tiếp).
• Có thể dễ phát triển cho các lập trình viên
Nếu như bạn là một người có kiến thức về lập trình website, có kiến thức về HTML, CSS hay PHP thì
bạn có thể dễ dàng mở rộng website wordpress của mình với nhiều tính năng hữu ích.
Hiện nay với hàng nghìn function có sẵn trong wordpress thì bạn có thể thoải mái sử dụng, có thể
dễ dàng thay đổi cấu trúc của một hàm với flter hook hay các quy trình làm việc của một lập trình
viên chuyên nghiệp.
• Được tích hợp nhiều ngôn ngữ
Wordpress được tích hợp nhiều ngôn ngữ đi kèm, trong đó có cả tiếng Việt, giúp bạn có thể sử
dụng và cài đặt wordpress một cách thuận tiện nhất mà không cần phải copy từ ra google dịch
như mấy mã nguồn mở khác.
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
6
TÊN HỌC PHẦN
LOGO
KHOA
TÌM HIỂU VỀ WORDPRESS
3. Ưu điểm của wordpress
•Khả năng sử dụng WordPress : WordPress nổi tiếng với công cụ tạo trang web dễ dùng nhất. Với quy trình đăng ký
đơn giản, giao diện dễ nhìn thì dù bạn không phải dân chuyên ngành về lĩnh vực này, bạn cũng có thể dễ dàng tạo ra cho
mình mô ̣t website.
•WordPress hỗ trợ nhiều loại Website: Bạn có thể tạo ra cho mình bất cứ loại trang Web nào tuỳ thích, một số loại
trang web WordPress hỗ trợ như: tạp chí, tin tức, doanh nghiệp, blog cá nhân, bán hàng,…Tuy nhiên để sử dụng tối ưu hoá
các chức năng, plugin của WordPress bạn cần phải nhờ sự trợ giúp của các chuyên gia tư vấn về trong suốt quá trình thiết kế
website, vì đối với người dùng mới điều này khá phức tạp.
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
7
TÊN HỌC PHẦN
LOGO
KHOA
TÌM HIỂU VỀ WORDPRESS
3. Ưu điểm của wordpress(tiếp)
•Đa dạng giao diện có sẵn: Bên cạnh các giao diện tính phí, WordPress còn cung cấp cho bạn rất nhiều
giao diện miễn phí nhưng cũng rất đẹp mắt. Nếu bạn có thêm hiểu biết ít về các thủ thuật thiết kế giao diện
website, bạn hoàn toàn có thể tự tạo ra một giao diện đẹp hơn và phù hợp với sở thích bạn hơn. Tuy nhiên nếu
bạn sử dụng giao diện tính phí, thì trang web bạn sẽ trở nên chuyên nghiệp hơn.
•Nhiều Plugin hỗ trợ: Có hơn 34000 plugin trong thư viện wordpress, bạn có thể lựa chọn các plugin
phù hợp với loại website của bạn. Hầu hết các plugin này đều miễn phí nên chúng tạo rất nhiều điều kiện cho
người dùng có thể tạo ra một trang web chuyên nghiệp, chất lượng.
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
8
TÊN HỌC PHẦN
LOGO
KHOA
TÌM HIỂU VỀ WORDPRESS
3. Ưu điểm của wordpress(tiếp)
•Tính phổ biến: Hiện nay có hơn 74 triệu trang web trên thế giới đang sử dụng WordPress trong đó có
các trang nổi tiếng như Coca Cola, Sony, kênh truyền hình CNN, trang tin tức USA today, trang tin tức BBC,
… Việc sử dụng WordPress đang ngày càng trở nên rộng rãi, chính vì thế bạn sẽ không cảm thấy khó khăn nếu
tìm bất cứ câu trả lời nào liên quan đến keyword “wordpress” trên Internet, tất tần tật mọi thông tin đều có sẵn.
•Hỗ trợ đa ngôn ngữ: Để đáp ứng nhiều người dùng ở các quốc gia khác nhau, WordPress cho phép
người dùng có thể chọn loại ngôn ngữ họ có thể sử dụng, trong đó có cả ngôn ngữ Việt Nam.
•Tiết kiệm chi phí: Việc thiết kế mô ̣t trang web riêng cho bạn trên WordPress hoàn toàn miễn phí. Có rất
nhiều theme miễn phí và có sẵn để sử dụng chỉ với 1 click.
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
9
TÊN HỌC PHẦN
LOGO
KHOA
TÌM HIỂU VỀ WORDPRESS
4. Cấu trúc của một trang wordpress
Bộ quản trị wordpress gồm các phần sau:
Dashboard: Tổng quan về quản trị wordpress, bao gồm thông tin tóm tắt về website wordpress, viết blog
nhanh, một số bình luận mới nhất, bài từ wordpress.org blog, plugin mới và phổ biến nhất, và link đến
website của bạn.
o Updates: Hiển thị tất cả các theme và plugin có bản mới vào phép nâng cấp trực tiếp.
Posts: Quản lý bài viết, tag và danh mục (category).
o All posts: Quản lý tất cả các bài viết.
o Add new: Đăng bài viết mới.
o Categories: Quản lý tất cả các danh mục.
o Tags:Quản lý tất cả các Post Tag.
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
10
TÊN HỌC PHẦN
LOGO
KHOA
TÌM HIỂU VỀ WORDPRESS
4. Cấu trúc của một trang wordpress
Appearance: Quản lý giao diện.
o Themes: Thêm mới và quản lý giao diện
o Customize: Tùy chỉnh giao diện
o Widgets: Thêm tiện ích.
o Menu: Quản lý menu
Plugins: Quản lý các thành phần mở rộng.
o Installed Plugins: Những thành phần mở rộng đã cài đặt.
o Add new: cài đặt mới
Tools: Các công cụ nhập/xuất nội dung.
Settings: Thiết lập các tùy chọn.
o Genetal: Cài đặt chung
o Writing Settings: Cài đặt bài viết
o Reading Settings: Cài đặt đọc
o Discussion Settings: Cài đặt bình luận
o Media Settings: Cài đặt media như ảnh video
o Permalink Settings: Cài đặt đường dẫn tĩnh
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
11
TÊN HỌC PHẦN
LOGO
KHOA
XÂY DỰNG WEBSITE BẰNG WORDPRESS
Các bước xây dựng website bằng wordpress
Bước 1: Chọn mua Domain và Share Hosting
• Domain (tên miền): Thường có đuôi là .com, .net, .vn,…
• Hosting: Là nơi lưu trữ toàn bộ dữ liệu của web bao gồm code + database
• Trỏ tên miền về Hosting :
- Đây là bước liên kết tên miền với hosting để cho chúng hoạt động thành 1 thể thống nhất.
- Đầu tiên, xác định được địa chỉ IP của hosting thông qua bước đăng ký hosting ở trên.
- Bây giờ, truy cập vào trang quản lý tên miền của Google
-Sau đó click vào Quản lý tương ứng với tên miền vừa mua
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
12
TÊN HỌC PHẦN
LOGO
KHOA
XÂY DỰNG WEBSITE BẰNG WORDPRESS
• Tại trang quản lý tên miền, click vào DNS ở bên tay trái. Kéo xuống dưới cùng sẽ thấy
phần Bản ghi tài nguyên tùy chỉnh.
• Điền vào 2 record cơ bản để tên miền hoạt động được là:
• Name là @ – Type là A – Value là địa chỉ IP hosting.
• Name là www – Type là A – Value là địa chỉ IP hosting.
• Chờ 1 lúc cho kết nối được thiết lập là tên miền sẽ hoạt động được. Với tên miền của
Google việc này được cập nhật rất nhanh.
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
13
TÊN HỌC PHẦN
LOGO
KHOA
XÂY DỰNG WEBSITE BẰNG WORDPRESS
Các bước xây dựng website bằng wordpress
• Bước 2: Cài đặt WordPress trên hosting
• Sau khi cài đặt cho tên miền và hosting kết nối với nhau. Việc tiếp theo chúng ta sẽ đi cài đặt
WordPress lên hosting. Sẽ có 2 cách để cài WordPress trên host, đó là:
• Cài đặt tự động: Sử dụng công cụ có sẵn trên hosting để tải và cài đặt WordPress. Hầu hết
các hosting đều có hỗ trợ công cụ này.
• Cài đặt thủ công: Bạn sẽ tự tay tải source WordPress rồi upload lên hosting và tự cài đặt
bằng tay hết.
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
14
TÊN HỌC PHẦN
LOGO
KHOA
XÂY DỰNG WEBSITE BẰNG WORDPRESS
Các bước xây dựng website bằng wordpress
Bước 3: Cài đặt theme, plugin và cấu hình cho web WordPress
• Trong bước này có một số việc bạn phải làm đó là cài đặt theme cho WordPress để nhìn nó
chuyên nghiệp hơn và cài một số plugin để tối ưu chức năng cho web, còn lại là cài đặt một
số mục cơ bản.
1. Cài đặt giao diện web
• Tùy thuộc vào mục đích của bạn làm web để làm gì rồi hãy chọn theme cho phù hợp. Hiện tại
trên kho theme miễn phí của wordpress có hàng chục nghìn theme với hầu hết các chủ đề
khác nhau như theme blog cá nhân, theme bán hàng, theme làm trang giới thiệu dịch vụ y tế,
giáo dục, du lịch,….
• Sau khi cài đặt theme xong bạn chịu khó ngồi tinh chỉnh giao diện sao cho nhìn chuyên
nghiệp và phù hợp với lĩnh vực của mình.
• Sau khi xong, chuyển xuống cài đặt một số plugin để có những chức năng cơ bản nhất.
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
15
TÊN HỌC PHẦN
LOGO
KHOA
XÂY DỰNG WEBSITE BẰNG WORDPRESS
Các bước xây dựng website bằng wordpress
2. Cài đặt plugin cho web
• Plugin WordPress là những phần mở rộng giúp tích hợp thêm các chức năng vào web. Cũng giống như
theme thì plugin cũng có kho miễn phí và trả phí. Với bất kỳ 1 web bằng WordPress nào thì cũng sẽ cần các
plugin cơ bản sau.
1. Akismet – Ngăn chặn spam bình luận cho web
2. Contact Form 7 – Tạo form liên hệ dễ dàng, chuyên nghiệp
3. Yoast SEO – Tối ưu SEO Onpage cho web.
4. Plugin SMTP – Gửi email qua SMTP (chỉ cài khi hosting không cho phép gửi email)
5. Plugin chèn quảng cáo – Hỗ trợ chèn quảng cáo vào các vị trí phù hợp.
6. Đó là các plugin cơ bản nhất mà web bạn cần phải có. Ngoài ra, trong quá trình phát triển web nếu cần
thêm chức năng gì bạn có thể lên kho plugin miễn phí của wordpress để tìm kiếm plugin phù hợp.
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
16
TÊN HỌC PHẦN
LOGO
KHOA
Ứng dụng vào xây dựng website bán cây cảnh trực tuyến :
Chức năng cơ bản:
•Khách hàng: Xem tin tức, thông tin sản phẩm
Thêm sản phẩm vào gio hàng và mua hàng trực tuyến
•Quản trị viên: Đăng nhâ ̣p, quản lý danh mục sản phẩm, sản phẩm,đơn hàng, tin tức
Các tác nhân:
Khách hàng
Khach hang
Webiste: https://haui.edu.vn
Quản trị viên
Quan tri vien
CSDL
CSDL
© 2021 Hanoi University of Industry All rights reserved
17
TÊN HỌC PHẦN
Biểu đồ use case
tổng quát:
LOGO
KHOA
Xem danh muc san pham
KhachHang
Xem danh sach san pham
Xem thong tin chi tiet san pham
CSDL
Xem tin tuc
Quan ly gio hang
Xem lien he
Tim kiem san pham
Dang nhap
Quan tri vien
Quan ly don hang
Quan ly tin tuc
Quan ly tai khoan
Quan ly san pham
Quan ly danh muc
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
18
TÊN HỌC PHẦN
LOGO
KHOA
Biểu đồ use case quản lí sản
phẩm :
<>
Them san pham
<>
Quan tri vien
Quan ly san pham
<>
<>
Xoa san pham
<>
Xem thong tin san pham
<>
Sua san pham
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
19
TÊN HỌC PHẦN
LOGO
KHOA
Biểu đồ use case quản lí đơn hàng:
Webiste: https://haui.edu.vn
© 2021 Hanoi University of Industry All rights reserved
20
- Xem thêm -