web2032 slide 10

35
Bài 10 Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress)

Upload: tuanduongcntt

Post on 02-Jul-2015

71 views

Category:

News & Politics


0 download

DESCRIPTION

Hệ Thống Quản Trị Nội Dung Web(Joomla) - Giáo Trình FPT

TRANSCRIPT

Page 1: Web2032   slide 10

Bài 10Hướng dẫn xây dựng website bằng hệ thống

CMS khác (wordpress)

Page 2: Web2032   slide 10

Mục tiêu bài học

• Hiểu rõ mục đích sử dụng hệ thống CMS Wordpress• Hiểu rõ một số chức năng cơ bản của phần quản trị

Wordpress• Tạo blog đơn giản bằng WordPress

1Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress)

Page 3: Web2032   slide 10

WordPress là gì?

• Giống như Joomla, WordPress là một hệ quản trị nội dung mã nguồn mở và miễn phí

• Thông thường người ta hay dùng WordPress để tạo Blog, web tin tức,…

2Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress)

Page 4: Web2032   slide 10

WordPress là gì?

• Các tính năng nổi bật của WordPress• Plugin phong phú, có thể tự viết plugin cho mình trên WP• Hỗ trợ đa ngôn ngữ• Nhiều Theme miễn phí• Hỗ trợ SEO tốt• Tích hợp công cụ soạn thảo toán học Latex• Widget đa dạng• Hỗ trợ phân quyền ở nhiều cấp độ khác nhau• Hỗ trợ import từ các Blog khác như BlogSpot, Blogger…• Hỗ trợ quản lý blog trên Mobile• …

3Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress)

Page 5: Web2032   slide 10

Cài đặt wordpress

• Truy cập website http://wordpress.org/download/ hoặc http://vi.wordpress.org/ để download bộ cài. Sau đó giải nén và đưa vào thư mục htdocs trên máy tính (hoặc public_html trên Shared Host).

4Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress)

Page 6: Web2032   slide 10

Cài đặt wordpress

• Lưu ý: • Có thể tạo file wp-config.php bằng cách

• Vào thư mục wordpress• Mở file wp-config-sample.php• Nhập các thông tin:

• define('DB_NAME', ‘Tên DB');• define('DB_USER', ‘Tên User');• define('DB_PASSWORD', 'pass người dùng');• define('DB_HOST', 'localhost');

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 5

Page 7: Web2032   slide 10

Cài đặt wordpress

• Lưu ý: • Có thể tạo file wp-config.php bằng cách

• Đổi tên file wp-config-sample.php thành wp-config.php• Tiếp tục cài đặt wordpress theo đường dẫn

http://localhost/wordpress/wp-admin/install.php• Ta cần tạo Database trước khi cài đặt WordPress• Có thể cài WordPess trên localhost, sau đó upload lên

Shared Host, hoặc cài đặt WordPress trực tiếp trên Shared Host

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 6

Page 8: Web2032   slide 10

Cài đặt wordpress

• Để bắt đầu, ta vào địa chỉ http://localhost/phpmyadminvà tạo một database

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 7

Page 9: Web2032   slide 10

Cài đặt wordpress

• Sau đó,vào địa chỉ: http://localhost/wordpress/wp-admin/install.php, chương trình hiển thị như sau:

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 8

Page 10: Web2032   slide 10

Cài đặt wordpress

• Click vào button “Create a Configuration File”, chương trình sẽ yêu cầu người dùng nhập các thông tin cần thiết để tạo file wp-config.php:• Database name• Database username• Database password• Database host• Table prefix (nếu muốn sử dụng nhiều trang wordpress

trên 1 database)

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 9

Page 11: Web2032   slide 10

Cài đặt wordpress

• Tiếp tục click vào button “Let’s go!”, chương trình sẽ yêu cầu người dùng nhập các thông tin, ví dụ:

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 10

Page 12: Web2032   slide 10

Cài đặt wordpress

• Sau khi nhập đúng các thông tin yêu cầu và click vàobutton “Submit”, chương trình sẽ tạo file “wp-config.php” và yêu cầu người dùng click vào “Run theinstall” để tiến hành cài đặt.

• Tiếp theo, chương trình sẽ yêu cầu người dùng nhậpmột số thông tin sau:• Tiêu đề website: Nhập ở ô “Site Title”• Tên người dùng: Nhập ở ô “Username”• Password: Nhập ở ô “Password, twice”• Email: Nhập ở ô “Your Email”

• Sau khi nhập đầy đủ các thông tin trên, click vào button“Install WordPress” thì chương trình báo tạo websitethành công.

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 11

Page 13: Web2032   slide 10

Trang đăng nhập và trang chủ

• Để vào trang chủ, ta gõ:• http://localhost/wordpress/

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 12

Page 14: Web2032   slide 10

Trang đăng nhập và trang chủ

• Để đăng nhập, ta vào trang http://localhost/wordpress/wp-login.php

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 13

Page 15: Web2032   slide 10

Giới thiệu chức năng

• Các mục quản lý bao gồm:• Dashboard• Write• Manage• Blogroll• Presentation• Users• Options• Upgrades

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 14

Page 16: Web2032   slide 10

Giới thiệu chức năng

• Các mục quản lý bao gồm:• Dashboard

• Dashboard: Xem tin tức của WordPress.com, danh sách cácblog nổi nhất trong ngày, các bài viết mới nhất, thông tin vềcác phản hồi nhận được…

• Tag Surfer: Thông qua các tag đặt cho nội dung trong blog,bạn có thể tìm thấy những bài viết hay hợp sở thích củamình.

• My Comments: Danh sách các phản hồi bạn đã gửi, ở blogcủa bạn và các blog khác.

• Blog Stats: Số liệu liên quan đến khách thăm blog.• Feed Stats: Số liệu liên quan đến người đọc RSS feed của

blog.

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 15

Page 17: Web2032   slide 10

Giới thiệu chức năng

• Các mục quản lý bao gồm:• Write:

• Write Post: Nơi soạn thảo các bài viết sẽ đăng trên blog củabạn.

• Write Page: Nơi soạn thảo các trang tĩnh như About, Contactme.

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 16

Page 18: Web2032   slide 10

Giới thiệu chức năng

• Các mục quản lý bao gồm:• Manage:

• Posts: Quản lý các bài viết đã lưu.• Pages: Quản lý các trang tĩnh đã tạo.• Comments: Quản lý các phản hồi đã đăng trên blog.• Awaiting Comments: Quản lý các phản hồi đang đợi kiểm

duyệt.• Import: Nhập nội dung từ blog khác vào blog hiện tại.• Export: Xuất nội dung từ blog hiện tại ra blog khác.• Askimet Spam: Các phản hồi linh tinh bị nghi là rác.

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 17

Page 19: Web2032   slide 10

Giới thiệu chức năng

• Các mục quản lý bao gồm:• Blogroll:

• Manage Blogroll: Quản lý các link bạn yêu thích.• Add Link: Bổ sung thêm các link vào danh sách.• Import Links: Nhập link từ nơi khác vào danh sách.

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 18

Page 20: Web2032   slide 10

Giới thiệu chức năng

• Các mục quản lý bao gồm:• Presentation:

• Themes: Danh sách các theme bạn có thể chọn cho blog của mình.

• Sidebar Widgets: Quản lý các widget bạn có thể đặt trên sidebar của blog.

• Edit CSS: Thay đổi CSS của theme.

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 19

Page 21: Web2032   slide 10

Giới thiệu chức năng

• Các mục quản lý bao gồm:• Users:

• Authors and Users: Danh sách các tác giả và người đăng ký account tại blog của bạn.

• Your Profile: Thay đổi hồ sơ cá nhân của bạn.• Invites: Mời bạn bè của bạn sử dụng WordPress.com.

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 20

Page 22: Web2032   slide 10

Giới thiệu chức năng

• Các mục quản lý bao gồm:• Options:

• General: Các tùy chọn chung nhất về tên blog, tagline, ngày tháng…

• Writing: Tùy chọn về cách thức bạn viết blog.• Reading: Tùy chọn về cách thức người khác đọc blog của

bạn.• Discussing: Tùy chọn về cách thức mọi người thảo luận trong

blog của bạn.• Privacy: Tùy chọn về độ bí mật của blog.• Delete Blog: Xóa blog của bạn.

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 21

Page 23: Web2032   slide 10

Giới thiệu chức năng

• Các mục quản lý bao gồm:• Upgrades:

• Upgrades: Nơi nâng cấp blog của bạn

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 22

Page 24: Web2032   slide 10

Tùy biến giao diện

• Cài đặt giao diện:• Vào Appearance -> Themes

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 23

Page 25: Web2032   slide 10

Tùy biến giao diện

• Cài đặt giao diện:• Vào Appearance -> Themes• Chọn Install Themes. Tại đây ta có thể lưa chọn các mục

cho Themes của mình bằng cách chọn trong mục:• Color: Chọn màu sắc cho Theme• Columns: Chọn số cột cho Theme• Width: Chọn độ rộng cho Theme• Features: Chọn các tính năng cho Theme• Subject: Chọn chủ để cho Theme

• Sau khi chọn xong ta click vào button “Find Themes” để tìm kiếm các Theme

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 24

Page 26: Web2032   slide 10

Tùy biến giao diện

• Cài đặt giao diện:• Sau đó ta lựa chọn một Theme

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 25

Page 27: Web2032   slide 10

Tùy biến giao diện

• Cài đặt giao diện:• Click vào button “Install” để cài đặt Theme

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 26

Page 28: Web2032   slide 10

Tùy biến giao diện

• Cài đặt giao diện:• Click vào “Activate” để kích hoạt Theme

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 27

Page 29: Web2032   slide 10

Tạo bài viết

• Tạo bài viết:• Vào Post -> Add new

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 28

Page 30: Web2032   slide 10

Tạo bài viết

• Tạo bài viết:• Vào Post -> Add new• Ta gõ vào tiêu đề bài viết và nội dung bài viết, ví dụ:

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 29

Page 31: Web2032   slide 10

Tạo bài viết

• Tạo bài viết:• Sau khi viết xong ta chọn Preview để xem trước, sau đó

chọn Publish để xuất bản bài đăng, chọn Save Draft để lưu làm bản nháp

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 30

Page 32: Web2032   slide 10

Tạo bài viết

• Tạo bài viết:• Sau đó chọn Blog -> Visit Site để xem kết quả

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 31

Page 33: Web2032   slide 10

Tổng kết bài học

• WordPress dùng chủ yếu cho việc tạo Blog, web tin tức…• Các tính năng nổi bật như

• Plugin phong phú• Hỗ trợ đa ngôn ngữ• Nhiều Theme miễn phí• Hỗ trợ SEO tốt• Tích hợp công cụ soạn thảo toán học Latex• Widget đa dạng• Hỗ trợ phân quyền ở nhiều cấp độ khác nhau• Hỗ trợ import từ các Blog khác như BlogSpot, Blogger…• Hỗ trợ quản lý blog trên Mobile• …

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 32

Page 34: Web2032   slide 10

Tổng kết bài học

• Cần tạo Database trước khi cài đặt WordPress• Cần cấu hình các thông tin sau trong wp-config.php

• Database name• Database username• Database password• Database host• Table prefix (nếu muốn sử dụng nhiều trang wordpress

trên 1 database)

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 33

Page 35: Web2032   slide 10

Tổng kết bài học

• Các chức năng cơ bản ở trang quản trị bao gồm:• Dashboard• Write• Manage• Blogroll• Presentation• Users• Options• Upgrades

Bài 10 - Hướng dẫn xây dựng website bằng hệ thống CMS khác (wordpress) 34