[athena.edu.vn] báo cáo cuối kỳ nghiên cứu và xây dựng website bằng wordpress

60
1 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU LỜI NHẬN XÉT CỦA GIẢNG VIÊN ........................................................ ........................................................ ........................................................ ........................................................ ........................................................ ........................................................ ........................................................ ........................................................ ........................................................ ........................................................ ........................................................ ........................................................ ........................................................ ........................................................ ........................................................ ........................................................ ........................................................ ........................................................ ........................................................ ........................................................ ........................................................ ........................................................ ........................................................

Upload: trung-ngo

Post on 29-Jun-2015

1.362 views

Category:

Education


1 download

DESCRIPTION

Báo cáo ATHENA thực tập CUỐI KỲ

TRANSCRIPT

Page 1: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

1 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

LỜI NHẬN XÉT CỦA GIẢNG VIÊN

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

Page 2: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

2 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

LỜI NHẬN XÉT CỦA CÔNG TY THỰC TẬP

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

......................................................................................................................................

Page 3: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

3 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

NHIỆM VỤ THỰC HIỆN KHÓA LUẬN

Các mục xây dựng gồm có:

Tin đào tạo.

Chương trình học.

Lộ trình đào tạo.

Diễn đàn.

Xây dựng thư viện tài liệu cho phép Sinh viên đăng ký để tìm thông tin.

Sinh viên tra cứu điểm online.

Xây dựng thư viện hình ảnh hoạt động của Trung tâm ATHENA.

Xây dựng thư viện video.

Hỗ trợ online bằng yahoo/ skype.

Cho phép người dùng Comment, đánh giá dưới mỗi bài viết.

Cho phép kết nối với mạng xã hội facebook.

Tối ưu hóa tìm kiếm SEO cho các thông tin trên website.

Kết nối với Google Analytics để phân tích các truy cập vào website.

Tất cả các danh mục triển khai cụ thể trên Local và Tiến hành upload lên Domain,

Hosting khi hoàn tất.

Page 4: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

4 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

LỜI CẢM ƠN

Chân thành cảm ơn Trung tâm Đào tạo An Ninh Mạng - Quản Trị Mạng Quốc

Tế Athena nói chung và các thầy trong ban hướng dẫn đã tạo điều kiện để chúng em

thực tập tại Trung tâm cũng như đóng góp ý những ý kiến, phản hồi thực tế về đề tài

để chúng em từng bước hoàn thiện được nhiệm vụ được giao. Quan trọng hơn hết,

tạo nền tảng cho sự phát triển về nghề nghiệp sau này.

Nhóm trình bày !

Page 5: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

5 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

MỤC LỤCLỜI CẢM ƠN............................................................................................................4

MỤC LỤC..................................................................................................................5

LỜI MỞ ĐẦU............................................................................................................6

CHƯƠNG 1: TỔNG QUAN....................................................................................7

1.1 TỔNG QUAN VỀ WORDPRESS..................................................................7

1.2 ƯU VÀ NHƯỢC ĐIỂM CỦA WORDPRESS..............................................8

1.2.1 Ưu điểm......................................................................................................8

1.2.2 Nhược điểm................................................................................................9

1.3 XÂY DỰNG WEB SERVER TRÊN LOCALHOST VỚI GÓI XAMPP...9

1.3.1 Cài đặt Xampp...........................................................................................9

1.3.2 Cài đặt wordpress trên localhost...........................................................11

CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU..........................................................17

2.1 Nội dung nghiên cứu......................................................................................17

2.2 Cách thức triển khai......................................................................................18

2.2.1 Phần Thiết kế giao diện (Front End).....................................................18

2.2.2 Phần Quản lý Website (Back End)........................................................21

CHƯƠNG 3: KẾT QUẢ.........................................................................................48

3.1 NHỮNG YÊU CẦU ĐẠT ĐƯỢC SAU KHI HOÀN THÀNH ĐỀ TÀI.. .48

3.2 NHỮNG HẠN CHẾ VÀ CHƯA ĐẠT ĐƯỢC CỦA WEBSITE...............48

KẾT LUẬN..............................................................................................................49

Page 6: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

6 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

LỜI MỞ ĐẦU

Xã hội phát triển về nhiều mặt kinh tế, văn hóa, xã hội kèm theo đó sự bùng

nổ mạnh mẽ của công nghệ thông tin. Vì thế, nhu cầu chia sẻ thông tin để kết nối

giữa doanh nghiệp và người tiêu dùng càng ngày càng cần thiết. Để đáp ứng nhu

cầu đó, website cho các công ty, doanh nghiệp, cá nhân đã ra đời. Và việc xây dựng

website là nhu cầu không còn xa lạ với mỗi cá nhân, tập thể trên môi trường

Internet. Có rất nhiều cách để xây dựng website, có thể thuê đối tác bên ngoài để

tiến hành xây dựng hoặc tự bản thân doanh nghiệp, cá nhân cũng có thể sử dụng hệ

thống mã nguồn mở có sẵn để xây dựng. Wordpress là một trong số đó, với giao

diện trực quan, dễ sử dụng, và dễ dàng đáp ứng được nhu cầu cơ bản nâng cao của

một cá nhân hay tập thể đã được nhiều người thiết kế, sử dụng phản hồi tích cực.

Nắm được nhu cầu đó, nhóm chúng em chọn đề tài “Nghiên cứu và xây dựng web

bằng Wordpress ”.

Mặc dù đã cố gắng nỗ lực để hoàn thiện đề tài, nhưng bên cạnh đó không thể

tránh khỏi những thiếu sót. Mong rằng nhận được ý kiến góp ý, phản hồi của Thầy

và các bạn để chúng em có thể hoàn thiện được đề tài tốt hơn tạo nền tảng cho phát

triển sự nghiệp sau này.

Xin chân thành cảm ơn !

Page 7: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

7 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

CHƯƠNG 1: TỔNG QUAN

1.1 TỔNG QUAN VỀ WORDPRESS.WordPress là một mã nguồn web mở để quản trị nội dung (CMS –

Content Management System ) và cũng là một nền tảng blog (Blog Platform) được

viết trên ngôn ngữ PHP sử dụng hệ quản trị cơ sở dữ liệu MySQL được phát hành

đầu tiên vào ngày 27/5/2003 bởi Matt Mullenweg và Mike Little.

WordPress thuở mới thành lập vào năm 2003

Hiện tại tính ở thời điểm này, WordPress đã có những con số rất ấn tượng như sau:

Khoảng 72,000,000 website đang sử dụng mã nguồn mở WordPress. Mỗi ngày có khoảng 145,000 lượt download mã nguồn WordPress từ trang chủ. WordPress chiếm khoảng 19% thị phần cho tổng số website có mặt trên thế

giới. Trong khi đó Joomla chỉ có 3%. Và website không sử dụng CMS chiếm 69%.

Tổng số lượt download hiện tại của WordPress là khoảng 500,000,000 lần.

Page 8: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

8 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Ví dụ một số website lớn trên thế giới tin dùng WordPress:

Mashable

TechCrunch

CNN

Forbes

Time

TED

Wired

Reuters

1.2 ƯU VÀ NHƯỢC ĐIỂM CỦA WORDPRESS.

1.2.1 Ưu điểm.

Nhiều plugin hỗ trợ, hầu như mọi ý tưởng đều đã có plugin hỗ trợ.

Nhiều theme có sẵn, hầu như là nhiều nhất trong các CMS hiện nay. Bao gồm

các theme miễn phí và theme trả phí rất chuyên nghiệp.

Dễ tùy biến, nếu bạn là người đã có kiến thức sẵn về PHP, CSS, HTML thì điều

này rất dễ dàng.

Nhiều cộng đồng hỗ trợ và hướng dẫn.

Có thể làm được nhiều thể loại website, từ blog cá nhân đến các trang thương

mại điện tử.

Dễ cài đặt.

Nhẹ và hao tốn ít tài nguyên máy chủ.

Các Theme Framework hiện có sẽ giúp bạn tự thiết kế giao diện WordPress dễ

dàng.

Dễ sử dụng và quản lý

Page 9: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

9 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

1.2.2 Nhược điểm.

Nhiều khái niệm khó hiểu nếu mới bắt đầu.

Muốn tùy biến WordPress, chúng ta phải có kiến thức lập trình web căn bản

nhất.

Các theme đẹp đa phần là phải trả phí. Và plugin cũng vậy.

Nếu bạn là Developer, quá nhiều hàm có sẵn trong WordPress.

1.3 XÂY DỰNG WEB SERVER TRÊN LOCALHOST VỚI GÓI XAMPP

1.3.1 Cài đặt XamppVào trang www.oldapps.com để download bản XAMPP 1.7.3.

Cài đặt Xampp

Page 10: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

10 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Ấn Install.

Chờ quá trình cài đặt hoàn thành.

Page 11: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

11 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Mở biểu tượng XAMMPP Control Panel, start 2 dịch vụ Apache và MySql.

(Lưu ý: Apache và MySql phải luôn ở trạng thái ‘running’ thì trang web mới chạy

được)

Bật trình duyệt firefox, gõ vào đường dẫn http://localhost/ để kiểm tra kết quả.

Chọn ngôn ngữ English. => Xuất hiện giao diện của XAMPP.

1.3.2 Cài đặt wordpress trên localhostGiải nén file wordpress-3.3.1.zip vào C:\xampp\htdocs. Vào trình duyệt gõ

localhost/wordpress

Page 12: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

12 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Chương trình yêu cầu chúng ta t ạo file configuration. Chọn “Create a

Configuration File”.

Để cài đặt wordpress chúng ta cần những thông số về Database name, Database

username, Database password, Database host (đã tạo trong phpMyAdmin).

Page 13: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

13 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Chọn “Let’s go”.

Điền vào các thông tin trên sau đó ấn Submit.

Tiến hành quá trình cài đặt. Chọn Run the Install.

Page 14: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

14 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Điền vào những thông tin cần thiết.

Site Title: tên trang web .

Username: mặc định là admin.

Password Twice: password có thể bao gồm chữ, số, kí tự đặc biệt.

Your E-mail: điền địa chỉ e-mail.

Page 15: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

15 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Privacy: check vào dòng “Allow…” => cho phép trang web của chúng ta xuất hiện

trong những trang tìm kiếm như Google. Điều này khiến WordPress được đánh giá

là trang web hỗ trợ SEO tốt.

Trang web đã được cài đặt thành công. Ấn “Log In” để đăng nhập vào trang quản

lý.

Page 16: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

16 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Giao diện Administration Control Panel của WordPress.

Page 17: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

17 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

2.1 Nội dung nghiên cứuĐề tài: Nghiên cứu và xây dựng web bằng wordpress.

Các mục xây dựng gồm có:

Tin đào tạo.

Chương trình học.

Lộ trình đào tạo.

Diễn đàn.

Xây dựng thư viện tài liệu cho phép Sinh viên đăng ký để tìm thông tin.

Sinh viên tra cứu điểm online.

Xây dựng thư viện hình ảnh hoạt động của Trung tâm ATHENA.

Xây dựng thư viện video.

Hỗ trợ online bằng yahoo/ skype.

Cho phép người dùng Comment, đánh giá dưới mỗi bài viết.

Cho phép kết nối với mạng xã hội facebook.

Tối ưu hóa tìm kiếm SEO cho các thông tin trên website.

Kết nối với Google Analytics để phân tích các truy cập vào website.

Tất cả các danh mục triển khai cụ thể trên Local và Tiến hành upload lên Domain,

Hosting khi hoàn tất.

Page 18: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

18 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

2.2 Cách thức triển khai

2.2.1 Phần Thiết kế giao diện (Front End)Tùy theo mục đích, nhu cầu sử dụng cũng như lĩnh vực mà chúng ta tạo giao

diện cho hợp lý và thuận tiện cho người dùng.

Ở đây chúng ta tạo Trang chủ như hình dưới:

Page 19: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

19 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Tùy vào mục đích cũng như nhu cầu và tính năng của website. Chúng ta có thể

chọn Templates cho phù hợp. Ngoài ra chúng ta có thể truy cập vào trang

http://themeforest.net để tiến hành mua các themes mới với giao diện mới, chức

năng tiện ích hơn.

Riêng đối với Website này, chúng tôi chọn templates là RT-THEME phiên

bản 17.

Sau khi tiến hành cài đặt Templates, chúng ta vào mục RT-THEME 17

Template Buider để tiến hành xây dựng Layout.

Page 20: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

20 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Trong giao diện này, chúng ta chọn Default Home Page Teamplate để tạo Layout

Page 21: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

21 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Tiến hành thêm các thành phần như Layout đã thiết kế như hình vẽ trên:

2.2.2 Phần

2.2.2.1 Phần Header – Menu

TIN ĐÀO TẠOLỘ TRÌNH

ĐÀO TẠO

CHƯƠNG

TRÌNH HỌC

LIÊN

HỆ

DIỄN

ĐÀN

THƯ VIỆN

TÀI LIỆU

CHUYÊN ĐỀ

NGẮN HẠN

ĐÀO TẠO

ONLINE

REGISTE

R

SINH VIÊN THI QUỐC

TẾ

ONLINE

MARKETING

LOGIN

Page 22: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

22 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

AN NINH

MẠNGXỬ LÝ ĐỒ HỌA

QUẢN TRỊ

MẠNG

WEB &

THƯƠNG MẠI

ĐIỆN TỬ

Trong wordpress, menu được tạo ra bằng nhiều cách:

Cài đặt menu TIN ĐÀO TẠO:

Click vào liên kết:

Ở ô đường dẫn bạn để links về đường dẫn chứa tin đào tạo.

Page 23: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

23 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Ô Link text vào TIN ĐÀO TẠO, Như hình và click vào add to menu.

Để thêm các categories chúng ta phải tạo ra trước:

Vào Post Categories để tạo các Caterogies : Điền tên categories vào mục name:

Description là mô tả cho categories này.

Parent: Chọn categories là thư mục con của thư mục nào. Để trống là categories lớn

nhất. 

Sau đó quay lại Giao diện/menu để cài đặt menu

Trong mục categories ta click vào xem tất cả để chọn add vào menu AN NINH

MẠNG như hình dưới:

Page 24: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

24 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Page 25: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

25 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Ngoài ra, chúng ta có thể sắp xếp trật tự Menu theo ý mình bằng cách kéo thả

trong ô menu Structure rồi save lại:

Các Danh mục Menu khác cũng tương tự.

Page 26: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

26 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

2.2.2.1.1 Xây dựng trang Liên hệ

Để xây dựng trang này trước hết chúng ta tạo Layout. Tại giao diện trang quản

trị Wordpress, phía bên trái chọn RT-THEME 17 Template Builder Default

Contact Page Template. Thiết lập các thông số như hình:

Tại mục Google Map, chèn code Google Map do http://maps.google.com cung cấp.

Page 27: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

27 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Mục Contact Info, chúng ta chèn thông tin liên lạc, địa chỉ, điện thoại, email vào:

Mục Code Box phía bên tay phải, chúng ta chèn Form liên hệ (sử dụng chức

năng Contact Form của Wordpress). Nhấn Save và xem kết quả trên Trang chủ.

2.2.2.1.2 Xây dựng Thư viện tài liệu

Page 28: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

28 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Để xây dựng được thư viện video như trên chúng ta sử dụng plugins TubePress.

Sau khi tiến hành cài đặt xong, vào mục Setting của TubePress để cấu hình các

thông số:

Sau khi đã hoàn tất các bước, cuối cùng chúng ta tạo Pages mới để thêm

TubePress vào bài viết. Chọn Pages Add New, tại khung soạn thảo, chèn đoạn

mã (shortcode) “[tubepress]” vào và Save, xem kết quả.

Page 29: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

29 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

2.2.2.1.3 Xây dựng Thư viện hình ảnh

Ở đây chúng ta sử dụng chức năng của RT-THEME 17.

Tạo Pages mới, sau đó sử dụng RT-Theme Photo Gallery ShortCode. Sau đó chúng

ta tiến hành chèn link hình ảnh vào.

Page 30: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

30 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Cuối cùng chúng ta save lại và xem kết quả.

2.2.2.1.4 Xây dựng chức năng Tra cứu kết quả học tập

Sơ đồ quan hệ giữa các bảng Cơ sở dữ liệu

Page 31: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

31 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Cấu trúc thư mục và các đoạn mã nguồn:

Kết quả chương trình:

COURSE *course_id

course_name

RESULT *sv_id

course_id

result_thuongky

result_detai

result_thuchanh

result_cuoiky

result_trungbinh

STUDENTsv_id

sv_name

sv_class

sv_birthday

sv_sex

sv_country

sv_phone

Page 32: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

32 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Sau khi bấm Xem điểm, chúng ta có kết quả như sau:

Page 33: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

33 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

2.2.2.2 Phần Slider thông tin

Trước tiên, cần chuẩn bị thông tin: Tên slider, Hình ảnh và đường dẫn bài viết.

Để tạo Slider, trong khung quản trị Slider New.

Page 34: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

34 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Điền tên Slider vào ô Enter title here, Chèn link bài viết vào Custome Links.

Cuối cùng để chọn hình ảnh cho Slider chọn Set Featured Image để lấy hình ảnh

từ Thư viện Media hoặc Upload lên từ máy tính.

Sau khi đã tạo xong Slider, bước kế tiếp là Add vào Trang chủ.

Cũng tại khung Quản trị, chọn RT-THEME Template Buider. Trong giao

diện này, chúng ta chọn Default Home Page Template để tiến hành Add Slider

vừa tạo vào phần Slider. Chúng ta có thể chọn thời gian chuyển đổi giữa các Slider

và kích thước Slider.

Page 35: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

35 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

2.2.2.3 Phần Tin tức mới nhất

Trong khung Quản trị, chọn RT-THEME Template Buider. Trong giao

diện này, chúng ta tiếp tục chọn Default Home Page Template để tiến hành Add

thông tin vào phần Banner Box.

Trong phần này, điền tên tin tức mới nhất vào phần Banner Text. Điền Tên

Button vào phần Button Text. Chèn link tin tức vào phần Button Link.

Page 36: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

36 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Cuối cùng chọn Save và xem kết quả trên Home Page.

Page 37: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

37 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

2.2.2.4 Xây dựng mục Tin Đào Tạo – Lịch Khai GiảngTrong khung Quản trị, chọn RT-THEME Template Buider. Trong giao

diện này, chúng ta tiếp tục chọn Default Home Page Template để tiến hành Add

thông tin vào phần Code Box.

Tại giao diện của Code Box chúng ta điền vào thông tin sau: Tên tiêu đề trong phần

Module Title, khu vực Code Space để chúng ta chèn Code do chúng ta tự định

dạng.

Page 38: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

38 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Cuối cùng Chọn Save và xem kết quả trên Home Page.

2.2.2.5 Xây dựng mục Đào tạo online – Chuyên đề ngắn hạnChúng ta thực tương tự giống như mục Tin Đào Tạo – Lịch Khai Giảng. Chỉ khác

là thay đổi thông tin hiển thị.

Page 39: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

39 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

2.2.2.6 Xây dựng Sidebar bên phải

2.2.2.6.1 Mục Quảng CáoTrong khung Quản trị, chọn RT-THEME Template Buider. Trong giao

diện này, chúng ta tiếp tục chọn Default Home Page Template để tiến hành Add

thông tin vào phần Code Box phía bên phải đầu tiên.

Phần này chúng ta đơn giản chỉ dùng một đoạn mã HTML để chèn bức

ảnh .gif (ảnh động) vào trong phần Code Space.

Nhấn Save và xem kết quả.

2.2.1.6.2 Mục Kết nối cùng chúng tôiỞ đây cũng trong phần Code box, chúng ta sẽ chèn vào một đoạn mã do

Facebook cung cấp. Đoạn mã này chúng ta vào Google và Search từ khóa “Code

like Fanpage”, sau đó vào trang developers.facebook.com để tiến hành sao chép

đoạn mã này và dán vào phần Codebox.

Page 40: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

40 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Cuối cùng chọn Save và xem kết quả:

Page 41: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

41 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

2.2.2.6.3 Mục Khách hàng nói về chúng tôiỞ đây chúng ta sử dụng một plugins để tạo ra chức năng này. Plugins có tên

Testimonials, sau khi cài đặt chúng ta vào giao diện chính của Plugins này để tiến

hành thêm thông tin.

Sau khi đã chuẩn bị đầy đủ các thông tin cần thiết. Bước tiếp theo chúng ta sẽ

tiến hành Add vào Sidebar trên Trang chủ.

Đối với Chức năng này, RT-THEME sẽ không cho phép chúng ta Add trực

tiếp vào Trang chủ như các Module khác nên chúng ta sẽ sử dụng qua một chức

năng trung gian khác đó là Sidebar. Trong mục Select Sidebar (Widget Area)

chúng ta chọn một Sidebar For Product Categories. Sidebar này sẽ chứa Plugins

mình vừa cài đặt trong chức năng Widget của Wordpress.

Page 42: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

42 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Cuối cùng chọn Save và xem kết quả trên Trang chủ:

Page 43: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

43 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Phần Nhận thông tin mới nhất như trên hình, chúng ta sử dụng Plugins Newsletter,

cách sử dụng và cài đặt làm tương tự như plugins Testimonials.

2.2.2.6.4 Mục Hỗ trợ online. Chúng ta làm hoàn toàn tương tự như chức năng “Khách hàng nói về chúng tôi”, chỉ

khác nhau ở một chỗ duy nhất là sử dụng khác Plugins. Ở đây chúng ta cài đặt 2

Plugins có tên “Yahoo and Skype status widget” và “Count per Day”.

2.2.2.8 Phần Footer

Ở giao diện chính của trang quản trị Wordpress, chúng ta chọn RT-THEME 17

Footer Options, điền thông tin của Footer vào phần Footer Copyright Text.

Cuối cùng chọn Save Options, và xem kết quả trên Home Page:

Page 44: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

44 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Như vậy, chúng ta đã hoàn tất các bước để thiết kế cũng như hiển thị, quản lý

thông tin trên Trang chủ.

2.2.2.7 SEO (Search Engine Optimization)

Là quá trình tối ưu hóa website để trở nên thân thiện hơn với Google, Binh, …

Mục tiêu của SEO là đưa website lên trang 1 Google với các từ khóa (keyword)

mong muốn.

SEO có rất nhiều phần. Nhưng có 2 phần chính là Onpage và Offpage.

Về Offpage, chúng ta xây dựng backlink để trỏ về website mình muốn SEO. Phần

này chúng em không khai thác nhiều, chỉ tập trung vào Onpage.

Về Offpage (Tối ưu bên trong trang web)

2.2.2.7.1 Tối ưu thẻ Heading (H1, H2, H3):

Nguyên tắc: Font chữ càng to thì nội dung càng quan trọng, cần chứa từ

khóa.

Trong Title của bài viết, chúng ta chèn thêm vào thẻ H1.

Page 45: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

45 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Sau đó chúng ta Save lại và xem kết quả:

Ngoài ra, chúng ta còn có thể sử dụng thẻ <strong> in đậm</strong>, hoặc <em>in

nghiêng</em> để nhấn mạnh từ khóa so với các từ xung quanh.

2.2.2.7.2 Tối ưu Hình ảnh

Với hình ảnh, chúng ta cần đặt từ khóa trong:

+ Tên file ảnh.

+ Thẻ ALT (mô tả ảnh)

+ Dòng chú thích phía dưới ảnh.

Chúng ta Save lại và xem kết quả:

Page 46: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

46 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

2.2.2.7.2 Mật độ từ khóa

Chúng ta áp dụng nguyên tắc:

1. Từ khóa cần SEO có mật độ cao nhất

2. Không lặp lại từ khóa quá nhiều trong một đoạn cũng như một trang.

3. Mật độ từ khóa tốt nhất từ 2% - 5%.

2.2.2.8 Cài đặt và Kiểm tra Google Analytics

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,...

Page 47: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

47 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Để cài đặt chúng ta vào đường dẫn: http://www.google.com.vn/analytics/

Sau khi đăng ký xong, Google Analytics sẽ yêu cầu chúng ta dán đoạn mã sau vào

trang mà chúng ta muốn phân tích:

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.

Page 48: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

48 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Cuối cùng, chúng ta xem kết quả trên trang chủ Google Analytics:

Đây là số liệu tổng quát của website

Còn đây là phân tích chi tiết các trang con, bài viết:

Như vậy là chúng ta đã hoàn thành việc cài đặt và kiểm tra Google Analytics.

Page 49: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

49 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

Page 50: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

50 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

CHƯƠNG 3: KẾT QUẢ

3.1 NHỮNG YÊU CẦU ĐẠT ĐƯỢC SAU KHI HOÀN THÀNH ĐỀ TÀI.- Hoàn thành đầy đủ những yêu cầu được giao.

- Nghiên cứu và cài đặt thành công website wordpress trên localhost và trên hosting

Internet.

- Tích hợp được tính năng mạng xã hội, hỗ trợ online vào wordpress .

- Tối ưu hóa tìm kiếm SEO cho các thông tin trên website.

- Bên cạnh đó, chúng em còn tiến hành tích hợp chức năng Responsive và Kết nối

với Google Analytics để phân tích các truy cập vào website.

3.2 NHỮNG HẠN CHẾ VÀ CHƯA ĐẠT ĐƯỢC CỦA WEBSITE- Giao diện website cần được tối ưu, thân thiện hơn với trải nghiệm của người dùng.

- Tối ưu hóa tìm kiếm SEO cho các thông tin trên website cần tốt hơn.

Page 51: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

51 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

KẾT LUẬN Qua đề tài “Nghiên cứu và xây dựng web bằng Wordpress” này chúng em đã

phần nào hiểu được cấu trúc lưu trữ, kết nối giữa các dữ liệu trong Wordpress để từ

đó hoàn thiện và xây dựng website này. Bên cạnh đó, Wordpress còn rất nhiều thứ

chúng em còn cần phải học hỏi và tiến hành xây dựng thêm như tìm hiểu và xây

dựng Templates, Plugins, tối ưu hóa SEO trong Wordpress để từ đó nâng cao kiến

thức về mã nguồn mở nói chung và bản thân Wordpress nói riêng.

Chân thành cảm ơn Trung tâm Đào tạo Quản Trị Mạng - An Ninh Mạng

ATHENA và các thầy hướng dẫn thực tập !

Page 52: [ATHENA.EDU.VN] Báo cáo cuối kỳ Nghiên cứu và Xây dựng website bằng Wordpress

52 CHƯƠNG 2: NỘI DUNG NGHIÊN CỨU

TÀI LIỆU THAM KHẢO

1. Tài liệu thực hành wordpress (cơ bản+nâng cao) của trung tâm ATHENA

2. Thông tin hướng dẫn tại diễn đàn ATHENA – http://athena.edu.vn

3. Tham khảo một số thông tin tại blog http://thachpham.com/wordpress