Xây dựng và phát triển web trên wordpress

Xây dựng và phát triển web trên wordpress

TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP HỒ CHÍ MINH

TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG VÀ AN NINH MẠNG QUỐC

TẾ ATHENA

ĐỀ TÀI: XÂY DỰNG VÀ PHÁT TRIỂN

WEB TRÊN WORDPRESS

Người hướng dẫn: Võ Đỗ Thắng

Trường :ĐH Khoa Học Tự Nhiên

LỜI CẢM ƠN TRUNG TÂM ATHENA

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 trung tâm 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.

LỜI CÁM ƠN KHOA

Chân thành cảm ơn khoa Điện Tử Viễn Thông trường đại học Khoa Học Tự Nhiên đã tạo điều kiện thuận lợi để em thực tập tại Trung tâm Đào tạo An Ninh Mạng - Quản Trị Mạng Quốc Tế Athena Nhờ vào đó, em được tiếp cận với tác phong làm việc công nghiệp và rèn luyện kỹ năng mềm của mình.

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

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

http://tintucdaotaoathena234.blogspot.com/2014/10/thong-bao-nghi-tet-nguyen-phi-system.html

http://tintucdaotaoathena234.blogspot.com/2014/10/khoa-hoc-ninh-mang-mien-thang-2-3.html

http://tintucdaotaoathena234.blogspot.com/2014/10/thong-bao-lich-khai-giang-cap-toc-bang.html

http://tintucdaotaoathena234.blogspot.com/2014/10/khoa-hoc-xay-dung-web-forum-trang-rao.html

http://tintucdaotaoathena234.blogspot.com/2014/10/xau-dung-quan-tri-dien-khai-giang.html

http://tintucdaotaoathena234.blogspot.com/2014/10/khoa-hoc-internet-business-phi-ung-dung.html

http://tintucdaotaoathena234.blogspot.com/2014/10/chuong-trinh-tu-van-mien-cong-mang.html

http://tintucdaotaoathena234.blogspot.com/2014/10/chu-ong-truoc-nguy-co-tan-marketing-trong-3.html

http://tintucdaotaoathena234.blogspot.com/2014/10/dich-vu-tham-tu-ninh-kinh-doanh.html

Mặc dù đã cố gắng nỗ lực để hoàn thiện đề tài, nhưng bên cạnh đó khôngthể 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ủaThầy và các bạn để cho em có thể hoàn thiện được đề tài tốt hơn.

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

CHƯƠNG 1: TỔNG QUAN VỀ WORDPRESS

- 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ợpcho ai muốn đặt blog trên chính website sử dụng tên miền của riêng mình Tuynhiê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 AutomatticProduction 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 WordPresschạ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ùngtrong 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

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.

CHƯƠNG 2:HƯỚNG DẪN CÀI ĐẶT WORDPRESS

TRÊN HOSTINGER

2.1 Chuẩn bị:

a. Đăng ký tên miền:

Ví dụ đăng ký một tên miền tk miễn phí trên http://www.dot.tk

b. Đăng ký host

Có rất nhiều dịch vụ host cho bạn lựa chọn từ thu phí đến trả phí ở đâymình chọn hostinger và tạo host miễn phí Bạn tạo tài khoản hostinger tại

http://www.hostinger.vn

Tạo host: vào hosting > thêm account, chọn gói bạn muốn

Nhập tên miền là tên miền bạn vừa đăng ký ở trên

Chọn mật khẩu và sau đó nhấn tiếp tục

Gõ capcha, chấp nhận điều khoản và nhấn đặt hàng

Vậy là bạn đã có host, bước cuối cùng là trỏ tên miền về host vừa tạo

c. Trỏ tên miền về host

Bạn chú ý đến thông tin nameserver trong mục thông tin chi tiết tronghostinger

Đăng nhập dot.tk sẽ tự động link đến trang web freenom.com

Vào domains > My Domains sẽ thấy domain bạn vừa đăng ký, chọnManage Domain

Trong tab management Tools chọn Nameserver Điền vào 4 nameserver.Cuối cùng click Change Nameserver

Và thành quả, tất nhiên là nó chưa có gì.

2.2. Cài đặt wordpress trên hostinger

Đăng nhập hostinger Chọn host bạn vừa đăng ký

Trong mục website chọn trình tự động cài đặt

Chọn wordpress.

Điền password, tên website, tagline rồi nhấn cài đặt

Đợi vài phút trong khi wordpress cài đặt.

Kết quả

CHƯƠNG 3: NGHIÊN CỨU CÁC TÍNH NĂNG

WORDPRESS VÀ TẠO MỘT WEBSITE ĐƠN GIẢN

3.1 Làm quen Wordpress Dashboard

Tìm hiểu WordPress Dashboard

Trong khu vực này nó chia ra làm các phần chính như sau:

Chú thích:

1. Khung menu trái:

Đây là nơi để bạn truy cập vào các thành phần công cụ có trongWordPress Dashboard

2. Khung nội dung bên phải:

Đây là phần hiển thị nội dung các chức năng tương ứng với từng phần màbạn đã chọn trong khu vực 1 Ở đó bạn có thể thao tác sử dụng các chức năngcủa nó

3. Tùy chọn hiển thị:

Khi bạn click vào nút Screen Options này, bạn có thể chỉnh được việchiển thị/ẩn các đối tượng cụ thể có trong khu vực 2 để làm nó gọn đi nếu thấy

có nhiều tính năng không cần thiết

4. Thành điều hướng nhanh cho Admin (Admin Quick Bar)

Khi đăng nhập vào WordPress thì dù bạn có ở đâu trong trang thì bạn vẫn

có thể thấy được thanh công cụ nhanh này, nó giúp bạn di chuyển tới các phầnquan trọng như viết bài mới, tạo page mới,…nhanh hơn

Đó là 4 phần quan trọng mà bạn cần biết Bây giờ là tới phần quan trọngnhất, đó là tìm hiểu ý nghĩa các công cụ bên menu tay trái trong trang quản trị

Ý nghĩa các công cụ trong WordPress Dashboard

1 Dashboard

Khu vực Dashboard này là tập hợp các công cụ liên quan đến việc theodõi thống kê của website và cập nhật các phiên bản theme, plugin, WordPress,

….Nó có 2 phần như sau:

Home: Khu vực theo dõi các tiến trình của WordPress, cũng như báo cáochi tiết về các bài viết, bình luận,…

Update: Nơi để bạn vào cập nhật những bản vá mới nhất của theme,plugin, WordPress đang sử dụng Mỗi khi có bản mới nó sẽ hiển thị thông báocho bạn thấy

Add New: Đăng bài mới

Categories: Quản lý các chuyên mục bài viết đang có

Tags: Quản lý các thẻ bài viết đang có

3 Media

Phần này để bạn quản lý các file media đang có trên website (ảnh, nhạc,video,….nhưng thông thường ta chỉ chứa ảnh trong bài viết) Có thể phần nàybạn sẽ không có dịp đụng vào nhiều nhưng ít nhất cũng nên biết

Library: Thư viện media, nơi bạn quản lý các tập tin đã upload lên

Add New: Thêm mới một file media

4 Pages

Chỗ này không khác gì với phần Posts, nhưng nó sẽ không có categories

và tags Về công dụng của nó là để bạn đăng các trang nội dung có yếu tố chung

chung và không được phân loại bởi một category hay tag nào, ví dụ như tranggiới thiệu, liên hệ,….

All Pages: Xem và quản lý tất cả các page hiện có

Add New: Tạo page mới

• Themes: Nơi bạn quản lý, cài đặt và xóa các theme (giao diện) bạn đang

có Nó cũng tích hợp tính năng tìm theme có trong thư viện WordPress

• Customize (không phải theme nào cũng có): Chỗ này để bạn có thể thỏa

thích tùy biến giao diện đang có như đổi màu sắc, màu chữ, thêm banner,…

• Widgets: Nơi để bạn quản lý và sử dụng các widget được hỗ trợ, các

widget bạn cứ hiểu như là một tính năng nhỏ và bạn có thể kéo nó vào sidebar(thanh bên cạnh nội dung) để sử dụng

• Menus: Nơi để bạn quản lý và chỉnh sửa menu hiện có trong theme

• Header: Nơi để bạn thêm ảnh header cho theme.

• Editor: Đây là phần khá quan trọng có thể bạn sẽ cần dùng nhiều, và cũng

không nên sửa những gì ở đây nếu bạn không hiểu về nó Đại loại là nơi để bạncan thiệp vào phần code của theme

7 Plugins

Plugin như là một tính năng trong WordPress mà khi cài đặt bạn sẽ không

có, muốn có bạn phải cài thêm plugin để sử dụng

• Installed Plugins: Nơi để bạn quản lý các plugin hiện có, bạn có thể bật,

tắt hoặc xóa nó ra khỏi website ở đây

• Add New: Nơi để bạn cài mới một plugin.

• Editor: Cũng như Appearance, đây là chỗ để bạn có thể can thiệp vào

phần code của từng plugin, không nên sửa nếu không hiểu về nó

8 Users

WordPress cho phép bạn có thể tạo ra nhiều thành viên khác nhau và cóthể phân quyền cho thành viên, bạn có thể chỉ định họ chỉ được sửa bài, đượcviết bài và thậm chí là được làm Admin Đây là khu vực để bạn làm các thao tácđó

• All Users: Quản lý các thành viên hiện có trong website.

• Add New: Tạo thành viên mới, bạn có thể thiết lập cho khách tự đăng ký

• Available Tools: Nơi bạn xem các công cụ mà bạn có thể được sử dụng

trong hiện tại

• Import: Nhập nội dung từ website khác về trang WordPress của bạn.

• Export: Xuất nội dung ra một file xml và có thể import nó lại khi cần

hoặc import ở một website khác Tuy ít dùng nhưng đây là một tính năng quantrọng cần biết

10 Settings

Có thể nói đây là phần bạn lui tới nhiều nhất đấy, vì đa phần các pluginbạn cài vào thì nó sẽ xuất hiện thêm menu trong phần này Phần Settings này làtập hợp các công cụ liên quan đến việc cấu hình, thiết lập website WordPress

• General: Nơi để cấu hình chung của WordPress, bạn có thể thiết lập tên

website, múi giờ và một số tính năng khác ở đây

• Writing: Nơi để bạn cài các thiết lập liên quan đến việc đăng bài lên

website

• Reading: Nơi để bạn thiết lập các tính năng liên quan đến việc hiển thị,

xem bài viết trên website với khách

• Discussion: Thiết lập các tùy chọn liên quan đến việc bình luận trên

website

• Media: Thiết lập tùy chọn liên quan đến việc lưu trữ các file media trong

thư viện Media

• Permalinks: Thiết lập dường dẫn tĩnh cho website, tức là bạn có thể đưa

link bài viết của bạn từ dạng động sang cấu trúc dạng tĩnh, giống như mình đang

sử dụng

3.2 Hướng dẫn sử dụng Posts

Category là gì?

Category thì bạn hiểu nó như là một thư mục bài viết mà khi viết bài bạn

có thể tùy chọn để đưa nó vào Như ở blog mình bạn có thể thấy menu bao gồm

WordPress, Theme WordPress, SEO , Thế giới Blogger,….mà khi bạn nhấp vào

đó sẽ thấy được các bài viết có cùng category nằm ở bên trong Vậy, đó chính làcategory

Trong category bạn có thể tạo ra nhiều category con nằm bên trong mộtcategory mẹ được dùng để phân loại rõ ràng hơn Ví dụ như bạn có category tên

Nấu ăn thì bạn có thể đặt thêm các category con tên Món chiên, Món xào, Món chay,….

Mục đích sử dụng category là cho người đọc dễ tìm nội dung họ cần đọchơn, cũng như để bạn có thể dễ dàng quản lý nó

Để tạo category, bạn vào mục Posts -> Categories sẽ thấy khung như sau

Quản lý category trong WordPress

Phần bên tay trái chính là nơi để bạn tạo một category mới và phần bênphải chính là hiển thị danh sách những category đang có và khi bạn rê chuột vàotừng category nó sẽ hiển thị 3 nút Edit, Quick Edit và View

Còn khi tạo category mới, nó sẽ có những thông số tùy chọn như sau:

• Name: Tên category bạn cần tạo

• Slug: Địa chỉ đường dẫn tĩnh (permalink) dẫn tới category Nếu bạn

không nhập thì nó sẽ tự lấy tên category và đặt cho slug với cấu trúc

ten-category (không dấu và thay khoảng trắng bằng dấu gạch nhang (-) ).

• Parent: Chọn một category khác mà bạn đã tạo để cho nó thành categorycon của category đã tạo

• Description: Mô tả của category, một số theme thì nó sẽ hiển thị cả phầnnày ra trang category, còn một số thì không.Sau khi nhập xong bạn ấn nút

Sử dụng công cụ đăng bài trong WordPress

Để đăng bài vào trang WordPress, bạn truy cập vào Posts -> Add New đểbắt đầu nhé Mặc định giao diện khi bạn vào phần viết bài sẽ như sau:

Giao diện trang đăng bài của WordPress

Về khung soạn bài của WordPress thì mặc định nó chỉ hiển thị vài tínhnăng, để nó hiển thị thêm bạn ấn vào nút như trong ảnh dưới

3.3 Hướng dẫn sử dụng page

Page trong WordPress là gì?

Khi bạn vào Pages -> Add New thì thoạt nhìn sẽ thấy nó chẳng khác gì

WordPress, cũng có phần soạn văn bản

Tính năng Page trong WordPress

Tính năng Page này không hỗ trợ tính năng phân loại giống như post(không hiển thị phần chọn category và tag như trong khu vực Post )

Page rất thích hợp cho bạn sử dụng để đăng các nội dung có tính chấtchung chung mà không cần phải phân loại như:

• Trang liên hệ

• Trang giới thiệu dịch vụ.

……

Đó là những trang mà bạn có thể sẽ không cần phân loại nó ở bất cứ trongcategory hay tag nào Khi viết xong page, nó sẽ không thể hiển thị ra danh sáchcác bài viết mới giống như post được mà nó chỉ xem được khi bạn lấy đườngdẫn page này gửi cho người cần xem hoặc đưa nó vào menu

3.4 Phòng chống spam comment

Tình trạng bị spam comment trong WordPress thật sự là một thảm họa vìWordPress quá phổ biến nên có rất nhiều phần mềm hỗ trợ spam các website sửdụng WordPress một cách dễ dàng

3.5 Hướng dẫn Plugin trong WordPress

Plugin trong WordPress là gì?

Plugin là một thành phần mở rộng nhỏ được lập trình riêng dựa trên cácAPI và những hàm mở có sẵn của WordPress để tạo thành một tính năng nào đó

mà mặc định WordPress không có Nói dễ hiểu hơn, plugin chính là mộtmodule bổ sung một chức năng nào đó mà bạn có thể cài vào WordPress

Hướng dẫn cài plugin

Cài plugin WordPress ta có 2 cách, một là cài trực tiếp ngay trongWordPress Dashboard, hai là cài thủ công thông qua việc upload thư mụcplugin lên wp-content/plugins nhưng cách này hầu như hiếm khi dùng tới

Cài plugin thông qua WordPress Dashboard

Tiếp đó, hãy nhập tên chức năng mà bạn cần tìm plugin (tiếng Anh nhé)

và ấn nút Search Plugins

Sau đó một danh sách các plugin trùng với từ khóa bạn tìm kiếm sẽ hiểnthị ra

Nếu bạn thấy plugin đó oke thì hãy ấn nút Install Now của plugin đó để

nó tự tải về host bạn

Kích hoạt plugin WordPress sau khi cài

Cài plugin từ máy

Nếu bạn có plugins trên mấy tính của bạn bạn chọn upload và link đến vịtrí plugins, sau đó install now và active plugins

Cách sử dụng plugin

Sau khi kích hoạt plugin xong, thường là để sử dụng plugin ta có 2 kiểunhư sau:

• Đối với các plugin nó tự động thì sau khi kích hoạt nó sẽ tự động hoạtđộng mà không có thêm khu vực tùy chỉnh thông số nào.

• Tùy chọn plugin trong phần Settings, Tools hoặc Plugins Nhưng đa phầncác plugin đều đặt khu vực tùy chỉnh ở Settings

Ví dụ, plugin mình vừa cài đặt có hỗ trợ khu vực tùy chỉnh tại Settings

Sau khi vào đó bạn chỉ cần thiết lập lại các thông số của plugin, mỗiplugin sẽ có những thông số tùy chọn khác nhau.Nếu bạn thấy hơi khó hiểu thìvào trang tải plugin mà bạn vừa cài, mở qua phần Installation để xem hướngdẫn cài đặt và cấu hình

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

Theme là giao diện của blog WordPresstrên website của bạn

Cài theme trên WordPress Dashboard

Đầu tiên bạn vào Appearance -> Themes, sau đó bạn chuyển qua tabInstall Theme

Sau đó bạn có thể gõ tên theme có sẵn ở thư viện WordPress để tìm

Sau đó một danh sách các theme trùng khớp với truy vấn tìm kiếm sẽhiện lên, bạn có thể ấn Preview để xem demo của theme hoặc ấn Details để xemcác thông tin chi tiết của theme Nếu bạn thấy thích hợp thì ấn nút Install Now

để cài đặt

Sau đó bạn ấn nút Activate để kích hoạt như cài plugin vậy Bây giờ bạn

ra ngoài xem sẽ thấy giao diện của blog đã được thay đổi sang theme bạn vừacài rồi đó

Cài theme bằng cách upload file zip

Trường hợp bạn có một theme ở máy tính mà muốn cài lên WordPress thìbạn có thể vào phần Appearance -> Themes -> Install Theme và ấn vào nútUpload như ảnh

Thiết lập tùy chọn theme

Hiện nay, đa phần các theme đều có xây dựng một khu vực tùy chọnriêng mà bạn có thể thấy nó trong Appearance sau khi cài, hoặc cũng có thể nónằm ngay bên ngoài menu tay trái luôn Nó trông giống thế này

thể nó sẽ cho thêm một vài widget nữa và một số plugin khi cài vào cũng “tặng”bạn thêm một vài widget liên quan.

Để sử dụng, bạn vào Appearance -> Widgets, bạn sẽ thấy cột bên trái baogồm danh sách những widget bạn có thể sử dụng và bên phải là danh sách cácsidebar có trong theme

Tính năng Widget trong WordPress

Sidebar thường gọi để chỉ cột bên phải hoặc bên trái trang web, nó cũngđược gọi là vị trí hỗ trợ bạn chèn widget vào

Để đưa widget vào sidebar, bạn click vào widget cần đưa và rê chuột kéo

nó qua sidebar

Bạn có thể sửa title của widget

Bây giờ thì widget đã xuất hiện ngoài giao diện