›
›

Thực hành WordPress - Lê Quốc Toàn

Download
Thực hành WordPress – Học là hiểu, là làm được  
1
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
Thực hành WordPress – Học là hiểu, là làm được  
Mục Lục  
CHƯƠNG 1: CÀI ĐẶT WORDPRESS TRÊN LOCAL SERVER....................................................................................5  
1. Cài đặt XAMPP.........................................................................................................................................5  
2. Cài đặt WordPress...................................................................................................................................7  
Bước 1: Tạo cơ sở dữ liệu............................................................................................................................7  
Bước 2: Tải WordPress về máy tính ............................................................................................................8  
Bước 3 : Cài đặt WordPress...................................................................................................................... 10  
3. Thiết lập thông số cho website ............................................................................................................ 16  
General Settings ....................................................................................................................................... 16  
Permalink Settings.................................................................................................................................... 17  
User Profile............................................................................................................................................... 19  
CHƯƠNG 2: CÀI ĐẶT THEME PREMIUM ĐỂ XÂY DỰNG WEBSITE CHUYÊN NGHIỆP ....................................... 22  
1. Đăng nhập vào WordPress ................................................................................................................... 22  
2. Chọn Theme để cài............................................................................................................................... 23  
3. Cài đặt Theme ...................................................................................................................................... 24  
4. Kích hoạt (Activate) cho Theme hoạt động.......................................................................................... 26  
5. Cài đặt Plugin theo Theme đề xuất ...................................................................................................... 27  
6. Xem thành quả sau khi cài Theme........................................................................................................ 27  
CHƯƠNG 3: XÂY DỰNG WEBSITE GIỐNG BẢN DEMO ..................................................................................... 29  
1. Nhập dữ liệu demo vào website .......................................................................................................... 30  
2. Cài đặt Plugin “WordPress Importer” .................................................................................................. 30  
3. Import dữ liệu mẫu vào website .......................................................................................................... 31  
4. Tiến hành import dữ liệu demo ........................................................................................................... 32  
5. Hoàn tất import nhập dữ liệu mẫu cho website .................................................................................. 33  
6. Import cấu trúc website ....................................................................................................................... 34  
7. Hoàn tất import cấu trúc website ........................................................................................................ 35  
CHƯƠNG 4: TINH CHỈNH THEME ĐỂ WEBSITE ĐẸP CHUYÊN NGHIỆP ............................................................. 37  
1. Thiết lập thông số General Settings ..................................................................................................... 37  
2. Thiết lập thông số Performance........................................................................................................... 40  
3. Thiết lập thông số “Styling Options” .................................................................................................... 42  
4. Thiết lập thông số “Header”................................................................................................................. 45  
2
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
Thực hành WordPress – Học là hiểu, là làm được  
5. Thiết lập thông số “HomePage”........................................................................................................... 47  
6. Thiết lập thông số “Footer”.................................................................................................................. 57  
7. Thiết lập thông số “Single Posts” ......................................................................................................... 67  
8. Thiết lập thông số “Social Buttons”...................................................................................................... 72  
9. Thiết lập thông số “Ad Management” ................................................................................................. 74  
10.  
11.  
12.  
Thiết lập thông số “Sidebars”........................................................................................................... 75  
Thiết lập thông số “Navigation” ....................................................................................................... 76  
Thiết lập thông số “Theme Typography” ......................................................................................... 76  
CHƯƠNG 5: TINH CHỈNH THEME NÂNG CAO................................................................................................... 77  
1. Tạo các thể loại..................................................................................................................................... 77  
2. Tạo Menu cho website......................................................................................................................... 81  
Bước 1: Tạo menu .................................................................................................................................... 81  
Bước 2: Thêm các thành phần vào menu................................................................................................. 82  
Bước 3: Thêm icon vào menu................................................................................................................... 83  
3. Thực hiện chèn quảng cáo vào vùng Header ....................................................................................... 84  
4. Thêm các thành phần vào Sidebar ....................................................................................................... 87  
5. Viết bài cho Website ............................................................................................................................ 92  
6. Tạo Trang Liên Hệ cho Website............................................................................................................ 93  
Bước 1: Tạo Trang liên hệ......................................................................................................................... 93  
Bước 2: Chèn Shortcode vào trang liên hệ............................................................................................... 94  
Bước 3: Đưa Trang liên hệ lên menu........................................................................................................ 95  
Bước 4: Xem kết quả ................................................................................................................................ 96  
7. Đưa website lên Internet ..................................................................................................................... 97  
3
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
Thực hành WordPress – Học là hiểu, là làm được  
SÁCH THỰC HÀNH WORDPRESS  
Học là hiểu là làm được  
Tác giả Ths Lê Quốc Toàn – Tốt nghiệp Trường KHTN TP.HCM  
http://alovoice.vn – alovoice@gmail.com  
Bản quyền thuộc Ths Lê Quốc Toàn  
Muốn sử dụng cho mục đích thương mại phải được sự đồng ý của tác giả.  
Tài liệu thực hành lấy từ nhóm kín Facebook  
https://www.facebook.com/groups/HocWordpressTaiAlovoice  
Luôn cập nhật cho phiên bản WordPress mới nhất tại alovoice.vn  
4
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
Thực hành WordPress – Học là hiểu, là làm được  
CHƯƠNG 1: CÀI ĐẶT WORDPRESS TRÊN LOCAL SERVER  
Để xây dựng website bằng WordPress bạn cần phải có tên miền và Hosting. Tên miền  
là địa chỉ của website còn hosting là nơi để đặt website lên đó.  
Như vậy để có tên miền và hosting bạn có thể liên hệ với PAVietNam để mua, chi phí  
từ vài trăm đến vài triệu 1 năm, tùy vào mục đích sử dụng mà bạn tìm mua gói phù hợp. tuy  
nhiêu đối với các bạn sinh viên, các bạn mới tìm hiểu về WordPress mà chưa muốn bỏ tiền  
ra mua thì cũng có giải pháp cho bạn. đó là tự tạo tên miền và hosting trên chính máy tính  
của mình, sau đó cài WordPress lên và tha hồ mà trải nghiệm, tất nhiên theo cách này thì  
website của bạn sẽ không được hiện diện trên Internet.  
Bài hôm nay chính là làm việc này, cài đặt Local Server tạo tên miền và hosting trên  
máy tính cá nhân của bạn sau đó cài đặt WordPress. Phần mềm Local Server có tên là  
XAMPP, sử dụng được trên máy tính PC, máy MAC của Apple và ngay cả trên LINUX, địa  
chỉ website để download phần mềm về sử dụng là https://www.apachefriends.org/  
Trong nội dung hôm nay gồm có các phần sau:  
1. Cài đặt XAMPP  
2. Cài đặt WordPress  
3. Thiết lập thông số cho website  
1. Cài đặt XAMPP  
Để cài đặt XAMPP bạn hãy vào website https://www.apachefriends.org/ và download  
phần mềm về máy tính, máy tính bạn là PC bạn hãy chọn Windows, máy MAC hãy chọn  
MAC OS X, máy linux hãy chọn gói Linux, sau đó click vào nút Download như hình minh  
họa bên dưới:  
5
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
   
Thực hành WordPress – Học là hiểu, là làm được  
Sau khi download về máy, bạn hãy click chạy phần mềm và cài đặt theo hướng dẫn.  
Sau khi cài đặt thành công, trên màn hình Desktop xuất hiện icon XAMPP, chạy  
chương trình sẽ có màn hình như sau:  
Bạn hãy Click vào Start của module Apache để chạy Server Apache, Click vào Start  
của module MySQL để chạy server MySQL. Nếu bạn không đăng nhập với quyền Admin  
của máy thì sẽ yêu cầu bạn nhập password, đến đây mọi việc đã thành công.  
6
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
Thực hành WordPress – Học là hiểu, là làm được  
Vị trí để đặt toàn bộ source code của WordPress là C:\XAMPP\htdocs, có thể nói đây  
như là hosting vậy, bạn hãy ghi nhớ vị trí này để chút nữa chép source code WordPress vào  
mà cài đặt.  
Một lần nữa để thử lại hoạt động của local Server bạn gõ địa chỉ http://localhost (tên  
miền thay địa chỉ IP là 127.0.0.1) vào trình duyệt web, bạn sẽ thấy màn hình như trên. Ok,  
tất cả phần cài đặt đã thành công bây giờ là lúc chúng ta cài đặt WordPress.  
2. Cài đặt WordPress  
Bước 1: Tạo cơ sở dữ liệu  
+ Gõ vào trình duyệt web địa chỉ http://localhost/phpMyAdmin  
7
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
   
Thực hành WordPress – Học là hiểu, là làm được  
+ Để tạo cơ sở dữ liệu MySQL  
a. Click vào Database  
b. Nhập vào tên database ở đây là tên alovoice  
c. Chọn collation hỗ trợ tiếng việt nên chọn là utf8-unicode-ci  
d. Click vào Create để tạo cơ sở dữ liệu.  
(Nhớ : Database : alovoice ; Username: root; Password: (để trống) ; Database host:  
localhost)  
Bước 2: Tải WordPress về máy tính  
+ Vào trang web https://wordpress.org để Download source code Wordpress về máy  
tính, click vào nút download màu xanh như hình bên dưới.  
8
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
 
Thực hành WordPress – Học là hiểu, là làm được  
+ Sau khi tải về bạn tiến hành giải nén file .zip chứa toàn bộ source code của  
WordPress và chép toàn bộ vào thư mục C:/XAMPP/htdocs như hình bên dưới:  
9
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
Thực hành WordPress – Học là hiểu, là làm được  
Bước 3 : Cài đặt WordPress  
1. Sau bước 2, chúng ta gõ vào trình duyệt web địa chỉ http://localhost để cài  
đặt WordPress, click continue để tiếp tục như hình bên dưới  
2. Chuẩn bị thông tin bên dưới, sau đó click vào let’s go  
1. Database name : alovoice  
2. Database username : root  
3. Database password : (để trống)  
4. Database host : localhost  
5. Table prefix: (để mặc định)  
10  
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
 
Thực hành WordPress – Học là hiểu, là làm được  
3. Nhập đầy đủ thông tin như hình bên dưới sau đó click vào submit  
11  
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
Thực hành WordPress – Học là hiểu, là làm được  
4. Màn hình bên dưới thông báo là đã kết nối thành công với server MySQL, bây  
giờ là lúc cài đặt WordPress, hãy click vào “Run the Install ” để cài đặt.  
12  
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
Thực hành WordPress – Học là hiểu, là làm được  
5. Tiếp theo là nhập thông tin của website như tên website, tài khoản quản trị  
website, và email của người quản trị. Đây là những thông tin quan trọng bạn phải  
ghi lại cẩn thận kẻo quên, nhất là tài khoản gồm username và password để đăng  
nhập quản trị website. Tiếp theo click vào “Install WordPress” để tiến hành cài  
WordPress.  
13  
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
Thực hành WordPress – Học là hiểu, là làm được  
6. Màn hình bên dưới thông báo cho chúng ta đã thành công cài đặt WordPress, bây  
giờ hãy click vào log In, sau đó nhập username và password đã khai báo ở phần  
trên để vào phần quản trị của Website WordPress.  
7.Sau khi đăng nhập thành công chúng ta đã đăng nhập được vào phần quản trị của  
website như màn hìn bên dưới  
14  
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
Thực hành WordPress – Học là hiểu, là làm được  
8. Bạn cũng có thể nhập http://localhost để xem diện mạo của website.  
15  
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
Thực hành WordPress – Học là hiểu, là làm được  
Như vậy chúng ta đã thực hiện thành công cài đặt website WordPress trên local  
Server.  
3. Thiết lập thông số cho website  
Sau khi cài đặt thành công, tiếp theo bạn cần phải thực hiện thiết lập một số thông số  
cần thiết cho website như tên website, mô tả website, múi giờ hay permalink để URL  
thân thiện với google làm cho website dễ lên top. Sau đây là một số thông số cần phải  
thiết lập:  
General Settings  
Từ menu trang quản trị website chọn “Settings->General” để tiến hành thiết lập  
thông số.  
Thiết lập thông số tại phần này sẽ có tác dụng cho toàn bộ website. Hầu hết các thiết  
lập mặc định là có thể sử dụng được rồi tuy nhiên một số thông số cần phải quan tâm để thiết  
lập cho đúng, cho phù hợp.  
Site Title : Tên website được nhập trong quá trình cài đặt WordPress, tuy nhiên tại  
đây bạn cũng có thể chỉnh sửa lại nếu bạn muốn.  
Tagline : Phần mô tả Website, bạn cũng có thể sửa lại.  
WordPress Address(URL) và Site Address(URL): bạn cứ để mặc định khỏi thay đổi  
gì cả.  
Email Address : địa chỉ Email dành cho người quản trị Website, các thay đổi trong  
website như tạo mới user, duyệt comment… sẽ được gửi đến Email này.  
Membership : nếu bạn click chọn vào “Anyone can register” có nghĩa là bạn cho  
phép mọi người có thể đăng ký làm thành viên của website.  
New user Default role : Khi mục “Membership” được chọn cho phép mọi người  
đăng ký thành viên, thì tại mục này sẽ gán cho thành viên đó vai trò gì, hay quyền gì trong  
website, thường là gán cho quyền Subcriber.  
Timezone : bạn hãy chọn “Ho Chi Minh” như hình minh họa bên dưới.  
Date format : hãy chọn định dạng ngày theo dạng ngày/tháng/năm  
Các thiết lập còn lại hãy để mặc định và nhấp vào “save changes” để ghi nhận lại tất  
cả các thay đổi vừa thiết lập ở trên. Nhớ nhé khi làm xong phải nhấp “save changes” để lưu  
lại.  
16  
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
   
Thực hành WordPress – Học là hiểu, là làm được  
Permalink Settings  
Từ menu trang quản trị website chọn “Settings-> Permalink” để tiến hành thiết lập  
thông số.  
17  
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
 
Thực hành WordPress – Học là hiểu, là làm được  
Thiết lập thông số trong phần “Permalink Settings” mục đích chính là làm cho URL  
của bài viết thân thiện với google, để từ đó giúp website của chúng ta dễ lên top google.  
Như bạn thấy dưới đây, mặc định đường dẫn của bài viết khi hiển thị sẽ có dạng:  
• http://example.com/?page_id=123  
Tuy nhiên khi chúng ta cấu hình permalink để thân thiện với google thì đường dẫn  
URL sẽ có dạng nhưu sau:  
• http://example.com/ten-bai-viet/  
Như vậy rõ ràng rằng khi cấu hình permalink thích hợp và tên bài viết có chứa từ  
khóa thì hiển nhiên trong URL sẽ có từ khóa, điều này không những giúp cho người đọc mà  
còn rất tốt cho bộ máy tìm kiếm. Như hình bên dưới là cách cấu hình đường dẫn URL phù  
hợp nhất, chọn “custom structure” sau đó cấu hình thông số /%category%/%postname% ,  
với cách cấu hình này sẽ hỗ trợ SEO rất tốt, đưa bài viết có từ khóa trong postname lên top,  
từ đó hỗ trợ từ khóa trong category lên top luôn.  
Nói tóm lại nêu cấu hình permalink như hình bên dưới.  
18  
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
Thực hành WordPress – Học là hiểu, là làm được  
Cuối cùng, phần cấu hình “Category base” và “Tag base” là bạn có thể thay đổi  
đường dẫn mặc định “/categories/” và “/tags/” bằng bất cứ từ gì bạn thích, còn nếu bạn  
không hiểu rõ bạn cứ để trống không sao cả. Sau đó nhớ nhấp nút “Save changes” để lưu lại  
các thay đổi vừa cấu hình.  
User Profile  
Từ menu trang quản trị website chọn “Users->Your Profile” để tiến hành thiết lập  
thông số.  
19  
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
 
Thực hành WordPress – Học là hiểu, là làm được  
First Name : Nhập tên của Bạn, ở đây tên của tôi là Toàn  
Last Name : Họ và chữ đệm, ở đây của tôi là Lê Quốc  
Display Name Publicly as : Chọn tên đầy đủ của bạn. Tên này sẽ được hiển thị đầy đủ  
giống như hình bên dưới, thay vì admin hoặc tên username.  
20  
Tác giả : Ths Lê Quốc Toàn – alovoice.vn  
Tải về để xem bản đầy đủ
pdf 99 trang yennguyen 21020 Free
Download
Bạn đang xem 20 trang mẫu của tài liệu "Thực hành WordPress - Lê Quốc Toàn", để tải tài liệu gốc về máy hãy click vào nút Download ở trên

File đính kèm:

  • pdfthuc_hanh_wordpress_le_quoc_toan.pdf