59
Trường đại học sư phạm TPHCM Khoa CNTT – SP Tin 4 WORDPRESS GVHD : Lê Đức Long SVTH : Vũ Mạnh Cường K37.103.502 Lớp : SP Tin 4

Chủ đề 9 wordpress - vũ mạnh cường

Embed Size (px)

Citation preview

Page 1: Chủ đề 9  wordpress - vũ mạnh cường

Trường đại học sư phạm TPHCMKhoa CNTT – SP Tin 4

WORDPRESS

GVHD : Lê Đức LongSVTH : Vũ Mạnh Cường K37.103.502Lớp : SP Tin 4

Page 2: Chủ đề 9  wordpress - vũ mạnh cường

Nội dung

Tổng quan về Wordpress.I

Tính năng của Wordpress .V

II

III

VI Hướng dẫn cài đặt và sử dụng.

Tương lai phát triểnVII

Ưu điểm và nhược điểm.IV

Đặc điểm của Wordpress.

Cấu trúc của Wordpress

Page 3: Chủ đề 9  wordpress - vũ mạnh cường

I. Tổng quan về Wordpress.

1. WordPress là gì?• Là một CMS (Content Management System), một mã nguồn

mở được cung cấp miễn phí để làm blog hay trang web.• Sử dụng ngôn ngữ PHP và hệ cơ sở dữ liệu MySQL.• Phát triển trên nền tảng của b2/cafelog.• Được phát hành vào 27 / 5 / 2003.• Phiên bản mới nhất : 4.1

http://en.wikipedia.org/wiki/WordPress

Page 4: Chủ đề 9  wordpress - vũ mạnh cường

Phân biệt wordpress.org Vs wordpress.com

Wordpress.com Wordpress.org

- Là một dịch vụ tạo blog miễn phí trên nền tảng WordPress và các thành viên khi đăng ký sẽ có một blog WordPress được chạy trên hệ thống máy chủ chung của Automatic (chủ thể sở hữu mã nguồn WordPress).

- Chính là trang chủ chính thức của mã nguồn WordPress. Tại đây, bạn có thể tải bản chính thức của mã nguồn WordPress về máy để tự cài đặt trên chính máy chủ riêng/hosting của mình và tự vận hành nó.

Kết luận: Wordpress.com bị giới hạn rất nhiều chức năng quan trọng nhất của WordPress như: Cài theme bên ngoài, cài Plugin.

http://wordpress.net.vn/

I. Tổng quan về Wordpress..

Page 5: Chủ đề 9  wordpress - vũ mạnh cường

2.Lịch sử• Cái tên Wordpress được Christine Selleck

Tremoulet một người bạn của Mullenweg gợi ý.• Đạt bước ngoặc phát triển vào năm 2004• Các giải thưởng đạt được:

In 2007: Packt Open Source CMS Award.In 2009: Packt best Open Source CMS Awards.In 2010: Hall of Fame CMS category in the 2010 Open Source Awards.In 2011: the Open Source Web App of the Year Award at The Critters.

GIẢI THƯỞNG

I. Tổng quan về Wordpress..

Page 6: Chủ đề 9  wordpress - vũ mạnh cường

18/12/2014

2005

2004

Wordpress 4.0

Wordpress 4.1

Wordpress 2

Wordpress 1.2

5/9/2014

2.Lịch sử

wordpress.org

I. Tổng quan về Wordpress..

Page 7: Chủ đề 9  wordpress - vũ mạnh cường

3. Mức độ phổ biến

• Hơn 72 triệu website đang sử dụng Wordpress.• 394 triệu người xem và 14.3 tỉ trang mỗi tháng.• 36.3 triệu bài mới và 63.1 triệu nhận xét

mới mỗi tháng.• Các site nổi tiếng đang dùng:

I. Tổng quan về Wordpress..

Page 8: Chủ đề 9  wordpress - vũ mạnh cường

• Trong top 100 blog hàng đầu thế giới Wordpress chiếm 48% (2012) và 52% (2013).

3. Mức độ phổ biến

I. Tổng quan về Wordpress..

Page 9: Chủ đề 9  wordpress - vũ mạnh cường

• Theo từng chủ đề thì các con số này cũng rất ấn tượng

I. Tổng quan về Wordpress..3. Mức độ phổ biến

Page 10: Chủ đề 9  wordpress - vũ mạnh cường

- Con số thống kê về tỷ lệ sử dụng CMS hiện nay- Wordpress áp đảo các đối thủ với 75%- Thống kê lấy từ cmsusage.com

I. Tổng quan về Wordpress..

3. Mức độ phổ biến

Page 11: Chủ đề 9  wordpress - vũ mạnh cường

- Tính đến (27/08/2013), Xét trên tất cả các website trên thế giớithì con số thống kê được như sau:• Wordpress : ~19%• Không sử dụng CMS : ~ 69%• Joomla : ~ 3%

-> Wordpress là hệ thống quản lý nội dung (CMS) phổ biến nhất hiện nay.

3. Mức độ phổ biến

I. Tổng quan về Wordpress..

Page 12: Chủ đề 9  wordpress - vũ mạnh cường

04/15/2023 12

4.Ứng dụng trong dạy học

Tạo trang blog hay website để hỗ trợ trong dạy học.Chia sẻ thông tin: bài giảng, tài liệu tham

khảo…Tạo diễn đàn thảo luận.

I. Tổng quan về Wordpress..

Page 13: Chủ đề 9  wordpress - vũ mạnh cường

04/15/2023 13

II. Đặc điểm của Wordpress

4. Nhiều plugin miễn phí

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

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

2. Dễ sử dụng

5. SEO (Search Engine Optimization) rất tốt

Page 14: Chủ đề 9  wordpress - vũ mạnh cường

II. Đặc điểm của Wordpress

9. Widgets Sidebar tùy biến

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

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

7. Tương tác tốt với người dùng.

10. Tích hợp hiển thị web trên mobile

Page 15: Chủ đề 9  wordpress - vũ mạnh cường

II. Đặc điểm của Wordpress

Khả năng hỗ trợ SEO

http://wordpress.net.vn/

Page 16: Chủ đề 9  wordpress - vũ mạnh cường

1. Wordpress On-page SEO:Các template được cộng đồng WordPress chia sẻ

đều đạt chuẩn của W3, cả về cấu trúc HTML tags và CSS. Là một lợi thế lớn trong quá trình Optimize website để làm SEO On-page. Bộ soạn thảo (editor) được tích hợp sẵn trong WordPress

2. Các tính năng, plugin hỗ trợ SEO:a. Hệ thống nhãn bài viết (Tag):

Sử dụng linh hoạt, hiệu quả, Tag sẽ hỗ trợ tối ưu cấu trúc liên kết nội (Internal Link) và tăng mật độ từ khóa, tạo ra các liên kết tăng cường trên trang kết quả tìm kiếm và tăng tính khả dụng.

II. Đặc điểm của Wordpress

Page 17: Chủ đề 9  wordpress - vũ mạnh cường

b. Đặt Title, meta tag với plugin All in One SEO:

Với plugin All in One SEO pack, bạn có thể:- Đặt title cho bài viết, các trang con và các trang chính.- Đặt thẻ meta description, meta keyword.- Định dạng Title bài viết, chuyên mục (category), page… tự động.- Linh động tạo ra các keyword, description phù hợp cho từng bài viết.- Tự phát sinh thẻ Canonical URL giúp tránh tình trạng trùng lặp nội dung (duplicate content) trong website.- Điều chỉnh các thẻ meta robot dễ dàng.- Một số tính năng khác.

II. Đặc điểm của Wordpress

Page 18: Chủ đề 9  wordpress - vũ mạnh cường

c. WordPress SEO Friendly URL: Thiết lập Permalink – tối ưu đường dẫn (URL) hiệu

quả. Sử dụng hiệu quả sẽ giúp website có thứ hạng cao trong kết quả tìm kiếm. Tránh tình trạng Search Engine tự động phát sinh URL để crawl dẫn đến trùng lặp nội dung (duplicate content).

Ngoài ra WordPress còn hỗ trợ đặt Permalink riêng cho từng bài viết.

d. Được đánh chỉ mục (index) rất nhanhWordPress được Google ưu ái index rất nhanh là do

XML-RPC Ping Services, trackback & pingback.

II. Đặc điểm của Wordpress

Page 19: Chủ đề 9  wordpress - vũ mạnh cường

Cấu trúc

Wordpress

wp-admin wp-includes

wp-content

III. Cấu trúc của Wordpress.

Page 20: Chủ đề 9  wordpress - vũ mạnh cường

PostsPagesCommentsLinksTagsCategoriesPluginsThemesWidgetsMediaWYSIWYGUser Management

III. Cấu trúc của Wordpress..

Page 21: Chủ đề 9  wordpress - vũ mạnh cường

Cấu trúc theme

III. Cấu trúc của Wordpress..

Page 22: Chủ đề 9  wordpress - vũ mạnh cường

•Nhiều plugin và theme.•Dễ tùy biến.•Nhiều cộng đồng hỗ trợ. (Thachpham.com, wordpress.net.vn,…).•Dễ cài đặt, sử dụng và quản lý.•Nhẹ và tốn ít tài nguyên.•Nhiễu Theme Framework hỗ trợ (Genesis, Thesis,

Gantry,..)•Hỗ trợ SEO (Search Engine Optimized) rất tốt.•Hỗ trợ tốt cho Mobile. (quản trị, giao diện responsive)

Ưu điểm:

IV. Ưu điểm và nhược điểm

Page 23: Chủ đề 9  wordpress - vũ mạnh cường

•Nhiều hàm có sẵn khó nắm bắt.•Theme đẹp hầu hết phải trả phí.•Để custom Wordpress đẹp thì phải biết kiến thức tốt về web.•Mức độ an ninh chưa tốt.

Nhược điểm:

IV. Ưu điểm và nhược điểm

Page 24: Chủ đề 9  wordpress - vũ mạnh cường

04/15/2023 24

So sánh giữa 3 CMS: Wordpress, Joomla, Drupal

Bảng so sánh 1: ..\BAIBAOCAOCHITIET\bangsosanh.jpg

Nguồn:

 http://forum.vietdesigner.net/threads/infographic-

so-sanh-giua-cac-ma-nguon-wordpress-drupal-

joomla.5272/Bảng so sánh 2: ..\BAIBAOCAOCHITIET\bieu-do-so-sanh-cac-cms.png

Nguồn: http://websiteSetup.org

IV. Ưu điểm và nhược điểm

Page 25: Chủ đề 9  wordpress - vũ mạnh cường

04/15/2023 25

V. Các tính năng của Wordpress

3. Admin Quick Bar – Menu chức năng nhanh dành cho Quản Trị Viên Admin.

1. Khu vực menu chính

4. Screen Options – Tùy chọn hiển thị

2. Khu vực hiển thị nội

dung.

Page 26: Chủ đề 9  wordpress - vũ mạnh cường

04/15/2023 26

V. Các tính năng của Wordpress

Là trang chủ.- Home- Updates

Bao gồm các chức năng liên quan đến bài viết và chủ đề bài viết.- All Posts- Add New- Categories- Tags

Quản lý các file media đang có trên website (ảnh, nhạc..)- Library- Add new

Bao gồm các chức năng quản lí các trang (bài viết)

Quản lý, chỉnh sửa, xóa các bình luận ở blog, website.

Bao gồm các chức năng quản lí và cập nhật giao diện- Themes- Customize- Wedgets- Header- Menus- Editer

Module bổ sung một chức năng nào đó mà bạn có thể cài vào WordPress.

Tạo và phân quyền thành viên, cho phép chỉnh sửa bài. Với 5 quyền+ Subscriber+ Contributor+ Author+ Editor+ Administrator

Chứa một số plugins mà bạn đã

cài đặtTập hợp các công cụ liên quan đến việc cấu hình, thiết lập website WordPress.

Page 27: Chủ đề 9  wordpress - vũ mạnh cường

04/15/2023 27

VI. Hướng dẫn cài đặt và sử dụng.

Cài wordpress.com

Cài Wordpress.org

Cài đặt theme

Cấu hình giao diện

Tạo trang

Tạo Menu

Cài đặt plugin

1

2

3

4

5

6

7

Page 28: Chủ đề 9  wordpress - vũ mạnh cường

04/15/2023 28

VI. Hướng dẫn cài đặt và sử dụng.

1. Cài đặt wordpress.com

- Bước 1: Để đăng kí tài khoản bạn vào trang web: wordpress.com.- Sau đó, xuất hiện bảng sau và click vào “Create Website” để tạo tài

khoản mới.

Page 29: Chủ đề 9  wordpress - vũ mạnh cường

04/15/2023 29

VI. Hướng dẫn cài đặt và sử dụng.

1. Cài đặt wordpress.com

Điền usename khung.

Điền password khung.

Điền địa chỉ hiển thị trang web.

Điền địa chỉ email vào khung.

Bước 2:

Page 30: Chủ đề 9  wordpress - vũ mạnh cường

04/15/2023 30

VI. Hướng dẫn cài đặt và sử dụng.

1. Cài đặt wordpress.com

Page 31: Chủ đề 9  wordpress - vũ mạnh cường

04/15/2023 31

VI. Hướng dẫn cài đặt và sử dụng.

1. Cài đặt wordpress.com

Điền tiêu đề blog

Điền tên của blog

Chọn ngôn ngữ cho blog

- Bước 3: Tiếp theo điền thông tin vào bảng sau, cuối cùng click vào “Next Step”

Page 32: Chủ đề 9  wordpress - vũ mạnh cường

04/15/2023 32

VI. Hướng dẫn cài đặt và sử dụng.

1. Cài đặt wordpress.com

Bước 4: Chọn theme

Page 33: Chủ đề 9  wordpress - vũ mạnh cường

04/15/2023 33

VI. Hướng dẫn cài đặt và sử dụng.

1. Cài đặt wordpress.com

Page 34: Chủ đề 9  wordpress - vũ mạnh cường

Bước 1: Đăng ký tên miền

Bạn có thể đăng ký tại link http://inet.vn Hiện tại mình đã đăng ký tên miền tenmienmienphi.vn của iNET, và nhận được một thông báo như bên.

2. Cài đặt wordpress.org

VI. Hướng dẫn cài đặt và sử dụng.

Page 35: Chủ đề 9  wordpress - vũ mạnh cường

35

Bước 2: Thuê hosting và lưu thông tin đường link quản trị hosting

Bạn có thể thuê hosting tại http://inet.vn/Hosting.htmlSau khi thuê một gói hosting, bạn sẽ nhận được một email có nội dung như sau.

VI. Hướng dẫn cài đặt và sử dụng.

Page 36: Chủ đề 9  wordpress - vũ mạnh cường

36

Bước 3: Đăng nhập vào tài khoản quản trị cPanel Hosting

Dùng thông tin của bước 2 truy cập vào cPanel của Hosting, bạn sẽ thấy giao diện hiển thị như sau.

VI. Hướng dẫn cài đặt và sử dụng.

Page 37: Chủ đề 9  wordpress - vũ mạnh cường

Bước 4: Truy cập vào MySQL DatabaseChọn mục Database, click vào MySQL Database

VI. Hướng dẫn cài đặt và sử dụng.

Page 38: Chủ đề 9  wordpress - vũ mạnh cường

Bước 5: Tạo mới một Database

Nhập tên database cần tạo vào và ấn nút Create new database

VI. Hướng dẫn cài đặt và sử dụng.

Page 39: Chủ đề 9  wordpress - vũ mạnh cường

Bước 6: Tạo mới một User

Sau bước 5, bạn kéo màn hình xuống dưới, nhập tên user cần tạo và nhập mật khẩu vào, sau đó nhấn Create user.

VI. Hướng dẫn cài đặt và sử dụng.

Page 40: Chủ đề 9  wordpress - vũ mạnh cường

Bước 7: Tích hợp Database và User

Ngay tại phần Add User to Database ở cuối trang web, các bạn chọn user và database vừa khởi tạo và ấn Add

VI. Hướng dẫn cài đặt và sử dụng.

Page 41: Chủ đề 9  wordpress - vũ mạnh cường

Bước 8: Click “Make changes”

VI. Hướng dẫn cài đặt và sử dụng.

Page 42: Chủ đề 9  wordpress - vũ mạnh cường

42

Bước 9: Đăng nhập vào tài khoản quản trị tên miền

Đăng nhập vào tài khoản quản trị tên miền theo các thông số của Bước 1.

VI. Hướng dẫn cài đặt và sử dụng.

Page 43: Chủ đề 9  wordpress - vũ mạnh cường

Bước 10: Tạo bản ghi CNAMEBạn tạo 2 bản ghi CNAME

Bản ghi thứ nhất:-    Tên bản ghi : @-    Giá trị : Địa chỉ đăng nhập tại bước 2 ( host1.inet.vn)-    Loại : CNAME

Bản ghi thứ hai: -    Tên bản ghi     : www-    Giá trị        : tenmiencuaban-    Loại          : CNAME

VI. Hướng dẫn cài đặt và sử dụng.

Page 44: Chủ đề 9  wordpress - vũ mạnh cường

Bước 11: Tải bộ cài mới nhất của Wordpress

Truy cập website http://vi.wordpress.org/ và tải về phiên bản mới nhất của Wordpress.

VI. Hướng dẫn cài đặt và sử dụng.

Page 45: Chủ đề 9  wordpress - vũ mạnh cường

Bước 12: Lưu và giải nén bộ cài Wordpress

VI. Hướng dẫn cài đặt và sử dụng.

Page 46: Chủ đề 9  wordpress - vũ mạnh cường

46

 Bước 13: Cấu hình file wp-config.phpBạn mở file wp-config-sample.php bằng note page và sửa lại các thông số:

DB_NAME: Tên DB bạn tạo tại Bước 5 (Ví dụ mình tạo là tenmienm_db)

DB_USER: Tên user DB bạn tạo tại Bước 6 (Ví dụ mình tạo là tenmien_inet)

DB_PASSWORD: Password bạn nhập tại Bước 6. 

VI. Hướng dẫn cài đặt và sử dụng.

Page 47: Chủ đề 9  wordpress - vũ mạnh cường

 

Bước 14: Đổi tên file

Đổi tên file wp-config-sample.php thành wp-config.php

VI. Hướng dẫn cài đặt và sử dụng.

Page 48: Chủ đề 9  wordpress - vũ mạnh cường

Bước 15: Truy cập vào tài khoản Hosting bằng phần mềm FileZilla

Dùng phần mềm FileZilla để upload, hoàn toàn miễn phí. Nhập thông tin lấy từ Bước 2:

Host: IPUsername: Tài khoản WebhostingPassword: Mật khẩu truy cập

Sau khi đăng nhập thành công bạn sẽ thấy kết quả như bên:

VI. Hướng dẫn cài đặt và sử dụng.

Page 49: Chủ đề 9  wordpress - vũ mạnh cường

Bước 16: Upload file

Upload toàn bộ file và thư mục trong thư mục Wordpress mà chúng ta đã tải về vào thư mục public_html.

VI. Hướng dẫn cài đặt và sử dụng.

Page 50: Chủ đề 9  wordpress - vũ mạnh cường

Bước 17: Cấu hình trang quản trị website

Mở trình duyệt web nhập chuỗi kí tự sau:http://tenmiencuaban/wp-admin/install.php

Ví dụ tên miền của mình là tenmienmienphi.vn mình sẽ nhập chuối kí tự sau, vào trình duyệt web:http://tenmienmienphi.vn/wp-admin/intall.php

Chúng ta nhận được kết quả bên:

VI. Hướng dẫn cài đặt và sử dụng.

Page 51: Chủ đề 9  wordpress - vũ mạnh cường

Bước 18: Khai báo thông tin tài khoản quản trị website

Nhập các thông tin cần thiết cũng như tạo tài khoản admin cho website, click vào “Cài đặt Worpress” để hoàn thành.

VI. Hướng dẫn cài đặt và sử dụng.

Page 52: Chủ đề 9  wordpress - vũ mạnh cường

Bước 19: Xác thực tài khoản

Sau khi bạn cài đặt thành công WordPress bạn sẽ được chuyển đến giao diện sau:

VI. Hướng dẫn cài đặt và sử dụng.

Page 53: Chủ đề 9  wordpress - vũ mạnh cường

Bước 20 : Đăng nhập

Nhập User và Password bạn đã tạo ra ở Bước 18, như hình ảnh dưới.

VI. Hướng dẫn cài đặt và sử dụng.

Page 54: Chủ đề 9  wordpress - vũ mạnh cường

Bước 21: Tạo nội dung website

Tạo nội dung cho website. Chọn: Bài viết -> Bài viết mới.

VI. Hướng dẫn cài đặt và sử dụng.

Page 55: Chủ đề 9  wordpress - vũ mạnh cường

Bước 22: Kiểm tra kết quả

Kiểm tra lại kết quả bằng việc gõ tên miền của bạn trên trình duyệt web.

VI. Hướng dẫn cài đặt và sử dụng.

Page 56: Chủ đề 9  wordpress - vũ mạnh cường

Các plugin đã cài :1.google-document-embedder2.image-widget.4.13.js_composer_4.3.44.let-it-snow.3.05.social-comments.0.1.56.tinymce-advanced.4.1.1Phần mềm forum: xenforo_1.4.3

Page 57: Chủ đề 9  wordpress - vũ mạnh cường

“The future of Wordpress is not about features”- Matt Mullenweg

“The future of WordPress is about people”- Matt Mullenweg

VII. Tương lai phát triển

Page 58: Chủ đề 9  wordpress - vũ mạnh cường

1. Auto update2. Thay đổi giao diện admin phong cách hơn và nhiều tính

năng hơn.3. Bảo mật tốt hơn.4. Giao diện editor code cho theme được cải thiện5. Cải tiến theme default (Twenty Fourteen )

VII. Tương lai phát triển

Page 59: Chủ đề 9  wordpress - vũ mạnh cường

04/15/2023 59

Tài liệu tham khảo

[1]. https://wordpress.org/[2]. http://wordpress.net.vn/[3]. http://thachpham.com/wordpress/wordpress-tutorials/serie-hoc-wordpress-co-ban-2013.html[4]. http://thachpham.com/tong-hop-serie/wordpress-nang-cao[5]. https://www.youtube.com/playlist?list=PLl4nkmb3a8w1VyjL_FBtBts676XWPvWIG