Đề án nhóm Đề tài tìm hiểu và ứng dụng wordpress môn học nhập môn hệ thống thông tin quản lý

B3: Tùy vào nhu cầu sử dụng, bạn có thể chọn thiết kế website của mình theo dạng viếtBlog, theo dạng Business Kinh doanh với những dịch vụ và giới thiệu sản phẩm, hoặc là Professional Ch

TRƯỜNG ĐẠI HỌC HOA SEN

KHOA KINH TẾ VÀ QUẢN TRỊ

- 

-ĐỀ ÁN NHÓM

ĐỀ TÀI

Tìm hiểu và ứng dụng WordpressMôn học : Nhập môn Hệ thống thông tin quản lý Giảng viên :

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

1

MỤC LỤC

LỜI NHẬN XÉT CỦA GIẢNG VIÊN 1

TRÍCH YẾU 3

LỜI NÓI ĐẦU 4

NỘI DUNG 5

I TẠO TRANG BÌA CHO WEBSITE 5

1 Cách tạo tài khoản: 6

2 Tạo tên miền 9

2.1 Tên miền là gì 9

2.2 Ưu và nhược điểm 10

2.3 Cách tạo tên miền 11

3 Chỉnh sửa giao diện 12

II TẠO POST, CATEGORY VÀ MENU CHO WEBSITE 17

III Home, Blog, Topic, Contact 18

IV QUẢN LÝ THƯ VIỆN MEDIA 22

1.Quản lý thư viện Media 22

2.Hướng dẫn sử dụng Widget 23

3 Plugin 24

3.1 Giới thiệu về Plugin 24

3.2 Cách cài đặt Plugin 25

3

TRÍCH YẾU

Trường Đại học Hoa Sen ………

LỜI NÓI ĐẦU

………

5

NỘI DUNG

I TẠO TRANG BÌA CHO WEBSITE

Đăng nhập vào website: Wordpress.com Sau đó, hãy nhấn vào “Start your site” để tiếnhành đăng nhập

Để đăng nhập vào Wordpress, đăng ký tài khoản Wordoress hoặc dùng tài khoản Google

và tài khoản Apple để đăng nhập vào Wordpress

1 Cách tạo tài khoản:

B1: Truy cập vào Wordpress.com và ấn vào Start your site để bắt đầu tạo tài khoản

B2: Nếu chưa từng dùng Wordpress trước đây, thì hãy nhấp vào nút “Create Site”

7

B3: Tùy vào nhu cầu sử dụng, bạn có thể chọn thiết kế website của mình theo dạng viết

Blog, theo dạng Business (Kinh doanh) với những dịch vụ và giới thiệu sản phẩm, hoặc

là Professional (Chuyên nghiệp) để giới thiệu về bản thân hoặc công việc, hoặc theo dạngOnline Store để bán hàng online Ở đây chúng tôi sẽ thiết kế một trang blog nên sẽ chọn

“Blog”

Có rất nhiều dạng topic cho 1 trang blog Và chúng tôi chọn chủ đề “Photography”

Giao diện của trang Blog sau khi được tạo thành công

9

B4: Tạo tên cho trang blog của bạn Hãy nhập vào ô màu trắng bất kì tên nào bạn muốn

ra Chẳng hạn như: “HHPN’s Photograph”

B5: đăng kí tên miền cho trang web của bạn Ở đây, hãy đăng kí tên miền bạn muốn đăng

kí Chẳng hạn như “yeucotam”

2 Tạo tên miền

Tên miền là tên của một website hoạt động trên internet, đóng vai trò là một địa chỉ vật

lý Nó giống như là địa chỉ nhà hay zip code để giúp các thiết bị định tuyến vệ tinh dẫnđường, một trình duyện cũng cần một tên miền để dẫn đường tới website của bạn

Ví dụ như Hostinger.vn, Google.com, Facebook.com là tên miền của các công tyInternet Khi một công ty (hoặc một người) mua một tên miền, họ có thể chỉ định servernào mà tên miền trỏ tới

Một website trên internet cần ít nhất 2 thành phần là web server và tên miền để hoạt độngbình thường

 Web server là một máy tính chứa file và database tạo nên website của bạn Rồigửi nó đi ra internet mỗi khi có người truy cập vào site của bạn từ máy chủ họ

 Tên miền là tên mọi người gõ lên trình duyệt, sau đó vì tên miền đã trỏ về địa chỉweb server, nên trình duyệt có thể gửi yêu cầu truy cập web server đó Nếu không

có tên miền, mọi người phải nhớ chính xác địa chỉ IP của server mỗi khi truy cập– việc này thì khó có thể xảy ra

Tên miền là đường tắt đi đến server host website của bạn.Một tên miền (domain name)giống như một địa chỉ nhà vì đó là cách mọi người tìm thấy bạn trên World WideWeb.Nếu một tên miền giống như địa chỉ thì máy chủ (hosting) chứa website của bạngiống như một tòa nhà Khi bạn tạo một trang web, bạn đặt tên miền để trỏ đến máy chủ

để khi mọi người muốn tìm trang web của bạn thì họ có thể nhập tên miền và nó sẽ đưa

họ đến đó Nếu không có tên miền, khách truy cập sẽ phải nhập địa chỉ IP (ví dụ100.90.80.70) của máy chủ Hầu hết các trang web bạn truy cập đều sử dụng tên miền Vídụ: Khi kiểm tra tên miền bạn sẽ thấy công ty Google có Google.com là tên miền của họ.Facebook là tên trang web và Facebook.com là tên miền

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

Ưu điểm

 Ưu điểm của Domain miễn phí chắc chắn là về mặt tài chính, vì là miễn phí nênbạn chẳng phải mất một khoản nào trong quá trình sử dụng Còn với tên miềnthường, bạn phải trả phí duy trì nếu không muốn mất nó vào tay người khác

 Tuy nhiên, ưu tiên của Domain miễn phí chỉ có vậy, nó chỉ giúp bạn tiết kiệm chiphí chứ không còn một lợi ích nào khác Nhưng về phần nhược điểm của nó thì lạikhá nhiều

Nhược điểm

11

 Với Domain miễn phí, bạn sẽ không có đầy đủ các tính năng như domain thu phí.Bạn sẽ không thể thực hiện được nhiều công việc liên quan đến cấu hình domainnếu dùng loại miễn phí.

 Hầu hết Domain miễn phí đều cho bạn phần đuôi mở rộng xấu xí như uni.me,cu.cc, co.nf… Nếu bạn chỉ có ý định test website thì có thể sử dụng những tênmiền thế này, còn để xây dựng một trang web chính thức thì không thể nào dùngđược

 So với Domain thu phí, domain miễn phí hoạt động chậm hơn nhiều Thêm vào

đó, tên miền miễn phí có thể bị hư hỏng bất kỳ lúc nào và tất nhiên là sẽ không có

ai chịu trách nhiệm khắc phục cho bạn

2.3 Cách tạo tên miền

Wordpress sẽ đưa cho bạn các gợi ý về tên miền Có rất nhiều loại tên miền khác nhauvới số tiền khác nhau mà bạn có thể bỏ ra để sở hữu 1 tên miền và cũng có tên miền miễnphí Hãy chọn loại bạn muốn nhé Còn chúng tôi sẽ chọn “Free” vì mục đích tài chính

Bước chọn tên miền đã hoàn thành Và tên miền chúng tôi có ở đây là

“yeucotam.photo.blog” Chỉ cần sau này bạn search tên miền theo địa chỉ trên Sẽ tìmthấy trang web của chúng mình

3 Chỉnh sửa giao diện

Ở đây chúng tôi sẽ vào bằng địa chỉ: “yeucotam.photo.blog/wp-admin” Phần chỉnh sửagiao diện sẽ hiện ra cho bạn

13

Sử dụng cú pháp:

tên miền của trang web/wp-admin

Để thay đổi giao diện bằng bất cứ hình nào, hãy nhấn vào dòng “Appearance” ở cột “Mysite” Một loạt các mẫu có sẵn sẽ hiện ra cho bạn lựa chọn Nhưng lưu ý, sẽ có nhữngmẫu giao diện có tính phí nhé Khi đã chọn được mẫu mình thích, nhưng muốn xem thửtrước khi lấy Hãy nhấn vào và tiếp tục nhấn chọn “Demo”.

Khi đã chọn được giao diện ưng ý, hãy chọn tiếp “Activate” nếu bạn muốn dùng giaodiện đó

Tiếp theo, để chỉnh sửa giao diện mà bạn vừa chọn Hãy qua về trang “My site” và tìm

“Customize” ở ngay dòng “Appearance” để chỉnh sửa

Hãy chọn dòng “Site Identify”

15

Ở dòng này sẽ có các bạn cần chú ý là “Logo”, “Site tittle” và “Tag line”.

 “Logo” dùng để chọn logo cho trang web của bạn

 “Site tittle” dùng để ghi tiêu đề của trang web

 “Tag line” dùng để ghi những chú thích nhỏ cho trang web

Sau khi làm xong, hãy nhấn “Publish” để lưu lại thay đổi

Hãy đăng nhập theo đường dẫn “tên miền trang web” (Ví dụ chúng mình đăng nhập vàođường dẫn của trang blog “yeucotam.photo.blog), xong hãy kéo xuống phía cuối cùngcủa trang web và tìm “Edit” (hãy chắc rằng bạn đã login vào tài khoản wordpress rồi).Bạn đã có thể chỉnh sửa trang web của mình theo ý muốn rồi.

Để tiến hành tân trang lại trang web, các bạn hãy để ý góc bên trái của trang web luônxuất hiện những ô như thế này Đây là công cụ để bạn có thể tiến hành chỉnh sửa web

17

Nhấp chọn vào dấu “+” để sử dụng các công cụ thêm ô, thêm ảnh, thêm chữ hoặc thêmnhạc nền cho web.

Đến đây, bạn đã có thể tự tạo cho mình 1 trang web riêng

Để tạo Post, các bạn hãy đăng nhập vào đường dẫn : tên miền trang web/wp-admin Sau

đó, tìm đến dòng “Post” và nhấn vào Category Hãy xem hướng dẫn bên dưới

Ở bước này, các bạn có thể tạo bảng Category và Menu (mục lục) cho trang web củamình Những mục như “Home”, “Blog”, “Topic” hay là “Contact” sẽ được tạo ra ở bướcnày Lưu ý: khi tạo một thư mục mới, hãy để “None” Nếu bạn muốn tạo một thư mụccon là “Natural” trong thư mục “Topic”, lúc đó hãy chuyển “None” sang “Topic”.

III Home, Blog, Topic, Contact

Tiếp theo, chúng ta sẽ tạo những trang liên kết ứng với từng mục Category đã tạo trước

đó

19

Đầu tiên, hãy mở mục “Pages” và chọn “Add New”.

Một bảng các trang sẽ hiện ra Ở bước này, chúng tôi muốn tạo 1 trang liên kết với từkhóa “Contact” Chúng tôi sẽ chọn “Contact” và tiến hành tạo trang liên kết

Ở bước này, một trang mẫu sẽ hiện lên Nhấp chuột vào “Use Contact Template”.

Chỉnh sửa thông tin của trang “Contact” theo thông tin của bạn Sau khi nhập xong thôngtin, hãy nhấn nút “Publish” để lưu lại

Để những từ khóa xuất hiện ở trang chủ của trang web Các bạn cần vào lại trang admin

21

Ở phần “Appearance”, nhấp chọn “Menus”, tiếp theo ấn vào “Categories” và chọn những

từ khóa bạn muốn nó hiện trên đầu trang, tích chọn vào rồi ấn “Add to Menu”

1 2

Chưa có “Contact” ? Hãy nhấn vào mục “Appearance” => “Menus” => Nhấn chọn mục

“Pages”, Chọn “Most Recent” rồi tích chọn “Contact”, rồi nhấn “Add to Menu”

IV QUẢN LÝ THƯ VIỆN MEDIA

1.Quản lý thư viện Media

Tất cả hình ảnh, video và âm thanh trong WordPress đều được quản lý bởi “Thư việnMedia” Khi soạn thảo bài viết, chúng ta có thể truy cập vào thư viện để tải ảnh hoặc sửdụng hình ảnh có sẵn từ trước

Trong trang soạn thảo bài viết, chọn nút “Thêm Media” phía trên thanh công cụ Mộtpopup xuất hiện và hiển thị toàn bộ hình ảnh mà chúng ta đã sử dụng trong website hoặctải lên trước đó

thư viện media

Để thêm ảnh mới, chọn tab “Tải tập tin lên”, sẽ mở ra chức năng tải file của WordPress.Tại đây, chúng ta chỉ cần kéo thả một hoặc nhiều hình ảnh từ máy tính vào trong khu vựcnày hoặc bấm bút “Chọn tập tin” Một khi ảnh đã được tải lên thành công, chúng ta sẽnhìn thấy một vài tuỳ chọn bên tay phải màn hình

Các tính năng này cho phép chúng ta đặt tiêu đề hay miêu tả cho bức ảnh nếu cần thiết,thẻ Alt và một vài tuỳ chọn hiển thị trong bài viết Lưu ý nên đặt tên hình ảnh rõ ràng vì

sẽ ảnh hưởng đến quá trình làm SEO sau này của trang web, những trang web có hìnhảnh được đặt tên hoặc chú thích rõ ràng sẽ được google đánh giá cao hơn

23

chèn ảnh vào bài viết

Nhấn “Chèn vào bài viết” và hình ảnh đó sẽ được thêm vào bài viết Nếu cần thay đổi bất

cứ tuỳ chọn gì, chỉ việc chọn hình ảnh đó và thanh công cụ sẽ xuất hiện để chúng ta thựchiện việc đó

2.Hướng dẫn sử dụng Widget

Widget trong WordPress cho phép chúng ta thêm các nội dung và các tính năng trong cáclĩnh vực được widget hóa của theme của chúng ta mà chủ yếu là sidebar Tuy nhiên cáckhu vực widget -ready có thể có trong header, footer, sidebar, bên dưới nội dung, và về

cơ bản bất kỳ khu vực nào khác trong theme của chúng ta Các khu vực widget-ready màchúng ta có trong theme của chúng ta sẽ thay đổi qua các theme

Hầu hết các theme WordPress là các widget ready và có nhiều khu vực widget Tuy nhiêntheme không được yêu cầu là phải có các khu vực widget Nếu chúng ta không nhìn thấybất kỳ khu vực widget nào thì nó có nghĩa là theme của chúng ta không hỗ trợ các widget

Để sử dụng Widget, truy cập Giao diện » Widget, nơi chúng ta sẽ thấy danh sách cácwidget có sẵn của WordPress và của giao diện đang sử dụng (nếu có) bên tay trái mànhình và vị trí widget bên tay phải Để thêm widget vào website, đơn giản chỉ việc kéo thảwidget bên tay trái vào khu vực bên phải

Khi widget đã nằm bên phí tay phải, hãy bấm vào widget cần chỉnh sửa và chúng ta sẽ

thấy một vài tùy chỉnh dành riêng cho widget đó Ví dụ, trong hình là widget Chuyên

mục – hiển thị toàn bộ chuyên mục hiện có trong hệ thống Chúng ta có thể đặt tên cho

chúng, hiển thị dưới dạng drop-down, hiển thị số lượng bài viết của mỗi chuyên mục

3 Plugin

3.1 Giới thiệu về Plugin

Plugin cho phép người dùng mở rộng các tính năng của website mà không cần phải chạmtay vào bất kỳ dòng code nào Đơn giản chỉ cần tải lên và kích hoạt để sử dụng

Có hàng nghìn plugin với các tính năng khác nhau như:

25

 Yoast SEO Premium – Tối ưu SEO, tăng thứ hạng website.

 iThemes BackupBuddy – Sao lưu đề phòng trường hợp rủi ro

 WP Rocket – Tăng tốc Website đơn giản hiệu quả

 WooCommerce Plugin – Plugin giúp chúng ta bán hàng tốt hơn

 Membership Plugin – Cho chúng ta tạo cộng đồng trên website của mình

Chúng ta có thể tải plugin miễn phí từ kho chính thức của WordPress Nơi chứa tới40,000 plugin với tất cả các tính năng mà mọi website đều dùng đến

Cũng giống như theme, chúng ta nên lựa chọn những plugin có được đánh giá cao vàođược sử dụng nhiều, bên cạnh đó ta cũng cần chú ý đến sự tương thích của plugin đếnphiên bản Wordpress hiện tại

3.2 Cách cài đặt Plugin

Cách đơn giản nhất để cài đặt plugin là sử dụng thanh tìm kiếm trongdashboard Một điểm trừ duy nhất của phương pháp này là chúng ta chỉ cóthể được những plugin miễn phí có trên WordPress.org

Điều đâu tiên chúng ta cần làm là đi đến khu vực admin WordPress điđến Plugins » Add New.

Chúng ta sẽ thấy một màn hình như ảnh chụp màn hình bên trên đây Tìmplugin bằng các nhập vào tên plugin hoặc tính năng của nó mà chúng tađang tìm kiếm, như tôi đã làm Sau đó, chúng ta sẽ thấy rất nhiều các danhsách như dưới đây:

Chúng ta có thể chọn plugin tốt nhất cho mình Ví dụ ở đây mình chọnJetpack chúng ta sẽ thấy nó hiện ngay ở kết quả tìm kiếm ở dưới, click vàoInstall Now

Giờ WordPress sẽ tải xuống và cài đặt plugin này cho chúng ta Sau đó,chúng ta sẽ nhận được tin nhắn báo thành công cùng với một link để kíchhoạt plugin hoặc quay trở về plugin installer

27

Một plugin có thể được cài đặt trên site của chúng ta, nhưng nếu chúng takhông kích hoạt nó thì nó sẽ không hoạt động Vì vậy hãy tiếp tục vàoclick Active Plugin để kích hoạt plugin.