1. TRUNG TÂM ATHENA ĐÀO TẠO QUẢN TRỊ
VÀ AN NINH MẠNG
BÁO CÁO THỰC TẬP THỰC TẾ
NGHIÊN CỨU VÀ XÂY DỰNG
WEBSITE BẰNG WORDPRESS
Cơ sở thực tập: 92 Nguyễn Đình Chiểu, phƣờng Đa Kao,
Q1.
Giáo viên hƣớng dẫn:Võ Đỗ Thắng
Sinh viên thực hiện:
Nguyễn Phát Tài
Vƣơng Nhƣ Hải Yến
Ngành học:Công Nghê Thông Tin
Trƣờng :Đại học Sƣ Phạm TP.HCM
2. LỜI NHẬN XÉT CỦA GIẢNG VIÊN
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
............................................................................................................................
3. LỜI NHẬN XÉT CỦA CÔNG TY THỰC TẬP
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
4.
5. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
5
MỤC LỤC
Phần mở đầu :LỜI CẢM ƠN
I. Giới thiệu trung tâm Athena..............................................................................
II. Tìm hiểu về wordpress ......................................................................................
1. Wordpress là gì?................................................................................................
2. Phân loại............................................................................................................
3. Tính năng của wordpress...................................................................................
III. Phát triển cơ bản Web ứng dụng Wordpress....................................................
1. Cài đặt wordpress trên localhost .......................................................................
2. Tạo database kết nối với wordpress ..................................................................
3. Cài đặt wordpress trên hosting Internet ............................................................
4. Sử dụng FTP upload dữ liệu lên host................................................................
5. Xây dựng website trong wordpress...................................................................
a) Cài themes,
b) Tạo menu tin tức................................................................................................
c) Viết bài trong WP..............................................................................................
d) Upload header ...................................................................................................
e) Tạo các widgest trong WP ................................................................................
6. Tích hợp tính năng mạng xã hội........................................................................
IV. Các tính năng Wordpress nâng cao...................................................................
1. Một số plugin cần thiết cho Wordpress.............................................................
a) Google Analytics...............................................................................................
2. SEO -tối ƣu hóa website....................................................................................
a) Tối ƣu thẻ Heading............................................................................................
b) Tối ƣu hóa URL ................................................................................................
c) Tối ƣu Hình ảnh ................................................................................................
PHẦN KẾT THÚC
6. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
6
LỜI CẢM ƠN
Qua đây, chúng em xin chân thành cảm ơn đến thầy, cùng các anh chị
và các bạn Tại Trung tâm ATHENA đã quan tâm hướng dẫn cung cấp nhiều tư
liệu quý báu cần thiết giúp cho báo cáo của chúng em ,để có thể hoàn thành
tốt khoá thực tập này.
Đặc biệt chúng em xin chân thành cảm ơn thầy Võ Đỗ Thắng đã hết
lòng hướng dẫn chúng em trong thời gian thực tập tốt nghiệp.
Báo cáo thực tập tốt nghiệp của em chắc chắn còn nhiều khuyết điểm
và thiếu sót, mong nhận được những ý kiến đóng góp chân thành của quí thầy
cô và các bạn sinh viên cùng khóa.
Kính chúc sức khoẻ và xin chân thành cảm ơn.
7. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
7
I.Giới Thiệu Trung Tâm ATHENA
Trung tâm ATHENA thành lập tháng 10/2004
Giám đốc : Võ Đỗ Thắng
www.athena.edu.vn / tuvan@athena.edu.vn
Trung Tâm Đào Tạo Quản Trị Mạng & An Ninh Mạng Quốc Tế ATHENA
đƣợc thành lập từ năm 2004, là một tổ chức qui tụ nhiều trí thức trẻ Việt Nam
đầy năng động, nhiệt huyết và kinh nghiệm trong lãnh vực CNTT, với tâm
huyết góp phần vào công cuộc thúc đẩy tiến trình đƣa công nghệ thông tin là
ngành kinh tế mũi nhọn, góp phần phát triển nƣớc nhà .
1.Lĩnh vực hoạt động chính:
+Trung tâm ATHENA đã và đang tập trung chủ yếu vào đào tạo chuyên sâu
quản trị mạng, an ninh mạng, thƣơng mại điện tử theo các tiêu chuẩn quốc tế
của các hãng nổi tiếng nhƣ Microsoft, Cisco, Oracle, Linux LPI , CEH,... Song
song đó, trung tâm ATHENA còn có những chƣơng trình đào tạo cao cấp dành
riêng theo đơn đặt hàng của các đơn vị nhƣ Bộ Quốc Phòng, Bộ Công An ,
ngân hàng, doanh nghiệp, các cơ quan chính phủ, tổ chức tài chính..
+ Sau gần 10 năm hoạt động,nhiều học viên tốt nghiệp trung tâm ATHENA đã
là chuyên gia đảm nhận công tác quản lý hệ thống mạng, an ninh mạng cho
8. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
8
nhiều bộ ngành nhƣ Cục Công Nghệ Thông Tin - Bộ Quốc Phòng , Bộ Công
An, Sở Thông Tin Truyền Thông các tỉnh, bƣu điện các tỉnh,.,....
+ Ngoài chƣơng trình đào tạo, Trung tâm ATHENA còn có nhiều chƣơng trình
hợp tác và trao đổi công nghệ với nhiều đại học lớn nhƣ đại học Bách Khoa
Thành Phố Hồ CHính Minh, Học Viện An Ninh Nhân Dân( Thủ Đức), Học
Viện Bƣu Chính Viễn Thông, Hiệp hội an toàn thông tin (VNISA), Viện Kỹ
Thuật Quân Sự ,.....
2.Đội ngũ giảng viên :
+Tất cả các giảng viên trung tâm ATHENA có đều tốt nghiệp từ các trƣờng đại
học hàng đầu trong nƣớc .... Tất cả giảng viên ATHENA đều phải có các
chứng chỉ quốc tế nhƣ MCSA, MCSE, CCNA, CCNP, Security+, CEH,có bằng
sƣ phạm Quốc tế (Microsoft Certified Trainer).Đây là các chứng chỉ chuyên
môn bắt buộc để đủ điều kiện tham gia giảng dạy tại trung tâm ATHENA
+Bên cạnh đó,Các giảng viên ATHENA thƣờng đi tu nghiệp và cập nhật kiến
thức công nghệ mới từ các nƣớc tiên tiến nhƣ Mỹ , Pháp, Hà Lan, Singapore,...
và truyền đạt các công nghệ mới này trong các chƣơng trình đào tạo tại trung
tâm ATHENA
3.Cơ sở vật chất:
+Thiết bị đầy đủ và hiện đại
+Chƣơng trình cập nhật liên tục, bảo đảm học viên luôn tiếp cận với những
công nghệ mới nhất.
+Phòng máy rộng rãi, thoáng mát
4.Dịch vụ hỗ trợ:
+Đảm bảo việc làm cho học viên tốt nghiệp khoá dài hạn
+Giới thiệu việc làm cho mọi học viên
+Thực tập có lƣơng cho học viên khá giỏi
+Ngoài giờ học chính thức, học viên đƣợc thực hành thêm miễn phí, không
giới hạn thời gian.
+Hỗ trợ kỹ thuật không thời hạn trong tất cả các lĩnh vực liên quan đến máy
tính, mạng máy tính, bảo mật mạng
+Hỗ trợ thi Chứng chỉ Quốc tế.
9. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
9
II. Tìm hiểu Wordpress.
1. WordPress là gì ?
- WordPress là phần mềm mã nguồn mở đƣợc cung cấp miễn phí, sử
dụng ngôn ngữ lập trình PHP và hệ cơ sở dữ liệu MySQL. Do đó, nó thích hợp
cho ai muốn đặt blog trên chính website sử dụng tên miền của riêng mình. Tuy
nhiên, nếu không có tên miền riêng và chịu đƣợc một vài hình ảnh quảng cáo
đôi khi xuất hiện, bạn vẫn có thể dùng chung với nhà cung cấp Automattic
Production tại địa chỉ http://wordpress.com tƣơng tự các nhà cung cấp khác.
- WordPress là một dạng phần mềm mã nguồn mở, là hậu duệ chính
thức của b2/cafelog, đƣợc phát triển bởi Michel Valdrighi. Cái tên WordPress
đƣợc đề xuất bởi Christine Selleck, một ngƣời bạn của nhà phát triển chính
Matt Mullenweg.
- WordPress viết bằng PHP và sử dụng hệ quản trị MySQL. WordPress
chạy tốt trên PHP5, hầu hết mọi host (dịch vụ lƣu trữ trực tuyến) có PHP đều
hỗ trợ WordPress. Nhiều Host (Godaddy, Host Gator, …) còn có chức năng tự
động cài đặt WordPress.
- WordPress để đăng tải thông tin lên mạng, WordPress có chức năng
nhƣ mọi Website khác. Nó có thể làm site tin tức, đánh giá, bán hàng… thậm
chí là mạng xã hội.
Ngoài ra, WordPress còn hỗ trợ tạo Blog miễn phí trên WordPress.com
để những ai không có điều kiện tài chính, kỹ thuật, thời gian… có thể sử dụng
đƣợc WordPress.
- WordPress còn thêm vào một số tính năng nhỏ nhằm hỗ trợ ngƣời
dùng trong quá trình sử dụng nhƣ khả năng tự động lƣu liên tục khi soạn thảo,
nạp nội dung từ blog khác hay chia mục cho bài viết. Tuy nhiên, WordPress lại
không có chức năng xem trƣớc (preview) nội dung bài viết của mình, điều gây
khó khăn cho ngƣời dùng khi họ cần xem xét và chỉnh sửa.
- Các bản nâng cấp chính đƣợc chỉ định tên mã (codenames) đại diện
cho các nhạc sĩ nhạc jazz nổi tiếng.
2. Các loại Wordpress
Wordpress tạm đƣợc phân ra thành hai loại:
Sử dụng dịch vụ của nhà cung cấp (wordpress.com).
10. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
10
- WordPress.com là do 1 nhóm ngƣời dựa trên mã nguồn của WordPress
tinh chỉnh lại để cung cấp dịch vụ tạo blog cho những ngƣời sử dụng, nhằm
đơn giản hơn cho ngƣời dùng không chuyên. Khối lƣợng theme khá lớn, sử
dụng mã nguồn mở PHP, tuỳ biến giao diện khá, xứng đáng là một đối thủ
ngang tài đối với google blogger
- Giao diện thân thiện dễ sử dụng, cung cấp 50 kiểu giao diện khác
nhau và cập nhật thƣờng xuyên, hệ thống quản lý bài viết và comment mạnh
mẽ, cho phép nhiều ngƣời cùng viết bài và cùng quản lý blog, kết nối với cộng
đồng wordpress.com thông qua trang chủ, hỗ trợ tốt tiếng Việt và nhiều điểm
nổi bật khác nữa.
3. Các tính năng cơ bản của Wordpress
- Khi tạo một blog cho riêng bạn có thể sẽ có những lý do riêng, nhƣng
nếu so với các script và dịch vụ blog khác, có thể bạn sẽ thích Wordpress ở
những tính năng dƣới đây.
Dễ cài đặt, chỉ cần khởi tạo database, upload và thiết lập tham số trong file wp-
config.php, sau 1,2 lần click chuột, bạn đã sẵn sàng để viết blog.
Không giới hạn số lƣợng category và sub-category: bạn có thể tạo vô số chuyên
mục và các chuyên mục con trong các chuyên mục chính mà không gặp phải
bất kì rắc rối nào.Tự động xuất RSS và Atom: giúp cập nhật các thông tin về
blog của bạn ngay lập tức.
Sử dụng giao diện XML RPC để trackback và viết bài từ xa.
Có thể đăng bài trên blog từ email.
Hỗ trợ plugin và theme: đây là một điểm mạnh nhất của Wordpress. Nó tạo cơ
hội cho hàng nghìn nhà phát triển cùng tham gia phát triển các plugin và theme
cho Wordpress, làm cho nó càng ngày càng phong phú về tính năng và giao
diện.
Có thể nhập dữ liệu từ Blogger, Blogware, Bunny’s Technorati Tags, DotClear,
GreyMatter, Jorome’s Keyword, LiveJournal, Movable Type, TypePad, RSS,
Simple Tagging, Textpattern, B2evoluton, v.v. Đây là chức năng tuyệt vời nếu
nhƣ bạn muốn chuyển từ một blog khác sang sử dụng Wordpress, nó giúp lại
lấy lại tất cả các bài viết trên các blog khác để chuyển qua Wordpress.
Rất nhiều tài liệu hƣớng dẫn để giúp phát triển thêm tính năng, và nhiều bộ API
để mở rộng.
Dễ quản lý và duy trì mà chẳng cần phải có nhiều kĩ năng hay kinh nghiệm
Khả năng tìm kiếm trên blog rất tốt.
Xuất bản nội dung ngay lập tức bất kể chiều dài của bài viết là bao nhiêu.
Hỗ trợ viết blog đa ngôn ngữ.
Administration Panel đƣợc tổ chức rất tốt với rất nhiều tính năng nhƣng lại dễ
hiểu và dễ sử dụng.
Quản lý liên kết dễ dàng.
Với sự trợ giúp của các plugin và rất nhiều bộ API, bạn có thể chỉnh sửa
Wordpress tùy thích theo nhu cầu của bạn, và thậm chí bạn cũng có thể sử dụng
11. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
11
Wordpress để làm một website hoàn chỉnh. Wordpress có hàng ngàn plugin và
theme, cộng với một đồng ngƣời sử dụng cực kì đông đảo luôn sẵn sàng góp
sức phát triển, điều này làm cho Wordpress ngày càng lớn mạnh thể hiện vai
trò số 1 của mình.
.
III. Phát triển cơ bản Web ứng dụng Wordpress
1. Hướng dẫn cài đặt WordPress trên localhost
Bước 1: tải và cài đặt xamp
Bước 2: Tạo database :click chọn Admin ở Module MySQL
12. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
12
Bước 3:
Tải và cài đặt wordpress ,copy và paste thƣ mục wordpress vào đƣờng dẫn
C://..xamp/htdoc/
Mở trình duyệt và gõ vào thanh địa chỉ http://localhost/wordpress/ bạn sẽ thấy
màn chào mừng nhƣ hình dƣới
13. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
13
Click vào Let’s go! để tiếp tục
Bước
4:
Cấu hình database với:
- Database Name : tên database bạn vừa tạo
- User Name: tài truy cập MySQL, thông thƣờng là root
- password: là mật khẩu của tải khoản đƣợc khai báo phía trên
14. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
14
- Database Host: thông thƣờng là localhost, bạn giữ nguyên không cần thay
đổi
- Table Prefix: ký tự đầu tiên xuất hiện trong tên bảng, để dễ hình dung bạn có
thể xem ảnh ở phía dƣới
Bước 5: xác nhận và chạy cài đặt
Bước 6: Chọn lựa tên website và tài khoản quản trị
15. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
15
Bước 7: Nếu cài đặt thành công WordPress sẽ hiển thị thông tin tài khoản của
bạn . Đến bƣớc này bạn đã cài đặt thành công WordPress lên locahost, click
vào Log In để đăng nhập vào hệ thống quả trị và bắt đầu viết bài
3.Upload dữ liệu lên host thông qua FTP
16. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
16
_Đăng nhập Host//Username//Pasword
_Vào đƣờng dẫn C://xampp/hotdocs/wordpress->upload tất cả nhƣng file trong
folder wordpress
_Open file config bằng notepad và cấu hình lại đƣờng dẫn mục
5. Tạo 1 website (thành phần cơ bản) với Wordpress.
a)Cài themes,Viết bài trong WP
17. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
17
Click chọn Structure ThemeClick Active
b)Tạo menu tin tức(tạo các category phân loại chuyên mục bài viết):
Vào Posts-> ta chọn New category
Sau đó Add New Category:
-Name:Tin tức
-Parent :None
c)Tạo các bài viết trong wordpress
18. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
18
Để tạo các bài viết trong WP :
-Ta click chọn Mục Posts ->Add New: nhập thông tin bài viết
Nhƣ hình ảnh , sau đó bên mục category click chọn Chuyên mục cho bài post
d)Upload header và chỉnh footer trong WP
Chọn tệp tin ->sau đó click chọn Upload ->Và save changes .
Chọn Visit site để xem kết quả
19. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
19
e)Tạo các widget trong wordpress:
20. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
20
6.Tích hợp mạng xã hội vào trang web:
-Cài đặt plugin Facebook Social Plugin:
-vào Plugin->Add new ->Facebook Social Plugin ->click chọn Active
-Ta Vào Widgets ->Kéo và thả Facebook Like Box vào Mục Home sidebar
Sau đó nhập link Facebook URL
FB URL To like: http://www.facebook .com/trungtamATHENA
Nhập độ dài độ rộng cho Box
Width:290
Height: 280
21. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
21
Và cuối cùng click chọn
SAVE
IV.Tính năng wordpress nâng cao:
1.Một số plugin cần thiết:
Google Analytics cung cấp tính năng phân tích kỹ thuật số mạnh mẽ cho bất
kỳ ai có sở hữu web, lớn hoặc nhỏ. Đây là một trong những giải pháp phân tích
kỹ thuật số có sẵn mạnh mẽ nhất - và hoàn toàn miễn phí cho mọi đối tƣợng sử
dụng.
Mục đích chúng ta cài đặt Google Analytics là để phân tích hành vi ngƣời dùng
bao gồm: Thời gian xem trang, Tỉ lệ thoát, Xem bao nhiêu trang web trong một
lần, Tổng số ngƣời xem bài viết,...
Để cài đặt chúng ta vào đƣờng dẫn: http://www.google.com.vn/analytics/
22. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
22
Sau khi click chọn ĐĂNG KÝ:
Ta thiết lập các thuộc tính:
Tên trang web: Trung tâm Athena ĐÀo tạo quản trị và An ninh mạng
URL của trang web: http://trungtamathena.videovietsub.com/
Danh mục ngành:Việc làm và giáo dục
Múi giờ báo cáo:Việt Nam
23. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
23
Và sau khi thiết lập xong ->Nhận ID theo dõi
24. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
24
Sau khi đăng ký xong, Google Analytics sẽ yêu cầu chúng ta dán đoạn
mã vào trang mà chúng ta muốn phân tích
Quay trở lại trng wordpress :
Ta vào tùy chọn Widgets->Footer->copy và dán đoạn mã vào->sau đó
click chọn save:
Sau đó chúng ta đợi khoảng 60 phút – 120 phút để Google tiến hành kiểm tra
và kết nối với website của chúng ta.
Cuối cùng, chúng ta xem kết quả trên trang chủ Google Analytics
25. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
25
2.Tối ưu hóa website
a)Tối ƣu hóa HEAD(H1,H2,H3..)
Title (Tiêu đề): là phần quan trọng nhất của các yếu tố từ khóa trên trang, tiêu
đề trang tốt nhất nên sử dụng các thuật ngữ, từ khóa/cụm từ là từ đầu tiên .
Chèn <h1>..</h1> vào title của bài viết.
b)Tối ƣu hóa URL:
URL càng ngắn càng tốt và nên đƣợc viết ở dạng tĩnh nhƣ vậy cơ hội cho các
bài viết xuất hiện trong kết quả tìm kiếm của các bộ máy tìm kiếm là rất cao và
nó có nhiều khả năng đƣợc sao chép, chia sẻ và link đến các trang web khác.
26. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
26
Vào mục Settings->Permalinks.
Trong phần Common Settings :Click chọn Custom Structure :
http://trungtam athena.videovietsub.com/%category%/%postname%
Ví dụ minh họa: sau khi tối ƣu hóa URL:
http://trungtamathena.videovietsub.com/chuong-trinh-dao-tao/lap-trinh-va-
thiet-ke-web-chuyen-nghiep-bang-php-va-mysql
27. BÁO CÁO THỰC TẬP CHUYÊN ĐỀ WORDPRESS 2014
27
c) TỐI ƢU THUỘC TÍNH ALT CỦA HÌNH ẢNH CHO SEO
Thuộc tính ALT là thuộc tính quan trọng đối với ảnh, trong HTML đƣợc gói là
thẻ (tag) img.
Thuộc tính ALT là gì?
Có thể hiểu thuộc tính này dùng để mô tả về ảnh, dành cho các công cụ tìm
kiếm hiểu đƣợc ảnh này có nội dung là gì (do chúng không có khả năng đọc nội
dung của ảnh).
Đối với ngƣời duyệt web, thông tin này cũng quan trọng, nó đƣợc hiển thị thay
vì một biểu tƣợng phản cảm không thấy ảnh khi ảnh không hiển thị đƣợc.