giáo trình ứng dụng mã nguồn mở trong web nghề tin học ứng dụng cao đẳngtrung cấp

H¯âNG DÀN VÀ WORDPRESSMā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 đ

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

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

Trân trọng cÁm ¡n

TP.HCM, ngày 17 tháng 04 năm 2022 Tham gia biên so¿n

1 Chă biên

2 …………

3 …………

MỤC LỤC

Ch°¡ng 1 H¯àNG DÀN VÀ WORDPRESS 8

1.1 Giái thiáu tổng quan vÁ Wordpress 8

1.1.1 Giái thiáu vÁ hosting, domain 8

1.1.2 Quy trình làm website 10

1.1.3 Giái thiáu vÁ WordPress 18

1.1.4 Làm quen giao dián quÁn trị 18

1.1.5 Giái thiáu và h°áng dÁn sÿ dāng category, tags, post 22

1.2 QuÁn lý nßi dung, Theme, Plugin 29

1.2.1 QuÁn trị nßi dung trong WordPress 29

1.2.2 Giái thiáu và sÿ dāng Page 29

1.2.3 QuÁn lý file (video, hình Ánh, …) trong WordPress 30

1.2.4 QuÁn lý giao dián Theme 30

1.2.5 QuÁn lý Plugin 37

1.3 QuÁn lý user và các plugin thông dāng 38

1.3.1 Vai trò căa các nhóm ng°ßi dùng (user role) 38

1.3.2 T¿o ng°ßi dùng (user) mái và quÁn lý 38

1.3.3 Tùy bi¿n quyÁn ng°ßi dùng vái Advanced Access Manager 40

1.3.4 Thêm / sÿa Ánh Avatar ng°ßi dùng vái Gravatar 43

1.3.5 T¿o thêm thông tin user và hiển thị ra theme 46

1.3.6 Chąc năng revision căa WordPress 47

1.4 Hỗ trÿ SEO và đa ngôn ngā 48

1.4.1 Khái niám SEO, các plugin hỗ trÿ SEO 48

1.4.2 Vi¿t bài chu¿n SEO vái Yoast SEO 49

1.4.3 Mßt sá plugin đa ngôn ngā 52

1.4.4 Plugin t¿o slide hình Ánh và plugin Viát hóa website trong WordPress53 1.5 Bài tập 53

1.5.1 Bài tập 1 53

1.5.2 Bài tập 2 54

1.5.4 Bài tập 4 56

Ch°¡ng 2 XÂY DĂNG WEBSITE TIN TĄC BÀNG WORDPRESS 61

2.1 Cài đặt WordPress, xây dăng dā liáu cho website 61

2.1.1 Cài đặt WordPress 61

2.1.2 Xây dăng dā liáu cho website 61

2.2 Xây dăng há tháng sidebar, menu và footer 62

2.2.1 T¿o sitebar cho các bài vi¿t 62

2.2.2 T¿o há tháng menu 64

2.2.3 Thêm logo và favicon 66

2.2.4 Xây dăng footer 69

2.3 Xây dăng giao dián cho trang chă và các trang chuyên māc 72

2.3.1 Xây dăng giao dián cho trang chă 72

2.3.2 Xây dăng danh māc 73

2.3.3 Xây dăng menu 73

2.3.4 Xây dăng trang liên há và gÿi mail 73

2.3.5 Tìm hiểu tính năng trong theme panel 77

2.4 Upload và publish website 79

2.4.1 Kiểm tra website lần cuái 79

2.4.2 Chuyển website tin tąc sang mßt hosting khác 80

2.5 Bài tập 90

2.5.1 Bài tập 1 90

2.5.2 Bài tập 2 95

2.5.3 Bài tập 3 97

Ch°¡ng 3 XÂY DĂNG WEBSITE BÁN HÀNG BÀNG WORDPRESS 100

3.1 Cài đặt giao dián và import dā liáu mÁu cho webite 100

3.1.1 Cài đặt giao dián cho website bán hàng 100

3.1.2 Import dā liáu mÁu cho website 105

3.2 Xây dăng chąc năng sÁn ph¿m 105

3.2.1 Xây dăng chąc năng sÁn ph¿m theo danh māc 105

3.2.2 Xây dăng chąc năng sÁn ph¿m mái 106

3.2.4 Xây dăng chąc năng sÁn ph¿m đặc biát (sÁn ph¿m có bi¿n thể) 112

3.2.5 Xây dăng chąc năng sÁn ph¿m liên quan 118

3.2.6 Xây dăng chąc năng Sildeshow trình chi¿u sÁn ph¿m 122

3.2.7 Xây dăng chąc năng Banner quÁng cáo 126

3.3 Xây dăng các chąc năng khác 127

3.3.1 Xây dăng chąc năng đặt hàng 127

3.3.2 Xây dăng chąc năng mua hàng 130

3.3.3 Xây dăng chąc năng thanh toán 131

3.3.4 Xây dăng chąc năng liên há 132

3.4 Tái °u onpage website cho công cā tìm ki¿m google 133

3.4.1 Tái °u hóa cấu trúc HTML 133

3.4.2 Tái °u hóa nßi dung 134

3.5 Đ°a website lên môi tr°ßng internet 135

3.5.1 Upload source lên Hosting 135

3.5.2 Khái t¿o database 136

3.5.3 Cấu hình để ch¿y đ°ÿc trên Hosting 140

3.6 Bài tập 1 141

3.7 Bài tập 2 141

Bài tập tổng hÿp 142

Tài liáu tham khÁo 147

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:

- Ý 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

+ 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

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.1 Giãi thißu tổng quan vÁ Wordpress

1.1.1 Giãi thißu vÁ hosting, domain

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

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

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.edu.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.edu.vn có địa chỉ

IP là 123.30.130.248 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.30.130.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.edu.vn thì sẽ dß nhá h¡n nhiÁu

Để 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.vn

2 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ý

3 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

Giá cÁ căa tên miÁn dao đßng từ vài chāc ngàn đ¿n vài trăm ngàn cho mỗi năm đăng

ký sÿ dāng, th°ßng tên miÁn vn có giá cao h¡n tên miÁn com, net hoặc org Giá cÁ đôi khi còn phā thußc vào chính sách căa công ty, mßt sá công ty có khuy¿n mãi n¿u đăng ký hosting thì mißn phí tên miÁn… Chi ti¿t có thể xem thêm t¿i mßt sá công ty cung cấp tên miÁn nổi ti¿ng t¿i Viát Nam nh° PAVietNam, matbao, tenten…

Localhost là mßt máy chă đ°ÿc vận hành trăc ti¿p trên máy tính căa b¿n có tính năng t°¡ng đ°¡ng nh° trên máy chă thật Để hỗ trÿ lập trình viên có thể lập trình ngay trên máy tính nên tác đß xÿ lý công viác sẽ nhanh h¡n

Localhost hỗ trÿ nhiÁu ngôn ngā lập trình bao gãm cÁ PHP, ASP, ASPX, JAVA… Localhost gãm các thành phần chính nh°: Database (PhpMyAdmin), Root (www), Webserver tên Apache

Localhost ch¿y bÁng tên miÁn nào? Localhost th°ßng ch¿y mặc định vái nhāng tên miÁn chính gãm: http://localhost; http://127.0.0.1; http://tenmay (tenmay chính là tên máy tính căa b¿n khi cài đặt Window)

B°ãc 1: Cài đặt môi tr°ång ch¿y wordpress trên máy tính

 Tải gói ph¿n mềm Xampp

 Download gói cài đặt theo hướng dẫn từ trang chủ Xampp

 Sau khi tải về, nhấn cài đặt ph¿n mềm vào máy tính

B°ãc 2: Cài đặt wordpress phiên bÁn mãi nhất

 Khởi động môi trường

 Bật ứng dụng Apache và MySql

 Tải wordpress phiên bản mới nhất

 Giải nén vào thư mục C:\xampp\htdocs, đặt tên website tương ứng

 Mở ph¿n mềm Xampp, bật ứng dụng MySql nhấn vào nút Admin

 Tạo CSDL cho website, đặt tên tương ứng (dễ nhớ)

 Mở trình duyệt, gõ vào đường dẫn http://localhost/web1 (web1 = tên thư mục

đã đặt lúc giải nén wordpress tương ứng)

 Quá trình cài đặt diễn ra với 6 bước: chọn tên CSDL, Tên Người dùng, Tên Website tương ứng và hoàn tất

(L°u ý: trên localhost, Username căa database luôn là root, mật kh¿u để tráng (vÁn có cách thi¿t lập nh°ng không cần thi¿t) và Database Host luôn là localhost Table Prefix nghĩa

là tiÁn tá căa database chąa dā liáu WordPress, mặc định nó sẽ là wp_, chúng ta có thể đổi nó thành bất cą cái gì nh°ng phÁi b¿t bußc có _ đÁng sau.)

Chúng ta đã hoàn thành viác cài đặt phiên bÁn wordpress mái nhất lên máy tính cá nhân, môi tr°ßng localhost Viác cài đặt này giúp cho b¿n dß dàng phát triển và xây dăng website hoàn chỉnh tr°ác khi triển khai web lên môi tr°ßng ch¿y thăc t¿ (m¿ng internet)

N¿u truy cập vào tên miÁn chính nh° http://localhost/web1, nó sẽ ra trang chă căa website WordPress nh° th¿ này:

Còn n¿u muán truy cập vào trang quÁn trị Admin căa WordPress thì sẽ thêm /wp- admin vào đ°ßng dÁn thành http://localhost/web1/wp-admin.php hoặc

http://localhost/web1/wp-login.php

Nhập thông tin đăng nhập N¿u đăng nhập thành công sẽ xuất hián giao dián trang quÁn trị:

B°ãc 3: Chán giao dißn cho trang web cÿa b¿n (themes):

Website căa b¿n đ°ÿc xây dăng dăa trên mã nguãn má WordPress, nên viác các bên thą 3 sẽ t¿o ra hàng triáu giao dián có sẵn

BÁn thân WordPress cũng có mßt kho giao dián mißn phí và trÁ phí mà b¿n có thể lăa chọn sao cho phù hÿp vái māc đích website căa b¿n: website tin tąc; website bán hàng; blog riêng; vi¿t nhāng ki¿n thąc; dịch vā riêng; … Mỗi māc đích khác nhau đÁu phÁi chọn nhāng giao dián sao cho phù hÿp

B°ãc 4: Cài đặt các WordPress plugin c¡ bÁn:

WordPress plugin là nhāng công cā có nhāng tính năng riêng biát, mà trong mã nguãn WordPress sẽ không tích hÿp

Cũng nh° themes, WordPress plugin có 2 lo¿i trÁ phí và mißn phí Nh°ng vái 1 website mái, b¿n chỉ cần dùng nhāng thą mißn phí (cÁ theme và plugin)

1.1.3 Giãi thißu vÁ WordPress

WordPress là mßt Content Management System (há tháng quÁn trị nßi dung) đ°ÿc vi¿t t¿t là CMS là mßt d¿ng phần mÁm mã nguãn má đ°ÿc Christine Selleck đÁ xuất Mọi ng°ßi bi¿t đ¿n WordPress đ¡n giÁn là để vi¿t Blog, để đăng tÁi thông tin căa mình lên m¿ng nh°ng không đ¡n giÁn nh° vậy, WordPress còn có chąc năng nh° mọi website khác Nó có thể làm website tin tąc, đánh giá, bán hàng… thậm chí là… m¿ng xã hßi Có thể ąng dāng WordPress

để t¿o cho mình 1 website trên nÁn WordPress, 1 website đ°ÿc t¿o ra nhanh chóng đ¡n giÁn

mà l¿i tián cho viác quÁng bá sÁn ph¿m, thông tin, ki¿n thąc ….WordPress đ°ÿc vi¿t bÁng ngôn ngā lập trình PHP và sÿ dāng MySQL database WordPress là <con= căa B2 / Cafelog, đ°ÿc xây dăng trên să tián dāng, cùng các định d¿ng chu¿n căa web

Phiên bÁn mái nhất căa WordPress tính đ¿n tháng 2/2020 là 5.3 Rất nhiÁu Website nổi ti¿ng đang sÿ dāng WordPress làm nÁn tÁng để phát triển nh° CNN, ebay, bata,…

1 Khung menu trái:

Đây là n¡i để truy cập vào các thành phần công cā có trong WordPress Dashboard

Đây là phần hiển thị nßi dung các chąc năng t°¡ng ąng vái từng phần đã chọn trong khu văc 1 à đó, có thể thao tác sÿ dāng các chąc năng căa nó

3 Tùy chán hiển thß:

Khi click vào nút Screen Options, có thể chỉnh đ°ÿc viác hiển thị/¿n các đái t°ÿng cā thể có trong khu văc 2 để làm nó gọn đi n¿u thấy có nhiÁu tính năng không cần thi¿t

4 Thanh điÁu h°ãng nhanh cho Admin (Admin Quick Bar)

Khi đăng nhập vào WordPress thì dù có á đâu trong trang, vÁn có thể thấy đ°ÿc thanh công cā nhanh này, nó giúp di chuyển tái các phần quan trọng nh° vi¿t bài mái, t¿o page mái,… nhanh h¡n

1 Dashboard:

Khu văc Dashboard tập hÿp các công cā liên quan đ¿n viác theo dõi tháng kê căa website và cập nhật các phiên bÁn theme, plugin, WordPress,… Nó có 2 phần:

 Home: Khu văc theo dõi các ti¿n trình căa WordPress, cũng nh° báo cáo chi

ti¿t vÁ các bài vi¿t, bình luận,…

 Update: Cập nhật nhāng bÁn vá mái nhất căa theme, plugin, WordPress đang

sÿ dāng Mỗi khi có bÁn mái, nó sẽ hiển thị thông báo

2 Posts:

nó

Đây là phần quan trọng nhất, đó chính là phần để đăng bài vi¿t lên cũng nh° quÁn lý

 All Posts: Xem và chỉnh sÿa, quÁn lý tất cÁ các bài vi¿t đang có trên website

 Add New: Đăng bài mái

 Categories: QuÁn lý các chuyên māc bài vi¿t đang có

 Tags: QuÁn lý các thÁ bài vi¿t đang có

3 Media:

Phần này để quÁn lý các file media đang có trên website (Ánh, nh¿c, video,… nh°ng thông th°ßng chỉ chąa Ánh trong bài vi¿t)

 Library: Th° vián media - n¡i quÁn lý các tập tin đã upload lên

 Add New: Thêm mái mßt file media

4 Pages:

T°¡ng tă phần Posts, nh°ng sẽ không có categories và tags Dùng để đăng các trang nßi dung có y¿u tá chung chung và không đ°ÿc phân lo¿i bái mßt category hay tag nào, ví dā nh°: trang giái thiáu, trang liên há,

 All Pages: Xem và quÁn lý tất cÁ các page hián có

 Add New: T¿o page mái

 Themes: quÁn lý, cài đặt và xóa các theme (giao dián) đang có Nó cũng tích

hÿp tính năng tìm theme có trong th° vián WordPress

 Customize (không phÁi theme nào cũng có): tùy bi¿n giao dián đang có nh° đổi

màu s¿c, màu chā, thêm banner,…

 Widgets: quÁn lý và sÿ dāng các widget đ°ÿc hỗ trÿ Widget là mßt tính năng

nhß, có thể kéo nó vào sidebar (thanh bên c¿nh nßi dung) để sÿ dāng

 Menus: quÁn lý và chỉnh sÿa menu hián có trong theme

 Background: thêm Ánh nÁn cho theme

 Theme Editor: N¡i để can thiáp vào phần code căa theme

 Add New: cài mái mßt plugin

 Editor: Cũng nh° Appearance, đây là chỗ để có thể can thiáp vào phần code căa từng plugin (không nên sÿa n¿u không hiểu vÁ nó)

8 Users:

WordPress cho phép ta có thể t¿o ra nhiÁu thành viên khác nhau và có thể phân quyÁn cho thành viên, có thể chỉ định họ đ°ÿc sÿa bài, vi¿t bài và làm Admin

 All Users: QuÁn lý các thành viên hián có trong website

 Add New: T¿o thành viên mái

 Your Profile: Sÿa thông tin cá nhân, đổi mật kh¿u tài khoÁn căa chính tài khoÁn đang đăng nhập

9 Tools:

Khu văc này đôi khi cũng ít dùng tái, chỉ là n¡i sÿ dāng các công cā nhß căa WordPress

mà thôi Đôi khi mßt sá plugin cài vào nÁm á trong này

 Available Tools: N¡i xem các công cā có thể đ°ÿc sÿ dāng trong hián t¿i

 Import: Nhập nßi dung từ website khác vÁ trang WordPress căa b¿n

 Export: Xuất nßi dung ra mßt file xml và có thể import nó l¿i khi cần hoặc import á mßt website khác Tuy ít dùng nh°ng đây là mßt tính năng quan trọng cần bi¿t

10 Settings:

Tập hÿp các công cā liên quan đ¿n viác cấu hình, thi¿t lập website WordPress

 General: Cấu hình chung căa WordPress, có thể thi¿t lập tên website, múi giß

và mßt sá tính năng khác á đây

 Writing: Thi¿t lập liên quan đ¿n viác đăng bài lên website

 Reading: Thi¿t lập các tính năng liên quan đ¿n viác hiển thị, xem bài vi¿t trên website vái khách

 Discussion: Thi¿t lập các tùy chọn liên quan đ¿n viác bình luận trên website

 Media: Thi¿t lập tùy chọn liên quan đ¿n viác l°u trā các file media trong th° vián Media

 Permalinks: Thi¿t lập đ°ßng dÁn tĩnh cho website, tąc là có thể đ°a link bài

vi¿t từ d¿ng đßng sang cấu trúc d¿ng tĩnh

Category đ°ÿc hiểu nh° là mßt chuyên māc (danh māc, th° māc) bài vi¿t mà khi vi¿t bài, có thể tùy chọn để đ°a nó vào Trong category, có thể t¿o ra nhiÁu category con nÁm bên trong mßt category m¿ đ°ÿc dùng để phân lo¿i rõ ràng h¡n Ví dā nh° có category tên Nấu

ăn thì có thể đặt thêm các category con tên Món chiên, Món xào, Món chay,…

Māc đích sÿ dāng category là để ng°ßi đọc dß tìm nßi dung họ cần đọc h¡n, cũng nh°

để ng°ßi quÁn trị có thể dß dàng quÁn lý nó

B°ãc 1: Vào Dashboard, māc Posts  Categories:

B°ãc 2: Xuất hißn giao dißn quÁn lý categories:

à phía bên trái căa trang, có tab Categories cho phép t¿o các chuyên māc ĐiÁn đầy

đă các thông tin các khung trên tab Categories, sau đó nhấn Add new Category

 Name: Nhập tên cho chuyên māc

 Slug: URL Category, nên để tráng Mặc định WordPress sẽ lấy tên category để t¿o đ°ßng dÁn

 Parent: Th° māc m¿, n¿u để None thì nghĩa là nó sẽ không nÁm trong category

nào khác Thăc hián chọn category m¿ trong box xổ xuáng (n¿u muán)

 Description: Thêm mô tÁ ng¿n vÁ chuyên māc, có thể thêm hoặc không; cần thi¿t trong SEO

B°ãc 3: Sau khi điÁn đầy đÿ các thông tin trên trang Categories, click chán nút Add New Category để t¿o chuyên māc trong WordPress

Ví dā 1: T¿o chuyên māc Tin tąc nh° hình:

B°ãc 4: Sau khi click chán nút Add New Category, chuyên māc mãi đ°ÿc t¿o sẽ hiển thß ç góc bên phÁi trang nh° hình:

Ví dā 2: T¿o chuyên māc Viát nam là chuyên māc con căa chuyên māc Tin tąc ĐiÁn tên và chọn Tin tąc làm danh māc cha Sau đó, nhấn Add new category

đăng bài vi¿t mãi

B°ãc 1: Đăng nhập vào Dashboard  Posts  Add New:

B°ãc 2: Xuất hißn giao dißn cÿa trang so¿n thÁo trong WordPress: bao gãm khu

văc nhập tiêu đÁ, nßi dung, khung so¿n thÁo  chọn category, nhập tag (thÁ phân lo¿i), format (định d¿ng) căa bài post, …

Chąc năng căa các vị trí trong Ánh trên nh° sau:

 Vị trí số 1: thanh điÁu h°áng chąa nút thêm các block và nút hoàn tác (Ctrl +

Z) Vái nút có dấu (+): click vào để thêm các khái nh° đo¿n văn bÁn, hình Ánh, tiêu

đÁ, … có rất nhiÁu các block trong đó Đặc biát là khi cài thêm mßt sá plugin bổ trÿ,

có thể nhấn vào nút này để lấy các block cần thi¿t

 Vị trí số 2: māc nhập tiêu đÁ bài vi¿t và vùng so¿n thÁo nßi dung bài vi¿t

 Vị trí số 3: khu văc để thi¿t lập cho toàn bß bài vi¿t và thi¿t lập cho từng block

riêng lÁ

 Khi không click vào khối nào thì sẽ thấy ph¿n thiết lập cho bài viết như chọn danh mục, thêm thẻ tag, thêm ảnh đại diện, bật/tắt bình luận,…:

 Khi click vào block nào đó thì sẽ hiển thị khung thiết lập cho block đó:

 Vị trí số 4: lần l°ÿt là các công cā nh° L°u vào nháp, Xem tr°ác bài vi¿t, Đăng

bài vi¿t, bánh răng cài đặt để ¿n hián khung thi¿t lập vị trí sá 3 và dấu 3 chấm là cài đặt 1 sá tùy chọn cho khung so¿n thÁo

B°ãc 3: Click chán nút Publish ç vß trí sá 4 để xuất bÁn bài vi¿t vừa thêm

B°ãc 4: Đi đ¿n trang chÿ để xem bài vi¿t mãi đ°ÿc t¿o

1.2 QuÁn lý nái dung, Theme, Plugin

Há quÁn trị nßi dung website vái WordPress – CMS có nhāng chąc năng c¡ bÁn nh°: t¿o lập nßi dung; l°u trā nßi dung, chỉnh sÿa nßi dung, hiển thị nßi dung, tìm ki¿m nßi dung, phân quyÁn ng°ßi dùng và nßi dung …

Vái WordPress, có thể đăng tÁi nßi dung dß dàng bÁng các tính năng Post, Page

Page hay còn gọi là trang trong WordPress, cũng t°¡ng tă nh° Post nh°ng Page th°ßng dùng để t¿o các trang chąc năng hoặc dùng để t¿o các trang vái cấu trúc cha con hiển thị 1 cách đßc lập, nên không có nhóm danh māc category hay thÁ tag nh° Post

Trang (Page) trong WordPress th°ßng đ°ÿc sÿ dāng để làm các trang nßi dung có y¿u

tá chung chung nh°: Trang giái thiáu vÁ công ty; Trang liên há; Trang giß hàng, thanh toán; Trang điÁu khoÁn và chính sách đổi trÁ trong website bán hàng,… Ngoài ra còn rất nhiÁu kiểu trang nāa tùy theo māc đích thể hián

Thăc hián t°¡ng tă nh° t¿o Post

B°ãc 1: Đăng nhập vào Dashboard  Page  Add New B°ãc 2: Xuất hißn giao dißn cÿa trang so¿n thÁo trong WordPress: bao gãm khu

văc nhập tiêu đÁ, nßi dung, khung so¿n thÁo, format (định d¿ng) căa page, …

1.2.3 QuÁn lý file (video, hình Ánh, &) trong WordPress

Tất cÁ các hình Ánh/tập tin tÁi lên trong lúc so¿n nßi dung, có thể đ°ÿc dß dàng quÁn

lý t¿i khu văc Media  Library trong Dashboard

T¿i đây, có thể xem toàn bß các tập tin đã tÁi lên và có thể tùy chọn kiểu hiển thị d¿ng l°ái hoặc kiểu phổ thông, cũng có thể xem theo ngày tháng và có thể click vào liên k¿t Add New để upload tập tin lên mà không cần vào trang so¿n nßi dung

Trong trang so¿n thÁo bài vi¿t, chọn nút <Thêm Media= phía trên thanh công cā Mßt popup xuất hián và hiển thị toàn bß hình Ánh đã sÿ dāng trong website hoặc tÁi lên tr°ác đó

Theme (Giao dián): điÁu khiển phần hiển thị căa website cũng nh° bài vi¿t Là phần

mà ng°ßi dùng sẽ nhìn thấy khi truy cập vào trang web Có rất nhiÁu theme khác nhau dành cho các māc đích khác nhau WordPress theme là tập hÿp căa nhiÁu file đ°ÿc sÿ dāng nh° mßt mÁu, định d¿ng để hiển thị mßt phần căa website

1.2.4.2 Các loại theme

Ngày nay có rất nhiÁu các giao dián WordPress cho nhāng māc đích khác nhau Chúng có thể là giao dián cho website giái thiáu khách s¿n, trang tuyển dāng, th° vián hình Ánh hay th°¡ng m¿i đián tÿ Nh°ng chúng đÁu có nhāng đặc điểm chung và đ°ÿc phân lo¿i nh° sau:

 Blogging – đ°ÿc thi¿t k¿ vái māc đích t¿o blog cá nhân

 Business – t¿o dăng trang giái thiáu công ty, doanh nghiáp

 Portfolio – hiển thị hình Ánh hay video

 Magazine – gần giáng nh° blog nh°ng có nhiÁu giao dián hiển thị

 eCommerce – xây dăng website th°¡ng m¿i đián tÿ

 Multi-pupose – mßt giao dián đã sß có thể dùng vào nhiÁu māc đích khác nhau

 App – mßt giao dián đ°ÿc xây dăng cho mßt māc đích cā thể nh°: tuyển dāng,

học trăc tuy¿n hay đấu thầu

 Frameworks – bß giao dián nÁn tÁng giúp các nhà phát triển có thể t¿o ra theme

Áp dāng cách này để cài đặt theme mißn phí có sẵn trong WordPress.org

B°ãc 1: Đăng nhập vào Dashboard Appearance  Themes

B°ãc 2: Sau khi truy cập vào trang Themes nhấn nút Add New ç phía trên

B°ãc 3: ĐiÁn thông tin theme cần tìm ç trang ti¿p theo Có các lăa chọn sau:

Featured WordPress themes, Popular WordPress themes, Latest WordPress themes, Search for a specific theme, Search for themes with specific features

Dăa vào thông tin tìm ki¿m đ°ÿc nhập, ng°ßi dùng sẽ đ°ÿc gÿi ý mßt hoặc nhiÁu theme WordPress thßa mãn các điÁu kián

B°ãc 4: Cài đặt theme sau khi chán đ°ÿc theme muán cài đặt: di chuyển con trß

vào hình Ánh căa theme  các nút Install, Preview, Details sẽ hián ra bấm chọn nút Install

B°ãc 5: WordPress sẽ ti¿n hành cài đặt theme và hiển thß thông báo sau khi quá trình cài đặt k¿t thúc đi kèm vãi link Activate hoặc Live Preview

Bấm vào nút kích ho¿t (Activate ), để hoàn tất quá trình cài đặt theme WordPress Ghi chú: Tùy vào từng theme, mßt sá setting cho ng°ßi dùng tùy chỉnh sẽ nÁm á phần chỉnh sÿa theme hoặc có bÁng điÁu khiển riêng để chỉnh sÿa

Để cài đặt các theme đ°ÿc bán từ các bên nổi ti¿ng khác nh° Themeisle, StudioPress, Thrive, Themeforest hoặc các theme đ°ÿc tùy bi¿n riêng thì ta phÁi dùng cách khác

B°ãc 1: TÁi vÁ zip fie cÿa theme đ°ÿc mua vÁ từ phía nhà phát hành

B°ãc 2: Đăng nhập Dashboard  Appearance  Themes

B°ãc 3: Nhấn nút Add New ç trên:

B°ãc 4: Nhấn nút Upload Theme

B°ãc 5: Ng°åi dùng đ°ÿc yêu cầu upload file zip đã down từ phía tr°ãc Chán file  nhấn nút Install Now để ti¿n hành cài đặt

B°ãc 6: Sau khi cài đặt thành công, WordPress sẽ hiển thß thông báo cho bi¿t quá trình cài đặt đã hoàn tất

Nhấn nút Active, để kích ho¿t theme WordPress

Ghi chú: Tính năng upload theme chỉ dành cho ng°ßi dùng self-hosted WordPress.org N¿u đang dùng WordPress.com, sẽ không thấy tính năng này do bị giái h¿n

host/localhost

Cách này dùng để làm khi bị giái h¿n dung l°ÿng upload do theme quá nặng

B°ãc 1: GiÁi nén theme

B°ãc 2: Truy cập đ°ång dÁn (/wp-content/themes/), upload th° māc theme vào

L°u ý: unzip file tr°ác khi upload vào folder; th° māc theme cũng phÁi có d¿ng /tên- theme/style.css chą không phÁi /tên-th°-māc/tên-theme/style.css

B°ãc 3: Đăng nhập Dashboard  Appearance  Themes

B°ãc 4: di chuyển con trß vào theme cần kích ho¿t  nhấn Activate trong danh sách các theme đã đ°ÿc upload t¿i đây

Dùng để kh¿c phāc lỗi vÁ giao dián do các theme không t°¡ng thích vái WordPress (Đây là nguyên nhân chính dÁn đ¿n tình tr¿ng tr¿ng trang hoặc các hiển thị bất th°ßng khác, thậm chí là không thể truy cập page quÁn lý admin)

B°ãc 1: Xác đßnh WordPress database name: Trong th° māc cài đặt WordPress,

má file wp-config.php  tìm dòng define(8DB_NAME9)

B°ãc 2: Xác đßnh tên WordPress theme mặc đßnh: Trong th° māc cài đặt

WordPress, má th° māc wp-content/themes NhÁm xác định tên căa WordPress theme đang

có sẵn hoặc theme mặc định

B°ãc 3: Mç WordPress database b¿ng phpMyadmin

B°ãc 4: Đổi WordPress theme qua table wp_options: Trong table wp_options 

tìm 2 giá trị template và stylesheet section trong māc này  Thay đổi cÁ hai (template và stylessheet) vái WordPress theme đúng theo tên WordPress theme mặc định (á b°ác 2)

B°ãc 5: Mç l¿i WordPress: theme đã đ°ÿc đổi

1.2.5 QuÁn lý Plugin

1.2.5.1 Plugin là gì?

Plugin trong WordPress hay còn gọi là gói má rßng đ°ÿc sÿ dāng để bổ sung thêm chąc năng cho website Chẳng h¿n muán website có thêm chąc năng tháng kê nhāng bài vi¿t đ°ÿc xem nhiÁu nhất, tháng kê sá l°ÿng ng°ßi dùng truy cập website, tháng kê l°ÿt xem mßt bài vi¿t, … Tùy vào chąc năng muán sÿ dāng mà chúng ta sẽ tìm và sÿ dāng nhāng plugin trong WordPress phù hÿp

Có hàng nghìn plugin vái các tính năng khác nhau nh°:

 Yoast SEO Premium – Tái °u SEO, tăng thą h¿ng website

 iThemes BackupBuddy – Sao l°u đÁ phòng tr°ßng hÿp răi ro

 WP Rocket – Tăng tác website đ¡n giÁn hiáu quÁ

 WooCommerce Plugin – Plugin giúp bán hàng tát h¡n

 Membership Plugin – Cho phép t¿o cßng đãng trên website căa mình

 Google XML Sitemaps – plugin này sẽ tă đßng t¿o các bÁn đã trang web d¿ng

XML để tái °u hóa công cā tìm ki¿m tát h¡n Nó dß sÿ dāng và th°ßng xuyên cập nhật

 Yoast SEO – giúp tái °u hóa công cā tìm ki¿m Từ thÁ meta đ¿n các đÁ xuất –

plugin Yoast SEO có tất cÁ

 Wordfence Security – plugin này sẽ giúp WordPress an toàn khßi hacker và

phần mÁm đßc h¿i Nó có t°ßng lÿa và các module quét phần mÁm đßc h¿i rất hāu ích

 Contact Form 7 – t¿o bất kỳ form liên l¿c nào hoặc thậm chí form chỉ dÁn hình

thąc vái plugin này

 …

T°¡ng tă nh° cách cài đặt Theme

1.3 QuÁn lý user và các plugin thông dāng

Administrator: Nhóm ng°ßi dùng có quyÁn sÿ dāng toàn bß các tính năng có trong

mßt website WordPress, không bao gãm các website khác trong m¿ng website nßi bß

Editor: Nhóm này có quyÁn đăng bài vi¿t lên website (publish) và quÁn lý các post khác căa nhāng ng°ßi dùng khác

Author: Nhóm này sẽ có quyÁn đăng bài lên website và quÁn lý các post căa họ

Contributor: Nhóm này sẽ có quyÁn vi¿t bài mái nh°ng không đ°ÿc phép đăng lên

mà chỉ có thể gÿi để xét duyát (Save as Review) và quÁn lý post căa họ

Subscriber: Ng°ßi dùng trong nhóm này chỉ có thể quÁn lý thông tin cá nhân căa họ

B°ãc 1: Đăng nhập Dashboard → Users → Add New từ thanh menu bên trái B°ãc 2: ĐiÁn form – thêm thông tin cá nhân: nh° là username, tên, họ và địa chỉ

email Các thông tin có chā required là b¿t bußc khai báo T¿o mật kh¿u bÁng cách click vào nút Show password (tùy chọn – user có thể tă đổi sau)

B°ãc 3: Chán quyÁn WordPress user role từ thanh menu dropdown

B°ãc 4: Click Add New User

Là mßt quÁn trị viên, b¿n có thể thêm và xóa user từ trang web WordPress căa b¿n bất

cą lúc nào B¿n cũng có thể chỉnh sÿa hã s¡ căa ng°ßi sÿ dāng bất cą lúc nào và thay đổi bất

kỳ thông tin bao gãm cÁ mật kh¿u

B°ãc 1: Đăng nhập vào Dashboard  Users  All Users

B°ãc 2: Nhấn vào tên user cần quÁn lý: chọn Edit để chỉnh sÿa hoặc Delete để xóa

mßt user

B°ãc 3: Website chuyển h°ãng sang trang xác nhận thao tác → nhấn Confirm

Deletion để hoàn tất xóa User

L°u ý: mßt khi user bị xóa, WordPress sẽ hßi muán làm gì vái bài vi¿t căa họ Có thể chọn 1 trong 2 lăa chọn sau:

 Delete all content: Xóa tất cÁ các nßi dung do user này đăng tÁi trên website

 Attribute all content to: Chuyển toàn bß nßi dung đ°ÿc đăng tÁi căa user bị xóa

tái user đang tãn t¿i (nên lăa chọn ph°¡ng án này để bÁo tãn dā liáu website)

Advanced Access Manager là mßt trong nhāng plugin căa WordPress đa tác m¿nh mẽ nhất; cho phép lọc, quÁn lý tất cÁ các khía c¿nh căa trang web và phân quyÁn cho ng°ßi dùng