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 ĐỀ TÀI: Tìm hiểu WordPress xây dựng website bán cảnh Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved TÊN HỌC PHẦN LOGO KHOA BỐ CỤC Phần I : tìm hiểu wordpress Giới thiệu chung wordpress Đặc điểm wordpress Ưu điểm wordpress Cấu trúc 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 TÊN HỌC PHẦN LOGO KHOA TÌM HIỂU VỀ WORDPRESS 1.Giới thiệu wordpress Lịch sử: • b2/cafelog, thường biết đến với tên đơn giản b2 • Năm 2007, WordPress giành giải thưởng Packt Open hay cafelog tiền thân WordPress b2/cafelog theo ước lượng Source CMS Năm 2009 WordPress dẫn đầu mã nguồn sử dụng khoảng 2000 blog tháng năm 2003 Nó CMS tốt viết ngơn ngữ lập trình PHP để dùng với MySQL Michel Valdrighi, người trở thành nhà phát triển WordPress Mặc dù WordPress hậu duệ thức dự án khác, b2evolution, song song phát triển • Vào năm 2004, thời hạn cấp phép gói sản phẩm cạnh tranh Movable Type bị thay đổi Six Apart, nhiều người dùng • Vào ngày 06 tháng 12 năm 2018, WordPress mắt phiê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 viết phong phú phức tạp Có nhiều tranh cãi mắt Gutenberg, bao gồm 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 chuyển sang sử dụng WordPress, tạo nên bước ngoặt lớn Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved TÊN HỌC PHẦN LOGO KHOA TÌM HIỂU VỀ WORDPRESS Khái Niệm: -WordPress mã nguồn mở viết ngơn ngữ lập trình PHP sử dụng hệ quản trị sở liệu MySQL Nó cơng cụ tạo trang web miễn phí, bạn cần cài lên host có website Sau bạn cài Theme để thay đổi giao diện cho trang web Muốn tăng sinh động tối ưu hoạt động web, bạn thay đổi Theme cài đặt thêm vài Plugin Tất nhiên ngồi WordPress bạn cịn có nhiều lựa chọn cách lập trang web khác, số mã nguồn CMS Joomla, Drupal, Opencart… lựa chọn không tệ để thay cho WordPress Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved TÊN HỌC PHẦN LOGO KHOA TÌM HIỂU VỀ WORDPRESS Đặc điểm bật wordpress • Dễ dàng sử dụng Wordpress phát triển dựa nguyên lý sử dụng, bạn khơng cần có q nhiều kiến thức lập trình nâng cao mà thao tác thành thục wordpress • Có cộng đồng hỗ trợ mạnh mẽ Wordpress mã nguồn CMS mở phổ biến giới, bạn tham gia vào cộng đồnng gười sử dụng Wordpress, hỗ trợ bạn khó khăn trình sử dụng, bạn khơng có khả Tiếng Anh tốt bạn dễ dàng tìm kiếm câu trả lời qua Google • Có cộng đồng hỗ trợ mạnh mẽ Wordpress mã nguồn CMS mở phổ biến giới, bạn tham gia vào cộng đồngn gười sử dụng Wordpress, hỗ trợ bạn khó khăn q trình sử dụng, bạn khơng có khả Tiếng Anh tốt bạn 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 TÊN HỌC PHẦN LOGO KHOA TÌM HIỂU VỀ WORDPRESS Đặc điểm bật wordpress(tiếp) • Có thể dễ phát triển cho lập trình viên Nếu bạn người có kiến thức lập trình website, có kiến thức HTML, CSS hay PHP bạn dễ dàng mở rộng website wordpress với nhiều tính hữu ích Hiện với hàng nghìn function có sẵn wordpress bạn thoải mái sử dụng, dễ dàng thay đổi cấu trúc hàm với filter hook hay quy trình làm việc lập trình viên chun nghiệp • Được tích hợp nhiều ngơn ngữ Wordpress tích hợp nhiều ngơn ngữ kèm, có tiếng Việt, giúp bạn sử dụng cài đặt wordpress cách thuận tiện mà không cần phải copy từ google dịch mã nguồn mở khác Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved TÊN HỌC PHẦN LOGO KHOA TÌM HIỂU VỀ WORDPRESS Ưu điểm wordpress •Khả sử dụng WordPress : WordPress tiếng với công cụ tạo trang web dễ dùng Với quy trình đăng ký đơn giản, giao diện dễ nhìn dù bạn khơng phải dân chun ngành lĩnh vực này, bạn dễ dàng tạo cho website •WordPress hỗ trợ nhiều loại Website: Bạn tạo cho loại trang Web tuỳ thích, 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á chức năng, plugin WordPress bạn cần phải nhờ trợ giúp chuyên gia tư vấn suốt trình thiết kế website, người dùng điều phức tạp Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved TÊN HỌC PHẦN LOGO KHOA TÌM HIỂU VỀ WORDPRESS Ưu điểm wordpress(tiếp) •Đa dạng giao diện có sẵn: Bên cạnh giao diện tính phí, WordPress cịn cung cấp cho bạn nhiều giao diện miễn phí đẹp mắt Nếu bạn có thêm hiểu biết thủ thuật thiết kế giao diện website, bạn hồn tồn tự tạo giao diện đẹp phù hợp với sở thích bạn Tuy nhiên bạn sử dụng giao diện tính phí, trang web bạn trở nên chuyên nghiệp •Nhiều Plugin hỗ trợ: Có 34000 plugin thư viện wordpress, bạn lựa chọn plugin phù hợp với loại website bạn Hầu hết plugin miễn phí nên chúng tạo nhiều điều kiện cho người dùng tạo trang web chuyên nghiệp, chất lượng Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved TÊN HỌC PHẦN LOGO KHOA TÌM HIỂU VỀ WORDPRESS Ưu điểm wordpress(tiếp) •Tính phổ biến: Hiện có 74 triệu trang web giới sử dụng WordPress có trang tiếng 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 ngày trở nên rộng rãi, bạn khơng cảm thấy khó khăn tìm câu trả lời liên quan đến keyword “wordpress” Internet, thơng tin có sẵn •Hỗ trợ đa ngơn ngữ: Để đáp ứng nhiều người dùng quốc gia khác nhau, WordPress cho phép người dùng chọn loại ngơn ngữ họ sử dụng, có ngơn ngữ Việt Nam •Tiết kiệm chi phí: Việc thiết kế trang web riêng cho bạn WordPress hồn tồn miễn phí Có nhiều theme miễn phí có sẵn để sử dụng với click Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved TÊN HỌC PHẦN LOGO KHOA TÌM HIỂU VỀ WORDPRESS Cấu trúc trang wordpress Bộ quản trị wordpress gồm phần sau: Dashboard: Tổng quan quản trị wordpress, bao gồm thông tin tóm tắt website wordpress, viết blog nhanh, số bình luận nhất, từ wordpress.org blog, plugin phổ biến nhất, link đến website bạn o Updates: Hiển thị tất theme plugin có vào phép nâng cấp trực tiếp Posts: Quản lý viết, tag danh mục (category) o All posts: Quản lý tất viết o Add new: Đăng viết o Categories: Quản lý tất danh mục o Tags:Quản lý tất 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 Cấu trúc trang wordpress Appearance: Quản lý giao diện o Themes: Thêm 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ý 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 Tools: Các công cụ nhập/xuất nội dung Settings: Thiết lập tùy chọn o Genetal: Cài đặt chung o Writing Settings: Cài đặt 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 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 wordpress Bước 1: Chọn mua Domain Share Hosting • Domain (tên miền): Thường có com, net, vn,… • Hosting: Là nơi lưu trữ tồn liệu web bao gồm code + database • Trỏ tên miền Hosting : - Đây bước liên kết tên miền với hosting chúng hoạt động thành thể thống - Đầu tiên, xác định địa IP hosting thông qua bước đăng ký hosting - Bây giờ, truy cập vào trang quản lý tên miền 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 thấy phần Bản ghi tài nguyên tùy chỉnh • Điền vào record để tên miền hoạt động là: • Name là @ – Type là A – Value là địa IP hosting • Name là www – Type là A – Value là địa IP hosting • Chờ lúc cho kết nối thiết lập tên miền hoạt động Với tên miền Google việc cập nhậ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 wordpress • Bước 2: Cài đặt WordPress hosting • Sau cài đặt cho tên miền hosting kết nối với Việc cài đặt WordPress lên hosting Sẽ có cách để cài WordPress host, là: • Cài đặt tự động: Sử dụng cơng cụ có sẵn hosting để tải cài đặt WordPress Hầu hết hosting có hỗ trợ cơng cụ • Cài đặt thủ cơng: Bạn tự tay tải source WordPress upload lên hosting tự cài đặt 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 wordpress Bước 3: Cài đặt theme, plugin cấu hình cho web WordPress • Trong bước có số việc bạn phải làm cài đặt theme cho WordPress để nhìn chuyên nghiệp cài số plugin để tối ưu chức cho web, lại cài đặt số mục Cài đặt giao diện web • Tùy thuộc vào mục đích bạn làm web để làm chọn theme cho phù hợp Hiện trên kho theme miễn phí wordpress có hàng chục nghìn theme với hầu hết chủ đề khác 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 cài đặt theme xong bạn chịu khó ngồi tinh chỉnh giao diện cho nhìn chuyên nghiệp phù hợp với lĩnh vực • Sau xong, chuyển xuống cài đặt số plugin để có chức 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 wordpress Cài đặt plugin cho web • Plugin WordPress phần mở rộng giúp tích hợp thêm chức vào web Cũng giống theme plugin có kho miễn phí trả phí Với web WordPress cần plugin sau Akismet – Ngăn chặn spam bình luận cho web Contact Form 7 – Tạo form liên hệ dễ dàng, chuyên nghiệp Yoast SEO – Tối ưu SEO Onpage cho web Plugin SMTP – Gửi email qua SMTP (chỉ cài hosting không cho phép gửi email) Plugin chèn quảng cáo – Hỗ trợ chèn quảng cáo vào vị trí phù hợp Đó plugin mà web bạn cần phải có Ngồi ra, trình phát triển web cần thêm chức bạn lên kho plugin miễn phí 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ảnh trực tuyến : Chứ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 giỏ hàng 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 ... KHOA BỐ CỤC Phần I : tìm hiểu wordpress Giới thiệu chung wordpress Đặc điểm wordpress Ưu điểm wordpress Cấu trúc trang wordpress Phần II: Ứng dụng wordpress xây dụng website Webiste: https://haui.edu.vn... PHẦN LOGO KHOA XÂY DỰNG WEBSITE BẰNG WORDPRESS Các bước xây dựng website wordpress • Bước 2: Cài đặt WordPress hosting • Sau cài đặt cho tên miền hosting kết nối với Việc cài đặt WordPress lên... KHOA XÂY DỰNG WEBSITE BẰNG WORDPRESS Các bước xây dựng website wordpress Bước 3: Cài đặt theme, plugin cấu hình cho web WordPress • Trong bước có số việc bạn phải làm cài đặt theme cho WordPress