ĂY BAN NHÂN DÂN THÀNH PHà Hâ CHÍ MINH TR¯äNG CAO ĐÀNG BÁCH KHOA NAM SÀI GÒN GIÁO TRÌNH MÔN HàC/MÔ ĐUN: ĀNG DĀNG Mà NGUâN Mæ TRONG WEB NGÀNH/NGHÀ: TIN HàC ĀNG DĀNG TRÌNH Đà: CAO ĐÀNG Ban hành kèm theo Quyết định số: 459/QĐ-NSG, ngày 31 tháng 08 năm 2022 của Hiệu trưởng Trường Cao Đẳng Bách Khoa Nam Sài Gòn Tp.Hã Chí Minh, năm 2022 Giáo trình Ứng dụng mã nguồn mở trong web Hệ Cao đẳng TUYÊN Bà BÀN QUYÀN Tài liáu này thußc lo¿i sách giáo trình nên các nguãn thông tin có thể đ°ÿc phép dùng nguyên bÁn hoặc trích dùng cho các māc đích vÁ đào t¿o và tham khÁo. Mọi māc đích khác mang tính lách l¿c hoặc sÿ dāng vái māc đích kinh doanh thi¿u lành m¿nh sẽ bị nghiêm cấm. Trang 2 Giáo trình Ứng dụng mã nguồn mở trong web Hệ Cao đẳng LäI GIâI THIÞU Giáo trình <Ąng dāng mã nguãn má trong Web= là tài liáu đ°ÿc biên so¿n để phāc vā cho viác giÁng d¿y và học tập căa giÁng viên và sinh viên há Cao đẳng ngành Tin học Ąng dāng. Tài liáu cung cấp nhāng ki¿n thąc c¡ sá căa viác ąng dāng mã nguãn má WordPress vào thi¿t k¿ website.
Giáo trình đ°ÿc biên so¿n theo đÁ c°¡ng môn học <Ąng dāng mã nguãn má trong Web= căa há cao đẳng ngành Tin học Ąng dāng. Nßi dung căa giáo trình này bao gãm 03 ch°¡ng: Ch°¡ng 1: H°áng dÁn vÁ WordPress Ch°¡ng 2: Xây dăng website tin tąc bÁng WordPress Ch°¡ng 3: Xây dăng website bán hàng bÁng WordPress Trong quá trình biên so¿n, tác giÁ đã chọn lọc nhāng ki¿n thąc c¡ bÁn, bổ ích nhÁm đáp ąng tát nhu cầu học tập căa sinh viên t¿i tr°ßng; nh°ng ch¿c ch¿n sẽ không tránh khßi nhāng thi¿u sót, nhất là vÁ mặt từ ngā. Tác giÁ rất mong nhận đ°ÿc ý ki¿n đóng góp căa quý thầy cô đãng nghiáp và các b¿n sinh viên để hiáu chỉnh giáo trình ngày càng hoàn thián h¡n.HCM, ngày 17 tháng 04 năm 2022 Tham gia biên so¿n 1. Trang 3 Giáo trình Ứng dụng mã nguồn mở trong web Hệ Cao đẳng MỤC LỤC Ch°¡ng 1.
H¯àNG DÀN VÀ WORDPRESS .1 Giái thiáu tổng quan vÁ Wordpress .1 Giái thiáu vÁ hosting, domain .2 Quy trình làm website .3 Giái thiáu vÁ WordPress .4 Làm quen giao dián quÁn trị .5 Giái thiáu và h°áng dÁn sÿ dāng category, tags, post .2 QuÁn lý nßi dung, Theme, Plugin .1 QuÁn trị nßi dung trong WordPress .2 Giái thiáu và sÿ dāng Page .3 QuÁn lý file (video, hình Ánh, …) trong WordPress .4 QuÁn lý giao dián Theme .3 QuÁn lý user và các plugin thông dāng .1 Vai trò căa các nhóm ng°ßi dùng (user role).2 T¿o ng°ßi dùng (user) mái và quÁn lý.3 Tùy bi¿n quyÁn ng°ßi dùng vái Advanced Access Manager .4 Thêm / sÿa Ánh Avatar ng°ßi dùng vái Gravatar .5 T¿o thêm thông tin user và hiển thị ra theme.6 Chąc năng revision căa WordPress .4 Hỗ trÿ SEO và đa ngôn ngā.1 Khái niám SEO, các plugin hỗ trÿ SEO.2 Vi¿t bài chu¿n SEO vái Yoast SEO .3 Mßt sá plugin đa ngôn ngā .4 Plugin t¿o slide hình Ánh và plugin Viát hóa website trong WordPress53 1. 54 Trang 4 Giáo trình Ứng dụng mã nguồn mở trong web Hệ Cao đẳng 1. XÂY DĂNG WEBSITE TIN TĄC BÀNG WORDPRESS .1 Cài đặt WordPress, xây dăng dā liáu cho website .1 Cài đặt WordPress.2 Xây dăng dā liáu cho website .2 Xây dăng há tháng sidebar, menu và footer .1 T¿o sitebar cho các bài vi¿t .2 T¿o há tháng menu.3 Thêm logo và favicon .4 Xây dăng footer .3 Xây dăng giao dián cho trang chă và các trang chuyên māc .1 Xây dăng giao dián cho trang chă .2 Xây dăng danh māc .3 Xây dăng menu .4 Xây dăng trang liên há và gÿi mail.5 Tìm hiểu tính năng trong theme panel .4 Upload và publish website.1 Kiểm tra website lần cuái .2 Chuyển website tin tąc sang mßt hosting khác. XÂY DĂNG WEBSITE BÁN HÀNG BÀNG WORDPRESS .1 Cài đặt giao dián và import dā liáu mÁu cho webite .1 Cài đặt giao dián cho website bán hàng .2 Import dā liáu mÁu cho website.2 Xây dăng chąc năng sÁn ph¿m .1 Xây dăng chąc năng sÁn ph¿m theo danh māc .2 Xây dăng chąc năng sÁn ph¿m mái.
106 Trang 5 Giáo trình Ứng dụng mã nguồn mở trong web Hệ Cao đẳng 3.3 Xây dăng chąc năng sÁn ph¿m mua nhiÁu .4 Xây dăng chąc năng sÁn ph¿m đặc biát (sÁn ph¿m có bi¿n thể) .5 Xây dăng chąc năng sÁn ph¿m liên quan .6 Xây dăng chąc năng Sildeshow trình chi¿u sÁn ph¿m .7 Xây dăng chąc năng Banner quÁng cáo .3 Xây dăng các chąc năng khác .1 Xây dăng chąc năng đặt hàng.2 Xây dăng chąc năng mua hàng.3 Xây dăng chąc năng thanh toán .4 Xây dăng chąc năng liên há .4 Tái °u onpage website cho công cā tìm ki¿m google .1 Tái °u hóa cấu trúc HTML .5 Đ°a website lên môi tr°ßng internet .1 Upload source lên Hosting .3 Cấu hình để ch¿y đ°ÿc trên Hosting. 141 Bài tập tổng hÿp. 142 Tài liáu tham khÁo. 147 Trang 6 Giáo trình Ứng dụng mã nguồn mở trong web Hệ Cao đẳng GIÁO TRÌNH MÔN HàC/MÔ ĐUN Tên môn hác/mô đun: Āng dāng mã nguãn mç trong WEB Mã môn hác/mô đun: MH23 Vß trí, tính chất, ý nghĩa và vai trò cÿa môn hác/mô đun: - Vị trí: Môn Ąng dāng mã nguãn má trong web là môn chuyên ngành, trong ch°¡ng trình đào t¿o há cao đẳng ngành Tin học Ąng dāng.
- Tính chất: Môn Ąng dāng mã nguãn má trong web là môn học cung cấp nhāng ki¿n thąc, h°áng dÁn các tián ích và các tính năng trong WordPress, xây dăng đ°ÿc các thành phần má rßng nh°: Plugin, theme, widget, shortcode, meta boxes, custom post types, custom taxoonmies, metadata. Ąng dāng mã nguãn má để xây dăng Website theo nhu cầu thăc t¿. - Ý nghĩa và vai trò căa môn học/mô đun: Māc tiêu cÿa môn hác/mô đun: Sau khi học xong môn học / mô đun này, sinh viên có khÁ năng: - VÁ ki¿n thąc: + Phân biát đ°ÿc các chąc năng trong WordPress; + Trình bày đ°ÿc cấu trúc và quan há trong há tháng database căa WordPress. + Trình bày đ°ÿc khái niám SEO.
- VÁ kỹ năng: + Xây dăng đ°ÿc các thành phần má rßng nh°: Plugin, theme, widget, shortcode, meta boxes, custom post types, custom taxoonmies, metadata; + Xây dăng và thi¿t k¿ đ°ÿc website tin tąc; + Thi¿t k¿ đ°ÿc website bán hàng. + T¿o đ°ÿc website đa ngôn ngā. + Upload và publish website lên máy chă. - VÁ năng lăc tă chă và trách nhiám: Rèn luyán lòng yêu nghÁ, t° th¿ tác phong công nghiáp, tính kiên trì, sáng t¿o trong công viác.
Trang 7 Giáo trình Ứng dụng mã nguồn mở trong web Hệ Cao đẳng Ch°¡ng 1. H¯âNG DÀN VÀ WORDPRESS Māc tiêu: Sau khi học xong chương này học sinh có thể: Trình bày được wordpress là gì; Nhận dạng được cấu trúc hệ thống wordpress; Tìm kiếm, lựa chọn và cài đặt được wordpress; Cài đặt được máy chủ ảo Vertrigo, PHPMyadmin, My SQL.; Quản lý được các nội dung trong wordpress; Trình bày được cấu trúc theme trong wordpress; Cài đặt và sử dụng được các plugin và theme có sẵn và không có sẵn trong wordpress; Phân biệt, tạo và thay đổi được vai trò của các nhóm người dùng; Trình bày được khái niệm SEO; Thực hiện được viết bài chuÁn SEO với Yoast SEO; Tạo được website đa ngôn ngữ.1 Giãi thißu tổng quan vÁ Wordpress 1.1 Giãi thißu vÁ hosting, domain 1.1 Web hosting là gì? Web hosting là n¡i không gian trên máy chă có cài dịch vā Internet nh° FTP, www, n¡i đó chúng ta có thể chąa nßi dung trang web hay dā liáu trên không gian đó. Lý do phÁi thuê Web hosting để chąa nßi dung trang web, dịch vā mail, FTP, vì nhāng máy tính đó luôn có mßt địa chỉ cá định mỗi khi k¿t nái vào Internet (đó là địa chỉ IP), còn n¿u truy cập vào Internet nh° thông th°ßng hián nay thông qua các IPS (Internet Service Provider - Nhà cung cấp dịch vā Internet) thì địa chỉ IP trên máy luôn bị thay đổi, do đó dā liáu trên máy căa b¿n không thể truy cập đ°ÿc từ nhāng máy khác trên Internet. Tùy theo nhà cung cấp dịch vā Web hosting mà chất l°ÿng cũng khác nhau nh°: Tác đß truy cập Internet t¿i server Web hosting đó; Dung l°ÿng đĩa là y¿u tá có thể chąa đ°ÿc nhiÁu web page hay dā liáu hay không.
Có 3 lo¿i hosting: Trang 8 Giáo trình Ứng dụng mã nguồn mở trong web Hệ Cao đẳng Dedicated Server: Là 1 máy chă vật lý riêng và b¿n toàn quyÁn vái máy chă này. Giá thuê đ¿t và khó sÿ dāng, không phù hÿp vái ng°ßi mái. Virtual Private Server (VPS): Cũng là máy chă riêng nh°ng là máy chă Áo đ°ÿc sinh ra bái máy chă vật lý. B¿n vÁn có thể toàn quyÁn vái máy chă Áo này, nh°ng cũng khó sÿ dāng vái ng°ßi mái.
Shared host: Là 1 hosting đ°ÿc sinh ra bái 1 máy chă riêng biát, và á 1 máy chă này ng°ßi ta t¿o ra nhiÁu shared host ví dā A, B, C, D,… N¿u b¿n sÿ dāng A thì B, C, D là nhāng ng°ßi hàng xóm căa b¿n. Tuy dùng chung máy chă nh°ng các dā liáu l¿i riêng biát. Shared host dß sÿ dāng vái ng°ßi mái ti¿p cận và đây là d¿ng host nên dùng á thßi điểm b¿t đầu.2 Domain Khi xây dăng website, b¿n phÁi cho th¿ giái online bi¿t đ°ÿc website căa mình, muán vậy b¿n phÁi đặt cho website căa b¿n mßt cái tên, tên miÁn chính là tên căa website, ví dā: namsaigon.vn là tên miÁn…. Theo mßt nghĩa khác tên miÁn thay th¿ cho cách định danh địa chỉ IP căa website là các con sá rất khó nhá.
Ví dā tên miÁn namsaigon.vn có địa chỉ IP là 123. Khi quÁng bá đ¿n vái mọi ng°ßi chúng ta nói rÁng: hãy vào website căa tôi theo địa chỉ 123.248 thì rất ít ng°ßi nhá đ°ÿc website căa chúng ta, thay vào đó chúng ta quÁng bá vái tên miÁn namsaigon.vn thì sẽ dß nhá h¡n nhiÁu. Trang 9 Giáo trình Ứng dụng mã nguồn mở trong web Hệ Cao đẳng Để có tên miÁn chúng ta phÁi đăng ký vái nhà cung cấp tên miÁn, nên chọn lăa các nhà cung cấp uy tín để đăng ký. Sau đây là quá trình đăng ký tên miÁn: 1.
Xác định tên miÁn cần mua là tên miÁn quác t¿ hay tên miÁn .vn sau đó tìm mßt nhà cung cấp uy tín để đăng ký, phù hÿp vái ngân sách căa b¿n; ví dā: pavietnam. Sÿ dāng công cā kiểm tra tên miÁn, để đÁm bÁo tên miÁn định mua còn hiáu lăc ch°a có ai đăng ký. Ti¿n hành đăng ký tên miÁn, th°ßng đăng ký tên miÁn đ°ÿc tính theo năm, tąc là mỗi năm phÁi đăng ký gia h¿n l¿i.