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

10,491 views

Published on

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

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
10,491
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
116
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. 1 LỜI CẢM ƠN LỜI NHẬN XÉT CỦA GIẢNG VIÊN ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... .......................................................................................................................................
  2. 2. 2 LỜI CẢM ƠN LỜI NHẬN XÉT CỦA CÔNG TY THỰC TẬP ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ...................................................................................................................................... ......................................................................................................................................
  3. 3. 3 LỜI CẢM ƠN 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.
  4. 4. 4 LỜI CẢM ƠN 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 !
  5. 5. 5 MỤC LỤC MỤC LỤC LỜ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
  6. 6. 6 LỜI MỞ ĐẦ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 !
  7. 7. 7 CHƢƠNG 1: TỔNG QUAN 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.
  8. 8. 8 CHƢƠNG 1: TỔNG QUAN 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ý
  9. 9. 9 CHƢƠNG 1: TỔNG QUAN 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 Xampp Vào trang www.oldapps.com để download bản XAMPP 1.7.3. Cài đặt Xampp
  10. 10. 10 CHƢƠNG 1: TỔNG QUAN Ấn Install. Chờ quá trình cài đặt hoàn thành.
  11. 11. 11 CHƢƠNG 1: TỔNG QUAN 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 localhost Giải nén file wordpress-3.3.1.zip vào C:xampphtdocs. Vào trình duyệt gõ localhost/wordpress
  12. 12. 12 CHƢƠNG 1: TỔNG QUAN 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).
  13. 13. 13 CHƢƠNG 1: TỔNG QUAN 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.
  14. 14. 14 CHƢƠNG 1: TỔNG QUAN Đ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.
  15. 15. 15 CHƢƠNG 1: TỔNG QUAN 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ý.
  16. 16. 16 CHƢƠNG 1: TỔNG QUAN Giao diện Administration Control Panel của WordPress.
  17. 17. 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ụctriển khai cụ thể trên Local và Tiến hành upload lên Domain, Hosting khi hoàn tất.
  18. 18. 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:
  19. 19. 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.
  20. 20. 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 Tiến hành thêm các thành phần nhƣ Layout đã thiết kế nhƣ hình vẽ trên:
  21. 21. 21 CHƢƠNG 2: NỘI DUNG NGHIÊN CỨU 2.2.2 Phần Quản lý Website (Back End) 2.2.2.1 Phần Header – Menu TIN ĐÀO TẠO LỘ 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 AN NINH MẠNG XỬ LÝ ĐỒ HỌA QUẢN TRỊ MẠNG WEB & THƢƠNG MẠI ĐIỆN TỬ
  22. 22. 22 CHƢƠNG 2: NỘI DUNG NGHIÊN CỨU Trong wordpress, menu đƣợc tạo ra bằng nhiều cách: Cài đặt menu TIN ĐÀO TẠO: Click vàoliên kết: Ở ô đƣờng dẫn bạn để links về đƣờng dẫn chứa tin đào tạo. Ô 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.
  23. 23. 23 CHƢƠNG 2: NỘI DUNG NGHIÊN CỨU 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:
  24. 24. 24 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ự. 2.2.2.1.1 Xây dựng trang Liên hệ
  25. 25. 25 CHƢƠNG 2: NỘI DUNG NGHIÊN CỨU Để 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. 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:
  26. 26. 26 CHƢƠNG 2: NỘI DUNG NGHIÊN CỨU 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
  27. 27. 27 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ả.
  28. 28. 28 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.
  29. 29. 29 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
  30. 30. 30 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:
  31. 31. 31 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:
  32. 32. 32 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.
  33. 33. 33 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.
  34. 34. 34 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.
  35. 35. 35 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.
  36. 36. 36 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ảng 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 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.
  37. 37. 37 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ạn Chú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ị.
  38. 38. 38 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áo 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 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.
  39. 39. 39 CHƢƠNG 2: NỘI DUNG NGHIÊN CỨU Cuối cùng chọn Save và xem kết quả:
  40. 40. 40 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.
  41. 41. 41 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ủ:
  42. 42. 42 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:
  43. 43. 43 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.
  44. 44. 44 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ả:
  45. 45. 45 CHƢƠNG 2: NỘI DUNG NGHIÊN CỨU 2.2.2.7.2Mậ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,... Để cài đặt chúng ta vào đƣờng dẫn: http://www.google.com.vn/analytics/
  46. 46. 46 CHƢƠNG 2: NỘI DUNG NGHIÊN CỨU 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. 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
  47. 47. 47 CHƢƠNG 2: NỘI DUNG NGHIÊN CỨU 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.
  48. 48. 48 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.
  49. 49. 49 KẾT LUẬN 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 !
  50. 50. 50 KẾT LUẬN 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

×