Học WordPress - Bài 07 - Cài đặt các Plugin mở rộng cho WordPress

Thứ tư - 28/06/2017 21:36

Bài này sẽ hướng dẫn các bạn cách để cài đặt các Plugin với các tính năng mở rộng cho trang web, làm cho nó trở nên đầy đủ tính năng hơn, hấp dẫn hơn...

Học WordPress - Bài 07 - Cài đặt các Plugin mở rộng cho WordPress

Bài viết này chia sẻ các bạn cách để cài đặt các Plugin cho web từ thư viện Plugin của WordPress.

Nội dung các chủ điểm chính trong bài viết này như sau:


1. Cài đặt từ file Plugin đã được download về máy

1.1 Download Plugin

Bạn có thể download Plugin từ nhiều trang mạng chia sẻ khác nhau hoặc thậm chí có thể mua các Plugin từ các nhà cung cấp. Tuy nhiên WordPress cung cấp một kho thư viện Plugin miễn phí cực khủng dành cho người sử dụng. Mặc dù nói là miễn phí nhưng vẫn có một số Plugin cao cấp có nhiều tính năng ưu việt hơn sẽ bị giới hạn chức năng. Nếu bạn muốn mua các Plugin này, bạn sẽ phải vào trang chủ của các nhà cung cấp Plugin (có liên kết cho bạn) và sẽ mua các Plugin này.

Trong bài này sẽ hướng dẫn bạn cách download Plugin từ WordPress.org về máy tính và sau đó upload lên Hosting và tiến hành cài đặt.

Download Plugin từ WordPress.org

Bước 1: Truy cập trang https://wordpress.org/plugins/​​​​​​​   (1)
Bước 2: Dùng công cụ tìm kiếm Search hoặc các menu lọc (2) để tìm các Plugin cần cho website.
 
Download Plugin 1

Bước 3: Tìm kiếm (1) và chọn vào Plugin cần download (2)
 
Contacform 7 download 1

Bước 4: Xem qua và bấm vào nút download Plugin về máy tính.
 
Contacform 7 download 2

1.2 Tải Plugin lên

Bước 5: Đăng nhập trang quản trị website wordpress (xem lại hướng dẫn bài 5) và bấm Gói mở rộng (Plugin) (1) và bấm Cài mới (2)
 
Cài plugin wp 1

Bấm Tải Plugin lên (3)
 
Cài plugin wp 2

Bấm Chọn tệp (4)
 
Contacform 7 download 3

Bước 6: Chọn tập tin Plugin định dạng .zip đã download về máy tính (5) và chọn Open (6)
 
Contacform 7 download 4

1.3 Cài đặt Plugin

Bước 7: Bấm Cài đặt ngay bây giờ (7)
 
Contacform 7 download 5

Bước 8: Sau khi phần mềm load lên và cài đặt xong, bạn bấm Kích hoạt Plugin (8)
 
Contacform 7 download 6

Bước 9: Xem thành quả - Plugin bạn vừa cài đặt thành công lên hệ thống website của mình
 
Contacform 7 download 7

1.4 Chỉnh sửa Plugin

Để chỉnh sửa Plugin, bạn bấm vào nút Chỉnh sửa trên Plugin mà bạn muốn sửa. Tuy nhiên, hành động này sẽ dẫn đến một trang chỉnh sửa với danh sách các tập tin được viết bằng các ngôn ngữ lập trình phức tạp. Do đó, để chỉnh sửa bạn cần biết và am hiểu các ngôn ngữ lập trình để biên tập và làm cho ứng dụng chạy theo ý mình. Tuy nhiên, mặc định các Plugin này cũng đáp ứng được yêu cầu của người dùng, bạn không cần chỉnh sửa ở bước này.
 
Chỉnh sửa plugin wp
 

2. Cài đặt từ thư viện Plugin trên kho thư viện WordPress

Thay vì bạn phải vào trang chủ WordPress.org, tìm và download các Plugin về máy tính và sau đó sẽ tải lên để cài đặt. Hướng dẫn 2 này sẽ hướng dẫn bạn cách để tải và cài đặt các Plugin từ trang chủ wordpress.org không phải download về máy tính. Thư viện các Plugin được nhúng sẵn liên kết trong trang quản trị website WordPress của bạn. Bạn chỉ cần tìm và cài đặt, không cần download về máy tính.

2.1 Tìm Plugin

Bước 1: Bạn vào trang quản trị website của mình và bấm vào Gói mở rộng (Plugin) (1) sau đó bấm Cài mới (2)
 
Cài plugin wp 1

Bước 2: Tìm Plugin thông qua bộ công cụ lọc hoặc công cụ tìm kiếm Search
 
Tìm plguin wp

2.2 Xem Plugin

Bước 3: Sau khi dùng từ khóa tìm Plugin, bạn bấm vào tên Plugin đó để xem Plugin
 
Tìm plugin wp 2

2.3 Cài đặt Plugin

Bước 4: Sau khi xem Plugin, nếu hài lòng với Plugin này bạn bấm vào Cài đặt ngay bây giờ (1) hoặc thoát ra tìm Plugin khác và bấm vào dấu X (2) bên góc phải trên cùng của khung hiển thị. Ở ví dụ này sẽ chọn Cài đặt ngay bây giờ (1).
 
Cài đặt plugin wp

Bước 5: Xem lại Plugin sau khi cài đặt thành công, bạn vào lại Gói mở rộng (Plugin) sẽ thấy Plugin vừa cài xuất hiện trên danh sách các Plugin. Bạn bấm vào nút Kích hoạt để kích hoạt ứng dụng mà mình vừa cài.
 
Cài đặt plugin wp 2

Và đây là kết quả Plugin đã được kích hoạt thành công.
 
Kích hoạt plugin wp thành công

3. Cài đặt một số Plugin cần thiết cho website WordPress

Trong phần này, chúng ta sẽ cùng nhau download và cài đặt một số Plugin thông dụng và cần thiết cho website wordpress của mình.

3.1 Plugin hỗ trợ bảo mật Wordfence Security.

Wordfence Security là một ứng dụng rất hay và được sử dụng phổ biến trên hệ thống các website wordpress. Ứng dụng này là ứng dụng bảo vệ hệ thống trang web khỏi các hành động xâm phạm bất hợp pháp bởi các hacker. Để download và cài đặt cũng như thiết lập các thông số cho Plugin này hoạt động trên website của mình, bạn tuần tự thực hiện theo các bước sau:

Bước 1: Tìm trên kho Plugin của wordpress với từ khóa Wordfence Security
Bước 2: Bấm vào cài đặt
Bước 3: Bấm vào kích hoạt Plugin

Lưu ý: Bước tìm kiếm, cài đặt và kích hoạt sẽ thực hiện tương tự như trên phần 2 (Cài đặt từ thư viện Plugin trên kho thư viện WordPress)

Bước 4Điền Email nhận thông báo từ Wordfence Security: Sau khi cài đặt xong, bạn bấm về Gói mở rộng (Plugin) thì ứng dụng Wordfence Security sẽ bật một bảng thông báo cài đặt và kích hoạt thành công, đồng thời ứng dụng này yêu cầu bạn nhập email để có thể nhận các thông báo về các hoạt động truy cập, bảo vệ, bảo mật trang web về email của bạn (điều này là cần thiết). Bạn nhập vào email và bấm vào nút Get Alerted để chấp nhận nhận thông báo, và sau đó bấm Close.
Điền email nhận thông báo Wordfence Security

Bước 5: Thiết lập các thông số trên ứng dụng Wordfence Security
Trên bảng các thông số cài đặt của Wordfence Security có rất nhiều các dòng menu chức năng. Trong ví dụ này chúng ta sẽ cài đặt 2 thông số quan trọng là cài đặt chế độ bảo vệ và giới hạn các quốc gia có nguy cơ có hacker tấn công, các thông số cài đặt khác các bạn sẽ tìm hiểu và khám phá thêm.
 
  • Cài đặt chế độ bảo vệ cho trang web: Bạn vào Options: Ở đây bạn có thể chọn các cài đặt về thời gian cấp IP truy cập hoặc số lần truy cập,...
Option Wordfence Security
  • Cài đặt chặn các quốc gia nguy hiểm: Bạn vào Country Blocking: Trên bảng này, bạn chỉ cần chọn các quốc gia mà bạn không muốn truy cập vào trang web của bạn. Các quốc gia thông thường xuất phát các hacker phổ biến như China, Russia, Germany,...Bạn có thể tham khảo thêm các thông tin về hacker với các quốc gia để có thể tít chọn chống truy cập. Ngoài ra, việc định hướng hoạt động website của bạn ở khu vực nào cũng là một yếu tố để các bạn chọn các quốc gia không muốn người dùng truy cập.
Chặn các quốc gia truy cập trên Wordfence Security

3.2 Plugin hỗ trợ viết bài TinyMCE Advanced.

TinyMCE Advanced là một ứng dụng hỗ trợ các công cụ viết bài hiệu quả. Nếu như dùng công cụ soạn thảo mặc định của chương trình wordpress sẽ hạn chế các công soạn thảo. Nhưng với TinyMCE Advanced bạn có thể tùy biến bài viết một cách hiệu quả hơn và dễ dàng hơn.
 
Trình soạn thảo mặc định wp
Trình soạn thảo mặc định WordPress - đơn giản, ít công cụ
Bước 1: Tìm trên kho Plugin của wordpress với từ khóa TinyMCE Advanced.
 
TinyMCE Advanced

Bước 2: Bấm vào cài đặt
Bước 3: Bấm vào kích hoạt Plugin

Lưu ý: Bước tìm kiếm, cài đặt và kích hoạt sẽ thực hiện tương tự như trên phần 2 (Cài đặt từ thư viện Plugin trên kho thư viện WordPress)

Bước 4: Xem lại Trình soạn thảo TinyMCE Advanced vừa mới cài đặt thành công
 
Trình soạn thảo TinyMCE Advanced
Trình soạn thảo TinyMCE Advanced với nhiều công cụ hỗ trợ soạn thảo
Bước 5: Cài đặt TinyMCE Advanced (Bước này bạn có thể thực hiện hay không): Bước này cho phép bạn cài đặt việc sắp xếp các biểu tượng trên thanh công cụ, kích cỡ chữ,...Để vào cài đặt, bạn vào menu Cài đặtTinyMCE Advanced.
 
Cài đạt TinyMCE Advanced
 

3.3 Plugin hỗ trợ tạo Form - Contact Form 7

Website của bạn cần các form liên hệ, nhận xét hoặc các form đăng ký,...WordPress mặc định sẽ giới hạn trong việc trang bị các form đó. Như vậy, bạn cần một công cụ để tạo các biểu mẫu - form tương tác với người dùng. Ứng dụng trên trang Plugin WordPress được người dùng sử dụng phổ biến để tạo Form đó là Contact Form 7.
 
contact form 7


Sau khi cài đặt Contact form 7, trên thanh menu bên trái của trang quản trị web WordPress sẽ xuất hiện Menu Contact, bên trong sẽ có 3 menu con:

Contact form 7 1

Contact form: Các biểu mẫu liên hệ - Hiển thị danh sách tất cả các biểu mẫu (mặc định sau khi cài đặt chỉ có 1 form)
Thêm: Cho phép ta thêm các biểu mẫu khác theo ý muốn.
  • (1): Đặt tên form
  • (2): Nhập các mã vào biểu mẫu
  • (3): Thiết lập email để gửi cho người dùng hoặc thông báo đến email nào đó sau khi gửi xong
  • (4): Các thông báo cho người gửi biểu mẫu cho phép bạn ghi chú các thông tin, thông báo xuất hiện trong quá trình người dùng tương tác với các biểu mẫu.
  • (5): Cấu hình khác (bạn không cần hiệu chỉnh trường này)
  • (6): Bấm lưu biểu mẫu
Tạo form mới

Intergration: Cho phép bạn cài đặt mã xác nhận khi người dùng điền vào form (hỗ trợ mặc định của Contact Form 7 là mã xác nhận Google Captcha)
  • Bước 1: Nhận mã recaptcha từ Google (bước này cần bạn đăng nhập tài khoản Google trước)
intergration google captcha 1
  • Bước 2: Bấm chọn Get reCAPTCHA
intergration google captcha 2
  • Bước 3: Nhập vào tiêu đề và địa chỉ trang web tương ứng tại 2 dòng (lưu ý dòng 2 - địa chỉ trang web bạn nhập vào không có www). Sau đó bấm nút đăng ký bên dưới
intergration google captcha 3
  • Bước 4: Sau khi đăng ký thành công, Google sẽ trả về trang cung cấp 2 mã cho trang web của bạn. Bạn giữ trang này và trở về trang quản trị wordpress.
intergration google captcha 4
  • Bước 5: Về trang quản trị WordPress, tại mục Intergration bạn bấm vào Configure Keys
intergration google captcha 5
  • Bước 6: Copy dòng mã đầu tiên (bước 4) và dán vào dòng Site Key; Copy dòng mã thứ 2 (bước 4) và dán vào dòng Secret Key, sau đó bấm Lưu.
intergration google captcha 6

Ví dụ sử dụng Contact Form 7:

Bước 1: Soạn bài viết mới  -  Trang với tiêu đề Liên hệ
Soạn bài viết mới

Bước 2: Copy mã rút gọn từ danh sách các contact form và dán vào trang Liên hệ
Copy mã rút gọn contact form
Copy mã rút gọn của form cần chèn ở bảng danh sách các form
Dán mã rút gọn contact form vào bài viết
Dán mã đã copy ở trên vào trong bài viết đang soạn
Bước 3: Xem kết quả chưa có Google reCAPTCHA
Xem thử bài viết
Bấm vào Xem thử để xem trước bài viết
 
Xem thử bài viết chưa có reCAPTCHA
Bài viết xem trước chưa có mã reCAPTCHA
Bước 4: Chèn Google reCAPTCHA vào Form
 
chèn reCaptcha 1
Vào khu vực Form, chọn Form cần hiệu chỉnh và bấm chèn vào reCAPTCHA
chèn reCaptcha 2
Hộp thoại mới xuất hiện, bấm chọn chèn code vào
chen recaptcha 3a
Kết quả mã reCAPTCHA đã xuất hiện cuối đoạn mã > Bấm Lưu mã của Form

Bước 5: Xem lại kết quả bài viết đã có Google reCAPTCHA
Xem thử bài viết có reCAPTCHA
Xem thử lại bài viết - Kết quả đã có Google reCAPTCHA

3.4 Plugin hỗ trợ SEO bài viết Yoast SEO

Yoast SEO là một Plugin hỗ trợ SEO bài viết rất hiệu quả trên website WordPress. Bài viết của bạn sẽ được thông báo về mức độ tối ưu từ khóa hay các kỹ thuật tối ưu SEO khác cũng sẽ được phần mềm kiểm tra và thông báo. Qua đó, bạn có thể hiệu chỉnh lại bài viết để tối ưu SEO hơn.
Để download và cài đặt Yoast SEO vào WordPress, bạn thực hiện tương tự việc cài đặt các Plugin như ví dụ bên trên.
 
Yoast SEO
Tìm và cài đặt Yoast SEO từ Plugin của WordPress
Yoast SEO 1
Yoast SEO cài đặt thành công xuất hiện trong bảng danh sách các Plugin

Sau khi cài đặt Yoast SEO thành công, khi bạn vào trang soạn thảo bài viết, bên dưới vùng soạn thảo văn bản sẽ hiển thị khu vực để chúng ta thực hiện các thao tác kỹ thuật hỗ trợ SEO bài viết.

  • Edit snippet: Bạn kích vào đây để viết đoạn mô tả cho bài viết
  • Focus keyword: Bạn điền vào dòng này từ khóa của bài viết
Yoast SEO 2
Bên góc phải của trang soạn thảo bài viết, khu vực xem thử, lưu nháp hoặc đăng bài viết xuất hiện thêm 2 dòng báo tình trạng của bài viết:
  • Readability: Tình trạng dễ đọc của bài viết
  • SEO: Khả năng hỗ trợ SEO của bài viết
  • Màu xám mờ thể hiện chưa có hiệu lực SEO, màu đỏ là chưa tối ưu, màu vàng là mức trung bình và màu xanh lá cây là tối ưu
Yoast SEO 3

3.5 Plguin chống Spam trong nhận xét Akismet

Akismet

Akismet là một ứng dụng chống SPAM cực kỳ hiệu quả trên hệ thống các website WordPress. Mặc định sau khi cài đặt WordPress xong, plugin Akismet sẽ được tích hợp sẵn trên quản trị của WordPress nhưng chưa được kích hoạt. Để kích hoạt Akismet, bạn bấm vào Kích hoạt.
 
Akismet 2

Sau khi bấm vào kích hoạt, trang quản trị sẽ dẫn về trang cài đặt của Akismet. Tại đây, để kích hoạt Akismet, bạn phải bấm vào Lấy khóa API.
 
Cài đặt Akismet

Sau đó, một trang web mới hiện ra, bạn bấm tiếp vào GET AN AKISMET API KEY
 
get Akismet

Một bảng thông tin hiện ra, nếu bạn đã có tài khoản trên trang Wordpress.com thì bấm vào dòng thuộc khu vực (2), nếu bạn chưa có tài khoản từ trang wordpress.com thì bạn điền 3 thông tin vào khu vực (1). Các thông tin ở khu vực (1) gồm Email, tên đăng nhập và mật khẩu đăng nhập (đăng ký này đồng nghĩa với việc bạn đăng ký cả tài khoản trên trang wordpress.com và lấy luôn mã API). Sau khi điền các thông tin xong, bạn bấm vào Sign Up (3) để đăng ký
 
get Akismet 2

Sau khi đăng ký xong, một trang mới hiển thị ra. Trang này là các lựa chọn dịch vụ cho Akismet mà bạn đăng ký sử dụng. Tùy thuộc vào yêu cầu chống Spam trên trang, mức độ đông đúc của các nhận xét, quy mô của trang web mà bạn lựa chọn các gói giải pháp phù hợp. Ở ví dụ này sẽ lựa chọn gói miễn phí ở cột đầu tiên.
 
get Akismet 3

Sau khi bấm chọn Get Basic ở cột đầu tiên, một trang mới sẽ xuất hiện. Trên này ở khu vực bên trái, bạn dùng chuột kéo nút giá tiền/YEAR về phía bên trái để xác nhận gói Free với chi phí = 0. Sau đó điền vào các ô First name, Last name và bấm Continue.
 
Akismet 4

Bảng thông báo mới hiển thị ra và bạn bấm Cancel.
 
get Akismet 5

Sau đó, một trang hiển thị ra, bạn sẽ kích chọn vào biểu tượng con mắt bên phải và quét chọn mã API để copy vào bộ nhớ máy tính.
 
Akismet 6

Sau đó, bạn trở về trang quản trị wordpress, ở phần cài đặt AKISMET ban đầu, bạn dán vào mã API vừa mới sao chép và sau đó bấm Dung khóa này.
 
Akismet 7

Sau khi thực hiện động tác trên, quản trị wordpress sẽ trả về kết quả là Akismet ta đã kích hoạt thành công và chuyển về trang cài đặt Akismet. Tại đây, bạn có thể thực hiện một số chọn lựa cài đặt căn bản (vì là bản Free nên có ít cài đặt).
 
Akismet 8

Đến bước này bạn đã cài đặt Akismet hoàn toàn thành công. Bạn nên kiểm tra lại Email đăng ký lấy Akismet API Key để nhận các thông tin hướng dẫn khác.

NEXT>>
Như vậy là với phần bài này, chúng ta đã biết cách thêm các Plugin bổ trợ cho các chức năng cần thiết trên một website wordpress. Và đến đây, cũng đã kết thúc loạt bài hướng dẫn tạo website wordpress căn bản. Trong loạt bài kế tiếp, chúng ta sẽ cùng nhau khám phá cách tạo các website wordpress thuộc các chủ đề như bán hàng, du lịch, khách sạn, bất động sản,...Mời các bạn đón đọc.