Tài ling dn WordPress 3.4 Kent International College

Kent International College 
1





CIV01
WEB PROJECTS 2
WORDPRESS

Kent International College
Lecturer: NGUYEN HUU PHAT
Email:
Cellphone: 0903616698




Tài ling dn WordPress 3.4 Kent International College

Kent International College 
2

MỤC LỤC

Phn 1: WordPress là gì? 5
1. Cng s dng Wordpress 5
nh m ca wordpress 6

Pht WordPress 7
t WordPress trên LOCALHOST 7
 8
Phn 3: Làm vic vi Admin CP 10
1. Dashboard: 10
2. Write: 10
3. Manage: 10
4. Blogroll: 11
5. Presentation: 11
6. Users: 11
7. Options: 11
8. Upgrades: 11
Pht Plugin cho WordPress 12
t Plugins Wordpress 12
t trc tip t n ca WordPress. 13
t plugins wordpress t  cng. 14
4. Mt s n nên cài 14
Pht Themes cho WordPress 15
t theme không có sn ca wordpress 15
t Theme 16
3. Cài theme có sn ca wordpress. 17
Phn 6: Chnh giao din bng CSS trong Theme 19
Phn 7: Tùy chỉnh header và background 22
1. Thêm tùy chnh background. 22
2. Thêm tùy chnh header 22
Phn 8: ng dn vit bài mi Wordpress 23
1. Các nút chp 23
2. Các nút cht bn 24
3. Tag và Featured Image 25
4. Các nút ch 25

Phn 9: Cách to menu trong Wordpress 26
1. To menu trong wordpress 26
Tài ling dn WordPress 3.4 Kent International College

Kent International College 
3

Phn 10: To miêu t bài vit trong WordPress 28
c 1: Thêm bài vit 28
c 2: Chèn More Tag 28
c 3: Xut bn 28
c 4: M rng 29
Phng dn to trang mi (Add new pages) 30
t và to mt page 30
2. S n gia page và post 33
Phn 12: To trang bán hàng bng WordPress 34
1. Plugin bán hàng bng Ecwid 34
m chính 34
m chính 34
ng dn s d to trang bán hàng 35
3. 11 B plugin min phí dng website bán hàng vi WordPress 36
Phn 13: Qun lý user trong wordpress 38
1. Qun tr user ca wordpress 38
i profile ca user 39
Phng dn Widget Wordpress 41
1. Qun tr widget 41
t widgets và thit mt s widgets. 43
Phn 15: Bo mt cho WordPress 45
1. Loi b Thông tin v phiên bn WordPress 45
2. Chn vic truy cp trc tic Plugins 45

3. Hn ch truy cp WP-ADMIN 45
4. Theo dõi và cp nhng xuyên 46
5. Mt s Plugin, công c ng bo mt 46
6. Nhng Nguyên Tc bo mt bn cn nh 47
Phn 16: Nâng cp phiên bn WordPress 48
Phn 17: Tm (SEO) 49
1. T title, meta description 49
2. To permalinks cho website 49
3. Chng trùng lp ni dung 50
c blog 51
5. To chiu sâu cho các liên kt liên quan 51
6. Thit lp XML Sitemap và Robots.txt 52
ng dn to sitemap xml vi Google XML Sitemap 52
8. Gi sitemap lên Google 53
9. S dng Robots.txt 53
Tài ling dn WordPress 3.4 Kent International College

Kent International College 
4

Phn 18: Danh sách các plugin WordPress tt nht 54
1. Nhng plugin SEO tt nht 54
2. Nhng plugin bo mt và tt nht 54
3. Nhng plugin làm trang bán hàng tt nht 55
4. Nhng plugin có ích nht 55
5. Nhng plugin có ti 56
Phn 19: 28 plugin kt ni WordPress vi các ng dng ca Google 57
1. Google Page Rank Badget 57
2. Google+ Plugin 57
3. WordPress Social Login 57

4. Google Plus Favicon 58
5. Gravatar Google Images 58
6. Google Picasa Viewer 58
7. TubePress 58
8. Youtube Simple Gallery 58
9. CodeArt  Google Mp3 Player 59
10. Google Maps Plugin 59
11. Convert Address to Google Map 59
12. Comprehensive Google Map 59
13. WP Google Drive 59
14. Google Document Enbedder 59
15. WordPress Google Form 60
16. Easy Adsense 60
17. Adsense Plugin 60
18. Google Analytics Dashboard 61
19. Google XML Sitemap 61
20. Google Site Verification Plugin 61
21. Google Authorship Widget 61
22. Google Calendar Event 61
23. Stout Google Calendar 61
24. Google Libraries 61
25. Google Font 62
26. Feedburner Plugin 62
27. Google Alert 62
28. Google Custom Search 62
Phn 20: 21 website  tìm theme min phí 63


Tài ling dn WordPress 3.4 Kent International College


Kent International College 
5

 
WordPress là phần mềm web bạn có thể sử dụng để tạo ra một trang web hoặc blog đẹp. Tất cả
đều miễn phí được viết bằng ngôn ngữ PHP và MySQL.
CMS (Content Management System) 




 Link
 
 

1. Cộng đồng sử dụng Wordpress
 

 
 
 org
 20-
 
 
 
 
 
 

 

 
 
 
 


Tài ling dn WordPress 3.4 Kent International College

Kent International College 
6

2. Tính năng mạnh mẽ của wordpress

 

 

 

  
 

  
 

 
 
 
 SEO website.



Tài ling dn WordPress 3.4 Kent International College

Kent International College 
7

 
1. Cài đặt WordPress trên LOCALHOST
B1: 
 package_wp 
B2: Wamp Server

 
B3: 
 http://localhost/phpmyadmin 

 (vì trong quá

 Create new database(ở đây
tôi nhập là dbweb-wp) Create 
B4: 
www 
web-wp trong www)
wp-config-sample.php 
/** The name of the database for WordPress */
define('DB_NAME', 'dbweb-wp');
/** MySQL database username */
define('DB_USER', 'root');
/** MySQL database password */
define('DB_PASSWORD', '123456');

/** MySQL hostname */
define('DB_HOST', 'localhost');
wp-config.php web-wp www
http://localhost/web-wp 
 

Install WordPress – OK, xong
Tài ling dn WordPress 3.4 Kent International College

Kent International College 
8

2. Cài đặt Wordpress host “thật”


MySQL Database Wizard:




cá


unzip 

Tài ling dn WordPress 3.4 Kent International College

Kent International College 
9








Tài ling dn WordPress 3.4 Kent International College

Kent International College 
10

  
ông
ìó à àm quen
ác tính nng trong Admin Panel 
Như bạn có thể thấy trong hình: Trên cùng của Admin Panel là tên blog của bạn, kèm với một link View
site » ể bạn có thể xem blog của mình. Ngay dưới là thanh menu, bao gồm các mục Dashboard, Write,
Manage, Blogroll, Presentation, Users, Options và Upgrades.
Mặc ịnh khi ng nhập bạn ở trang Dashboard. Do , submenu bên dưới sẽ hiển thị các mục
Dashboard, Tag Surfer, My Comments, Blog Stats và Feed Stats. Bạn có thể dễ dàng chuyển ến các
menu khác cùng với các submenu của nó bằng cách bấm vào liên kết tương ứng Admin Panel.

ẽ là giới thiệu sơ qua chức nng của menu và các submenu:
1. Dashboard:
 Dashboard: Xem tin tức của WordPress.com, danh sách các blog nổi nhất trong ngày, các bài viết
mới nhất, thông tin về các phản hồi nhận ược
 ặt cho nội dung trong blog, bạn có thể tìm thấy những bài viết
hay hợp sở thích của mình.
 My Comments: Danh sách các phản hồi bạn  gửi, ở blog của bạn và các blog khác.
 Blog Stats: Số liệu liên quan ến khách thm blog.

 Feed Stats: Số liệu liên quan ến người ọc RSS feed của blog.
2. Write:
 Write Post: Nơi soạn thảo các bài viết sẽ ng trên blog của bạn.
 Write Page: Nơi soạn thảo các trang tnh như About, Contact me. Whatever.
3. Manage:
 Posts: Quản lý các bài viết  lưu.
 Pages: Quản lý các trang tnh  tạo.
Tài ling dn WordPress 3.4 Kent International College

Kent International College 
11

 Comments: Quản lý các phản hồi  ng trên blog.
 Awaiting Comments: Quản lý các phản hồi ang ợi kiểm duyệt.
 Import: Nhập nội dung từ blog khác vào blog hiện tại.
 Export: Xuất nội dung từ blog hiện tại ra blog khác.
 Askimet Spam: Các phản hồi linh tinh bị nghi là rác.
4. Blogroll:
 Manage Blogroll: Quản lý các link bạn yêu thích.
 Add Link: Bổ sung thêm các link vào danh sách.
 Import Links: Nhập link từ nơi khác vào danh sách.
5. Presentation:
 Themes: Danh sách các theme bạn có thể chọn cho blog của mình.
 Sidebar Widgets: Quản lý các widget bạn có thể ặt trên sidebar của blog.
 ổi CSS của theme.
6. Users:
 Authors and Users: Danh sách các tác giả và người ng ký account tại blog của bạn.
 ổi hồ sơ cá nhân của bạn.
 Invites: Mời bạn bè của bạn sử dụng WordPress.com.
7. Options:

 General: Các tùy chọn chung nhất về tên blog, tagline, ngày tháng
 Writing: Tùy chọn về cách thức bạn viết blog.
 Reading: Tùy chọn về cách thức người khác ọc blog của bạn.
 Discussing: Tùy chọn về cách thức mọi người thảo luận trong blog của bạn.
 Privacy: Tùy chọn về ộ bí mật của blog.
 Delete Blog: Xóa blog của bạn. Vnh viễn.
8. Upgrades:
 Nơi nâng cấp blog của bạn. Có tính phí

Tài ling dn WordPress 3.4 Kent International College

Kent International College 
12

 
Plugins wordpress hiểu đơn giản là một ứng dụng mở rộng được viết bằng ngôn ngữ php có thể
cài đặt và chạy trên website WordPress. 
 wifi







1. Cách Cài Đặt Plugins Wordpress
- 

- 



- 
Tài ling dn WordPress 3.4 Kent International College

Kent International College 
13

2. Cài đặt trực tiếp từ thư viện của WordPress.
 


Bước 1: Chọn add new để cài đặt mới một plugins wordpress.

Bước 2: Trong ô search


phiên 

Bước 3: Chọn Install Now để cài đặt Plugins



Bước 4: Kích hoạt Plugin



Tài ling dn WordPress 3.4 Kent International College

Kent International College 
14


- 


3. Cài đặt plugins wordpress từ ổ cứng.
- 


Cách này không thường được sử dụng để cài các plugin chính thống, nếu tìm được 1 plugin tại
wordpress.org, bạn chỉ việc copy tên và paste vào tìm kiếm khi Add new là được. Mình hay sử dụng cách
này khi cài một plugin không chính thống, nó thường là những plugin phải trả phí nhưng được chia sẻ
miễn phí trên mạng.
4. Một số plugins cơ bản nên cài
 Google XML Sitemaps: giú

 SEO Ultimate: 

 Vietnamese Permarlink: 

 W3 Total Cache: 


Tài ling dn WordPress 3.4 Kent International College

Kent International College 
15

 
Cài đặt wordpress theme (giao diện) nhưng với những người mới tiệp cận wordpress thì việc này
có thể có một số trở ngại.

 



1. Cài đặt theme không có sẵn của wordpress
- www.newone.org 
www.scriptmafia.org 
www.freecode.vn hay www.yootheme.com/demo 

- 

Tài ling dn WordPress 3.4 Kent International College

Kent International College 
16

- 
 
www.virustotal.com 
ownload.
2. Các Bước Cài Đặt Theme



- 

- 


Tài ling dn WordPress 3.4 Kent International College


Kent International College 
17

- 

- 


3. Cài theme có sẵn của wordpress.

 install theme 



Tài ling dn WordPress 3.4 Kent International College

Kent International College 
18

 
 
 
  khác (Features).
 

- 


- 


Tài ling dn WordPress 3.4 Kent International College

Kent International College 
19

  


theme. Hôm nay tô

- Bước 1: Addin FireBug
- Bước 2:  
- Bước 3: 

- Bước 4: 

- 

- Bước 5: 


- Bước 6: 

Tài ling dn WordPress 3.4 Kent International College

Kent International College 
20

- Bước 7: 


- Bước 8: - 


- Bước 9: \ 


- Bước 10: 

- Bước 12: 
- Bước 13: 
Tài ling dn WordPress 3.4 Kent International College

Kent International College 
21


- php





Tài ling dn WordPress 3.4 Kent International College

Kent International College 
22

 ỉ 
Hầu hết các phiên bản mới của WordPress đều mang lại nhiều tính năng và khả năng tối ưu hệ thống,

trong phiên bản này sẽ cho phép bạn tùy chỉnh thành phần header, background, XML-RPC, hỗ trợ đa ngôn
ngữ tốt hơn, và nhiều sửa lỗi và tối ưu hóa hệ thống khác
1. Thêm tùy chỉnh background.
-

1
2
3
4
5
6
7
$args = array(
'default-image' => get_template_directory_uri() . '/images/bg-default.png',
'default-color' => '#fafafa',
'wp-head-callback' => '',
'admin-head-callback' => '',
'admin-preview-callback' => ''
);
add_theme_support( 'custom-background', $args )

2. Thêm tùy chỉnh header



1
2
3
4
5

6
7
8
9
10
11
12
13
14
15
$args = array(
'flex-height' => true,
'height' => 200,
'flex-width' => true,
'width' => 950,
'default-image' => get_template_directory_uri() .
'/images/headers/header-default.jpg',
'random-default' => false,
'default-text-color' => '',
'header-text' => true,
'uploads' => true,
'wp-head-callback' => '',
'admin-head-callback' => '',
'admin-preview-callback' => '',
);
add_theme_support( 'custom-header', $args );





Tài ling dn WordPress 3.4 Kent International College

Kent International College 
23

     
WordPress là một công cụ tuyệt vời để bạn tự phát triển website, SEO, cũng như marketing online.
Tuy được cộng đồng thiết kế tối ưu với giao diện đồ họa dễ nhìn, dễ thao tác, nhưng không phải ai
cũng nắm rõ trong phần post bài mới của wordpress.
1. Các nút chức năng biên tập

1.  
2. 
3. 
4. 
5. 
6. 
7. 
8. 
9. 
10. 
11. 
12. 
13.  
read more
14. 
15. 
16. 
17. 
18. 


19. t.
20. 
21. 
22. 
23. 
24. 
25. 
Tài ling dn WordPress 3.4 Kent International College

Kent International College 
24

26. 
27. 
28. 
29. 
30. 
31. 
32. 
2. Các nút chức năng xuất bản

1. 
2. 
3. 
4. xem (Password protect) hay riêng 
(Private).
5. 
Tài ling dn WordPress 3.4 Kent International College


Kent International College 
25

6. Cho vào thùng rác.
7. 
8. 
3. Tag và Featured Image

1. 
2. g 
3. 
4. Các nút chức năng SEO
[google-locker theme="blue" url=" />marketing/huong-dan-viet-bai-moi-trong-wordpress/" message="+1 để xem"]



1. 
 
2. 

3. 

1. 