Tài liệu Tìm hiểu về wordpress và xây dựng website bán cây cảnhx

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