Báo cáo thực tập thực tế nghiên cứu và xây dựng WEBSITE bằng WORDPRESS

Báo cáo thực tập thực tế nghiên cứu và xây dựng WEBSITE bằng WORDPRESS

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

MỤC LỤC

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,Viết bài trong WP

b) Tạo menu tin tức

c) Tạo các widgets

d) Upload header và chỉnh footer trong WP

e) Chèn video Youtube vào site

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 Sitemap

2 Cách xây dựng website và tối ưu hóa website

a) Thẻ HEAD Html

b) Các thẻ Tags

c) Liên kết nội bộ và kiến trúc trang web

d) Cấu trúc trang

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à kinhnghiệ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à

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 nhiều bộ ngành như Cục CôngNghệ 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ọcViệ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 đầutrong 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 CertifiedTrainer).Đâ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

+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ế

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ậptrì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ínhwebsite 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 đượcmộ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ênPHP5, 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 Websitekhá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 aikhô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 chiamụ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 dungbà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 )

- 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ôngchuyê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ậtthườ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ếtbà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

- 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 config.php, sau 1,2 lần click chuột, bạn đã sẵn sàng để viết blog

wp- 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 chohà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, SimpleTagging, Textpattern, B2evoluton, v.v Đây là chức năng tuyệt vời nếu như bạn muốnchuyể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ếttrê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ùythích theo nhu cầu của bạn, và thậm chí bạn cũng có thể sử dụng Wordpress để làm một websitehoà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

Một số trong những lợi thế của purchasing a WordPress premium theme bao gồm:

 Hỗ trợ kỹ thuật sẵn có

 Hoàn toàn tùy biến trang web

 Chức năng và kỹ thuật nâng cao hơn

 Chủ đề của bạn sẽ được liên tục cập nhật

 Các mẫu thiết kế tuyệt vời cho originality

 Có thể được sử dụng cho các trang web lớn như Tổng công ty và các tạp chí tin tức trựctuyến

3 Nét nổi bật làm nên sự phát triển:

 Việc quản lý web, quản lý các bài viết rất thuận tiện giống như các phần mềm thiết kếwebsite chuyên nghiệp

 Hỗ trợ plug - in Đây thực sự là một điểm mạnh của Wordpress, với một cộng đồng người dùng viết các plug - in cho Wordpress Bạn không lo thiếu plug - in để sử dụng

 Thể hiện các tệp PDF, DOC, Powerpoint ngay trên nội dung bài viết Đặc biệt tích hợpsẵn Latex – công cụ soạn thảo công thức toán học, giúp người sử dụng có thể viết côngthức toán học ngay trên blog

 WordPress có rất nhiều Widget (ứng dụng tạo thêm) như Thống kê số truy nhập blog, các

bài mới nhất, các bài viết nổi bật nhất, các comment mới nhất, liệt kê các chuyên mục,liệt kê các trang, danh sách các liên kết, liệt kê số bài viết trong từng tháng … khi muốnthay đổi vị trí các widget, thay vì phải động vào code, bạn chỉ việc kéo - thả ở những vịtrí thích hợp Có vô số theme để người dùng lựa chọn

 Hỗ trợ tag/chuyên mục: Giúp bạn dễ dàng phân loại bài viết, dễ dàng, thuận tiên trongquá trình tìm kiếm cũng như xem lại các bài viết

 Hỗ trợ SEO khá tốt Tuy không thể nói là hoàn chỉnh nhưng cũng rất tốt với dàn kỹ sưluôn luôn lắng nghe ý kiến người dùng và cập nhật những tính năng nhằm nâng cao khảnăng về SEO

 Ngoài thống kê số truy nhập của từng ngày, WordPress còn thống kê số truy nhập của

từng ngày đối với mỗi bài viết của web Trên cơ sở đó sẽ có định hướng nên viết vấn đề

gì tiếp theo

 Các comment có thể duyệt rồi mới cho đăng, comment nào có nội dung không phù hợp

có thể xóa, nếu cho là spam thì sau này IP đó không có thể gửi comment vào blog đượcnữa

 Admin (chủ website) có thể cho rất nhiều cộng tác viên gửi bài vào blog, có thể phân

quyền cho các cộng tác viên theo các cấp độ khác nhau Lưu giữ danh sách thành viên đãghé thăm trang blog Admin cũng có thể cho bất kỳ ai đăng bài qua email vào blog miễn

là admin cho họ một địa chỉ email bí mật của web (địa chỉ này có thể thay đổi bất kỳ lúcnào)

 Sao lưu dữ liệu nhằm khôi phục nội dung web một cách dễ dàng nếu chẳng may web bị

hack, và cung cấp công cụ chuyển nhà sang WordPress.

 WordPress hỗ trợ 3 GB để lưu trữ các tệp hình ảnh và văn bản.

 Hàng ngày WordPress có thống kê 100 bài trên các web tiếng Việt của WordPress được

nhiều người đọc nhất trong vòng 48 tiếng Nhờ đó bạn biết được các thông tin quan trọngnhất đang diễn ra

III Hướng dẫn cài đặt

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

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ừngnhư hình dưới

Click vào Let’s go! để tiếp tục

Bước 3:

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

- 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 4: xác nhận và chạy cài đặt

Bước 5: Chọn lựa tên website và tài khoản quản trị

Bước 6: 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

_Đă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

a)Cài themes,Viết bài trong WP

Click chọn Structure ThemeClick 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)

c)Tạo các bài viết trong wordpress

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ả

IV Tổng hợp các plugins cần có cho Wordpress.

Nếu như bạn đã hoặc đang sử dụng Blog Platform của Wordpress, thì một thứ rất hữu ích màbạn không thể thiếu, đó là các plugins Wordpress là lựa chọn số một không chỉ vì nó nhẹ, chạy

nhanh, tính tương thích và đồng bộ cao, nhiều theme, v.v mà còn có một phần hết sức quantrọng giúp cho nó đứng vững ở vị trí số 1, đó chính là các plugin

Các Plugin giúp Blog Wordpress mở rộng khả năng, mềm dẻo hơn, nhiều tính năng hơn Nhữngngười sử dụng Wordpress hầu như có thể làm mọi điều họ thích, có mọi tính năng mà họ cầnnhờ vào khối lượng rất đồ sộ các plugin do các nhà phát triển đã và đang xây dựng

Tất cả các plugin này được phân chia theo công dụng Theo như được biết thì tất cả các pluginnày vẫn tương thích với Wordpress phiên bản mới nhất

Các Plugin trong wrodress

I Những ưu điểm của WordPress

WordPress từ thời phiên bản khoảng 1.3.x, lúc đó WordPress không được phổ biến và sửdụng rộng rãi với nhiều mục đích như bây giờ Nhưng càng về sau WordPress càng trở nênmạnh mẽ và nó đi từ một Blog Platform lên thành một trong những phần mềm CMS đình đámnhất bây giờ Một số thế mạnh của Wordpress là

1 Hoàn toàn miễn phí

Ở đây miễn phí là thực sự miễn phí Có nghĩa là bạn có toàn quyền sử dụng, chia sẻ,chỉnh sửa Bạn không phải trả bất cứ một đồng nào dưới bất cứ hình thức nào

WordPress có hệ thống Template Tags giúp cho những Designer và những người khôngchuyên về code cũng có thể tạo ra giao diện cho mình Tất nhiên nếu bạn biết code thì sẽ dễdàng hơn, còn nếu hơi biết tí tí thì cũng có thể làm được giao diện rồi.

4 Giao diện có sẵn miễn phí

Nếu bạn không muốn phiền phức tạo giao diện cho mình thì WordPress có rất nhiều cácgiao diện miễn phí nhung không kém phần bắt mắt cho bạn chọn Chỉ cần Google một lúc thìbạn có hàng tá giao diện bắt mắt Nhưng bạn cũng có thể mua skin cho nó

5 Nhiều Plugin miễn phí

Plugin cho WordPress thì không kể hết Hầu như bạn muốn cái gì chỉ cần search một lúc

là đã có một plugin cho nó Ví dụ bạn muốn phân trang cho blog của mình thì đã có PageNavi, muốn Sitemap thì có Google Sitemap, muốn highlight code thì có Google CodeHighlighter v.v nói chung cần cái gì cũng có

WP-6 SEO rất tốt

WordPress nổi tiếng cũng vì rất thân thiện với việc tối ưu hóa công cụ tìm kiếm Nó cókhả năng biến URL đặc trưng của CMS dạng như ?2143kf.php thành dep-diu-dang-ma-khong-choi-loa.php Nếu muốn cao hơn bạn có thể sử dụng “All in one SEO Pack” cho blog của mình

để trợ hứng

7 Cập nhật rất đơn giản

Đối với nhiều CMS khác thì việc update lên phiên bản mới hơn là một thử thách thực sự.Nào là back up database, upload file lên host CHMOD cái nọ, CHMOD cái kia, bỏ folder này,giữ folder kia v.v nhưng WordPress update thì đơn giản hơn nhiều Mỗi khi có bản mới nóthông báo cho bạn biết trong Admin Panel và việc duy nhất bạn phải làm là nhấn vào nútUpgrade là mọi việc được tự động hóa hoàn toàn Kể cả Plugin của WordPress cũng đượcupgrade như vậy

8 Tương tác với người đọc

Nếu bạn không muốn sử dụng diễn đàn, WordPress cho phép người đọc có thể viếtComment ngay trên trang của bạn như một blog thực thụ

9 Hỗ trợ và tài nguyên dồi dào