Wordpress Widget là gì?

Widget trong wordpress giúp hiển thị những bài viết mới sao cho người đọc dễ dàng tìm kiếm và theo dõi các bài viết nhất có thể.

Wordpress Widget dùng để làm gì?

Trong website, widget có một số tác dụng hữu ích như:

• Giúp chỉnh sửa bố cục website dễ dàng hơn:

Bằng các thêm hoặc bớt các Widget, việc thiết lập giao diện web của bạn sẽ như mong muốn mà không cần phải thông qua các quy trình code web phức tạp.

• Làm cho giao diện web trở nên chuyên nghiệp hơn, gia tăng trải nghiệm người dùng:

Widget giúp giao diện web của bạn có hệ thống và đặc sắc từ đó gia tăng trải nghiệm người dùng hơn nhờ vào các Widget sáng tạo, hợp lí.

Một số trang có các Widget phù hợp với mục đích sử dụng của khách hàng như tìm kiếm bài viết, số điên thoại liên hệ, các bài viết mới, bài viết phổ biến, thống kê số lượt truy cập, lượt người xem trang,…

• Quản lý các tính năng của WordPress đơn giản hơn:

Việc cài đặt và sử dụng các widget hợp lí cũng giúp cho người quản trị web có thể theo dõi và quản lý hiệu quả hơn website của mình.

Quản lý widget trong WordPress

Trong WordPress, bất cứ theme nào cũng có Widget mặc định sẵn trước đó. Người dùng có thể tùy ý thêm hay xóa Widget tùy vào mục đích sử dụng của mỗi người. Để xem các Widget mà mình đang sở hữu, người dùng nhấp vào thẻ Appearance và chọn Widgets.

Quản lý widget trong WordPress

Tùy theo từng giao diện khác nhau mà cách bố trí, sắp xếp các Widget có sự khác biệt. Nhưng nói chung, một khu vực Widget đều bao gồm 3 phần chính như sau: Available Widgets (Widget mặc định), Primary Widget Area (Vị trí đặt Widget), và Inactive Widgets (Widget không hoạt động).

Widget mặc định (Available Widgets) là gì?

Available Widget hay Widget mặc định là những Widget đã có sẵn do theme cung cấp. Các Widget này, người dùng có thể xoá đi hay thay đổi vị trí tuỳ vào yêu cầu sử dụng.

Trong WordPress, sẽ có những Widget mặc định được tạo sẵn như sau:

Trong Wordpress có nhiều Widget mặc định được tạo sẵn

• Archive: các bài viết trong tháng sẽ được hiển thị.

• Audio: hiện thị trình phát nhạc lên WordPress.

• Calendar: hiển thị lịch.

• Categories: hiển thị danh sách categories.

• Gallery: hiển thị thư viện ảnh.

• Image: hiển thị một bức ảnh.

• Meta: hiển thị webmaster login, RSS, và link WordPress.org.

• Navigation Menu: tạo ra trình chuyển hưởng.

• Pages: tạo danh sách các trang.

• Recent Comment: hiển thị những bình luận mới nhất trên trang WordPress.

• Recent Post: hiển thị các bài viết mới nhất trên WordPress.

• RSS: nơi hiển thị RSS hay Atom feed.

• Search: hiển thị thanh tìm kiếm.

• Tag Cloud: hiển thị post tag.

• Videos: hiển thị các link video từ các nhà cung cấp video lớn.

Ngoài ra, với những theme dùng phí để mua, số lượng các WordPress Widget cũng được mở rộng và trở nên phong phú, đa dạng hơn. Bên cạnh các Widget có sẵn, người dùng cũng có thể thêm mới các Widget vào trang web của mình tùy theo nhu cầu và mục đích sử dụng.

Vị trí đặt Widget (Primary Widget Area)

Trên trang WordPress sẽ có một khu vực dành riêng cho các Widget. Thông thường khu vực này sẽ được đặt ở cột bên phải (sidebar) hoặc cuối trang (footer). Nhưng cũng có trường hợp Widget được đặt ở phía bên trái trang. Khi đó nội dung chính và các bài viết sẽ nằm ở phía bên phải.

Vị trí Widget

Việc sắp xếp Widget không có quy định cụ thể nào, người dùng có thể đặt Widget ở vị trí bất kỳ nếu muốn.

Ví dụ: trên theme có 3 vị trí đặt Widget thì bạn có thể đặt widget ở bất kỳ vị trí nào trong 3 vị trí đó đều được.

Widget không sử dụng (Inactive Widgets) là gì?

Với một WordPress Widget đã được thêm vào trong web, nếu người dùng không muốn sử dụng nữa thì sẽ đặt nó vào khu vực này. Trong trường hợp muốn dùng lại, bạn chỉ việc kéo Widget này lại vị trí mong muốn, mà không phải mất công tạo lại một Widget mới.

Inactive Widgets)

Ví dụ như fanpage, khi bạn tạo widget cho nó, bạn sẽ cần thiết lập đường link, chiều cao, chiều rộng. Nếu bỏ nào phần Inactive Widgets này thì lần sau khi cần dùng lại, bạn sẽ không mất công thiết lập lại các thông tin đó nữa.

Hướng dẫn sử dụng Widget trong WordPress

Thêm Widget mới vào WordPress

Để thêm Widget cho WordPress, người dùng cần thực hiện theo 4 bước sau:

Thêm widget mới vào Wordpress

Bước 1: Đăng nhập vào trình WordPress Dashboard trên trang quản lý.

Bước 2: Trong mục Appearance, chọn vào phần Widgets.

Bước 3: Thêm mới Widget bằng cách kéo thả chúng vào vị trí mình mong muốn. Bạn có thể đặt Widget vào vị trí phía bên trái, bên phải hay phía dưới trang tùy theo mục đích sử dụng.

Bước 4: Trong trường hợp WordPress Widget có định dạng là video, bạn có thể upload video trực tiếp lên trang web hay chèn link tùy ý.

Ngoài ra, bạn còn có thể thêm Widget bằng Customize trực tiếp, để thấy site sẽ trông như thế nào sau khi thay thêm Widget. Bạn có thể vào trong khu vực đó bằng mục Appearance trong trang wp-admin hay bằng nút Customize trên website (sau khi đăng nhập bằng tài khoản admin).

Xóa Widget WordPress

Các bước để xóa Widget ra khỏi thanh Sidebar cũng tương đối đơn giản. Có 2 cách để xóa Widget như sau:

Cách 1: Người dùng kéo Widget muốn xóa ra khỏi Sidebar. Thả ra khu vực Widget hiện có.

Cách 2: Click vào tiêu đề Widget muốn xóa để mở vùng mở rộng của Widget. Sau đó chọn Xóa (Delete).

Thêm Widget có sẵn vào Sidebar

Có rất nhiều cách để thêm widget vào thanh ngang trên giao diện WordPress của bạn. Cách đơn giản nhất là kéo và thả chúng vào thanh ngang.

Kéo thả Widget vào sidebar

Một cách khác, WordPress sẽ hiển thị danh sách những thanh ngang để bạn có thể cài đặt các widget này. Chỉ việc chọn thanh ngang mà bạn muốn thêm widget rồi nhấn nút Thêm widget là xong.

Nhấn vào Widget và thêm vào vị trí mong muốn

Mỗi widget có sẵn sẽ có một nút Thêm. Nhấn vào nút đó để đi tới màn hình truy cập. Tại đây bạn có thể dễ dàng lựa chọn vào sidebar hoặc vị trí mà bạn muốn đặt widget.

Thêm Widget trực tiếp tại trang quảng lý Widget

Điểu chỉnh vị trí trên dưới của Widget

Khi các widget đã vào khu vực mong muốn, bạn có thể chỉnh vị trí trên dưới của chúng bằng cách kéo thả lên xuống.

Hướng dẫn tạo Widget tùy chỉnh

Để bắt đầu tạo các widget hay cho WordPress một cách tùy chỉnh, bạn cần phải có một số quyết định quan trọng ban đầu:

• Đầu tiên bạn có thể chọn code một widget wordpress tùy chỉnh trong một plugin tùy chỉnh. Điều này có nghĩa là nó sẽ có thể hoạt động với bất kỳ website nào sử dụng plugin này.

• Hoặc bạn chỉ cần đơn giản thêm widget vào file functions.php hoặc là một theme nào đó để nó chỉ hoạt động duy nhất trên theme đó mà thôi.

Widgets API là gì?

Widgets API (phương thức trung gian kết nối các ứng dụng và thư viện khác nhau) cho phép bạn code các widget tùy chỉnh trên WordPress. Để tạo bất kỳ widget tùy chỉnh, bạn cần phải dùng lớp WP_Widget từ API.

Widgets API

Widgets API là lớp cơ sở cung cấp hơn 20 hàm cơ bản để bạn có thể code. Trong đó, có 4 hàm cơ bản nhất mà bất cứ một widget nào cũng cần để hoạt động:

• _construct() : hàm khởi tạo

• widget() : đầu ra của widget

• form() : định nghĩa các cài đặt của widget trong Admin Dashboard

• update() : cập nhật các cài đặt của widget

Tạo Widget tùy chỉnh

Bạn có thể tham khảo video và làm theo các bước sau để tạo một Widget tùy chỉnh trong Wordpress:

Bước 1: Tạo function-construct

Bước 2: Định hình cấu hình đầu ra của widget

Bước 3: Tạo hàm form

Bước 4: Cập nhật chức năng widget với hàm update

Plugin tạo Widget WordPress

Có khá nhiều những plugin của WordPress hỗ trợ tạo Widget. Dưới đây là một số những plugin các bạn có thể tham khảo sử dụng:

• Flexible Posts Widget

• Better Recent Posts Widgets Pro

• Genesis Featured Widget Amplified

• Advanced Random Posts Widget

Flexible Posts Widget

Với Flexible Posts Widget, bạn có thể hiển thị nhiều loại bài viết hơn. Cũng như thông tin bổ sung về bài viết (tên bài viết, số bình luận, ngày đăng tải, hình thu nhỏ…).

Flexible Posts Widget

Flexible Posts Widget bao gồm khả năng lọc các bài viết dựa vào: types, tags và taxonomies; hay ID của bài viết,…

Better Recent Posts Widgets Pro

Better Recent Post Widget Pro là một plugin trả phí cho phép bạn tạo widget với nhiều tùy chỉnh đa dạng.

Better Recent Posts Widgets Pro

Bạn có thể hiển thị thêm thông tin về bài viết của mình trong sidebar, bao gồm: tên tác giả của bài viết, ngày đăng tải, số bình luận và các đoạn trích với Plugin này.

Genesis Featured Widget Amplified

Genesis Featured Widget Amplified plugin cho phép bạn hiển thị nội dung, taxonomies và các tùy chọn linh hoạt để hiển thị nội dung bài viết hoặc đoạn trích.

Genesis Featured Widget Amplified

Genesis Featured Widget Amplified giúp bạn có thể chọn lựa chính xác từng bài viết hiển thị trên trang chủ thông qua category, tag, meta key,…

Advanced Random Posts Widget

Advanced Random Posts Widget là một plugin miễn phí để hiển thị các bài viết. Tuy nhiên, thay vì hiển thị các bài viết mới, nó có khả năng liệt kê các bài viết một cách ngẫu nhiên.

Advanced Random Posts Widget

Để giữ chân người đọc lâu hơn trong blog của bạn, bạn có thể sử dụng Advanced Random Posts Widget có chức năng gợi ý ngẫu nhiên các bài viết hoặc gợi ý bài viết theo tag, category của bài viết họ đang đọc.

Top 26 widget hay cho Wordpress

Không làm phí thêm thời gian của bạn, ngay sau đây là gợi ý top 26 widget đẹp cho Wordpress:

1. Recent Posts Widget with Thumbnails

Theo mặc định, WordPress đi kèm với một widget của bài viết gần đây, nó sẽ hiển thị một danh sách đơn giản các bài viết gần đây của bạn. Recent Posts Widget with Thumbnails cho phép bạn hiển thị bài viết gần đây trong wordpress với hình thu nhỏ.

Recent Posts Widget with Thumbnails

Recent Posts Widget with Thumbnails sử dụng hình ảnh đặc trưng hoặc hình ảnh đầu tiên trong một bài như là hình thu nhỏ. Bạn cũng có thể điều chỉnh chiều cao và chiều rộng của hình ảnh từ màn hình cài đặt widget.

2. Category Posts

Giống như cái tên đã thể hiện rõ, Category Posts Widgets hiển thị bài viết gần đây từ một danh mục được chọn. Bạn có thể hiển thị tiêu đề bài viết như là một danh sách, hoặc cũng có thể chọn chỉ hiển thị đoạn trích và hình thu nhỏ.

Category Posts

Sử dụng nó với Display Widgets sẽ cho phép bạn hiển thị các widget ẩn trên các trang cụ thể trong WordPress. Bạn có thể tham khảo thêm bài viết làm thế nào để hiển thị bài viết theo chuyên mục.

3. Các biểu tượng đơn giản

Widget này rất đơn giản, dùng để thêm các biểu tượng xã hội vào sidebars của bạn. Tất cả các tùy chọn cấu hình trong cài đặt của widget. Bạn có thể chọn các mạng xã hội để liên kết đến và thêm profile URL của bạn. Bạn cũng có thể sửa đổi các biểu tượng bằng cách chọn màu nền và phông chữ cho biểu tượng.

Các biểu tượng đơn giản

Các biểu tượng đơn giản là wordpress widget tốt nhất từ trước đến nay để thêm các biểu tượng xã hội.

4. Google Maps Widget

Có một cách dễ dàng hơn để thêm một bản đồ vào thanh bên của trang web của bạn bằng cách sử dụng Google Maps Widget. Widget đơn giản này cho phép bạn hiển thị một bản đồ Google trong một widget. Khi người dùng nhấp chuột vào bản đồ, bản đồ lớn hơn sẽ mở trong một hộp đèn popup.

Google Maps Widget

Google Maps Widget là một trong những wordpress widget tốt nhất cho các doanh nghiệp muốn hiển thị địa chỉ và vị trí của họ trên trang web của họ.

5. Social Count Plus

Social Count Plus là widget chắc chắn bạn đã từng thấy qua trên các website nổi tiếng và uy tín. Widget Social Count Plus cho phép bạn dễ dàng hiển thị những người follow trên các mạng xã hội được đếm trong sidebar của bạn.

Social Count Plus

Các thông số do Social Count Plus Widget cung cấp sẽ giúp bạn xây dựng lòng tin đối với khách hàng khi truy cập vào trang web của bạn.

6. Image Widget

Nếu bạn cần thêm hình ảnh vào sidebar, sau đó bạn cần phải viết code HTML trong một widget văn bản. Tuy nhiên, nhiều người mới bắt đầu không biết HTML và không thể thiết kế một hình ảnh cho đúng.

Image Widget

Image Widget giải quyết vấn đề này bằng cách cho phép người dùng thêm một hình ảnh bằng cách sử dụng media uploader trong WordPress và cũng cung cấp một giao diện người dùng đồ họa UI để thêm chú thích, văn bản, và chọn kích thước hình ảnh

7. Custom Taxonomies Menu Widget

Theo mặc định WordPress đi kèm với một loại widget. Không có tiện ích mặc định để hiển thị phân loại tùy chỉnh trong sidebar của một trang web WordPress.

Custom Taxonomies Menu Widget

Custom Taxonomies Menu widget cho phép bạn dễ dàng hiển thị phân loại tùy chỉnh trong sidebar.

8. Compact Archives

Các widget lưu trữ mặc định hàng tháng hiển thị tài liệu lưu trữ của bạn trong một danh sách dài của các tháng. Danh sách chiếm rất nhiều dung lượng và khiến cho người sử dụng phải di chuyển xuống.

Compact Archives

Compact archives giải quyết vấn đề này bằng cách nhóm lưu trữ hàng tháng thành năm và hiển thị chúng trong một hình thức nhỏ gọn. Compact Archives cũng đi kèm với một widget mà bạn có thể thêm vào sidebar của bạn

9. Authors Widget

Dễ dàng hiển thị một danh sách của các tác giả trên blog WordPress nhiều tác giả của bạn. WordPress widget đơn giản Authors Widget này cho phép bạn hiển thị tên tác giả với avatar và các liên kết đến bài viết của họ.

Authors Widget

Với Authors Widget, bạn cũng có thể hiển thị một số bài báo và hiển thị một liên kết đến RSS feed của tác giả.

10. YouTube Channel Gallery

Widget này cho phép bạn hiển thị video mới nhất từ kênh YouTube của bạn trên trang web WordPress của bạn. YouTube Channel Gallery hiển thị video của bạn dưới dạng lưới đẹp và dễ nhìn, mà mất ít dung lượng và trông thú vị hơn.

YouTube Channel Gallery

11. OptinMonster

OptinMonster là một thế hệ WordPress plugin đầu tư. Nếu bạn đang tìm kiếm để xây dựng một email list cho blog của bạn, thì OptinMonster là plugin mà bạn cần.

OptinMonster đi kèm với hai widget: Sidebar và Afterpost. Cả hai cho phép bạn thêm hình thức đăng ký chuyển đổi trên trang web của bạn. Bạn thậm chí có thể nhóm những người dùng vào các danh mục khác nhau, cho thấy các hình thức khác nhau trên các trang khác nhau, và nhiều hơn nữa.

Optin Monster

OptinMonsterr là wordpress widget tốt nhất cho trang web thương mại điện tử và doanh nghiệp muốn đẩy mạnh sự chuyển đổi của họ.

12. Tabbed Login Widget

Một cách khác để thêm hình thức đăng nhập để WordPress sidebar là bằng cách sử dụng các Tabbed Login Widget. Giống như tên gọi của mình, Tabbed Login Widget thêm một wordpress widget với các tab cho các hình thức đăng nhập, đăng ký và khôi phục mật khẩu.

Tabbed Login Widget

Điều này cho phép người dùng nhanh chóng đăng nhập vào trang web của bạn mà không cần truy cập vào khu vực admin.

13. Simple Contact Info

Simple Contact Info cho phép bạn dễ dàng thêm các thông tin liên lạc, biểu tượng xã hội, và thông tin vị trí bằng cách điền vào một biểu mẫu. Sau đó bạn chỉ cần kéo và thả các wordpress widget thông tin liên hệ để sidebar của bạn để hiển thị thông tin này.

Simple Contact Info

Bạn có thể cá nhân hóa biểu mẫu của mình thông qua trang cài đặt hoặc bằng cách thêm các thuộc tính vào mã ngắn hoặc tiện ích con hoặc liệt kê các lần gửi biểu mẫu trong trang tổng quan của mình.

14. Quick Chat

Quick chat là một hệ thống trò chuyện nhỏ nhưng rất mạnh mẽ và cấu hình cao cho các trang web WordPress. Quick Chat đi kèm với một wordpress widget mà bạn có thể thêm vào WordPress sidebar của bạn, cho phép trò chuyện ở bất cứ đâu trên trang web của mình.

Quick Chat

Bạn cũng có thể tạo một trang chat chuyên dụng trên trang web của bạn và sử dụng shortcode [quick-chat].

15. Testimonials wordpress widget

Testimonials là một cách rất hiệu quả để khoe ra các khách hàng và người dùng hài lòng của bạn. Testimonials Widget giúp bạn dễ dàng tạo ra những sự chứng nhận và hiển thị chúng bằng cách sử dụng một widget hay shortcode.

Testimonials widget

Testimonials là một trong những widget mà bạn có thể thêm vào footer của bạn để làm cho nó hữu ích hơn với các chức năng như: tạo Slide với thư viện hiệu ứng đẹp, tùy chọn hiển thị slide trong Category, Tags hay Post ID, hỗ trợ giao diện responsive,...

16. Whistles

Bạn đã bao giờ muốn để thêm jQuery based accordions , Toggles, và các tab trên trang web WordPress của mình? Whistles cho phép bạn dễ dàng tạo ra và hiển thị nội dung rất đẹp mắt trong accordion, tab và menu toggled.

Whistles

Whistles cũng đi kèm với một widget mà bạn có thể thêm vào sidebar của bạn để hiển thị bất kỳ nội dung trong accordion, tab hoặc menu toggled.

17. Neat Skype Status

Có bao giờ bạn muốn hiển thị một trạng thái trực tuyến trên Liên hệ Skype của bạn trong trang web WordPress hay không? Skype được sử dụng bởi hàng ngàn chuyên gia để kết nối với khách hàng và người dùng.

Neat Skype Status

Neat Skype Statuscho phép bạn dễ dàng hiển thị trạng thái Skype của bạn trên trang web WordPress.

18. Random Post Widget

Plugin đơn giản này giúp hiển thị bài viết ngẫu nhiên trong WordPress sidebar của bạn một cách dễ dàng hơn. Các thiết lập Widget cũng cho phép bạn hiển thị bài viết ngẫu nhiên từ một danh mục đặc biệt.

Random Post Widget

Bạn có thể thêm các widget Random Post Widget này nhiều lần tùy theo nhu cầu sử dụng.

19. Soliloquy WordPress Slider Widget

Soliloquy là một plugin WordPress slider rất dễ tương thích, giúp cho việc tạo lập slidebar dễ dàng. Điều tốt nhất là bạn có thể thêm các slidebar bất cứ nơi nào sử dụng widget của họ.

Soliloquy WordPress Slider Widget

Vì vậy, bạn có thể hiển thị các bài viết gần đây của bạn, bài viết đặc trưng, video, hình ảnh Pinterest, instagram, hoặc bất cứ điều gì bạn muốn.

20. Feature a Page Widget

Plugin đơn giản Feature a Page Widget cho phép bạn thêm một trang như là một trang đặc trưng trong WordPress sidebar của bạn. Feature a Page Widget cho phép bạn hiển thị tiêu đề trang, hình ảnh đặc trưng, và đoạn trích.

Feature a Page Widget

21. Envira Gallery

Envira Gallery là một bộ sưu tập WordPress plugin dễ tương thích. Nếu bạn là một nhiếp ảnh gia hay một đam mê nhiếp ảnh, thì đây là plugin hoàn hảo cho bạn để giới thiệu bộ sưu tập ảnh của mình trong một widget sidebar.

Envira Gallery

22. Date and Time Widget

Có lẽ cách dễ nhất cho người mới bắt đầu là hiển thị ngày hiện tại và giờ trên trang web WordPress của họ. Plugin này sử dụng thời gian bạn đã chọn trong WordPress Settings » General.

Date and Time Widget

Bạn có thể chọn thời gian và định dạng ngày, phông chữ và màu nền tùy theo giao diện thiết kế.

23. Google Calendar Events

Plugin này giúp cho việc hiển thị lịch sự kiện trên trang web WordPress của bạn trở nên dễ dàng hơn. Bạn có thể tạo các sự kiện bằng cách sử dụng Google Calendar và sau đó đồng bộ lịch với các plugin để hiển thị lịch trên trang web.

Google Calendar Events

Widget Google Calendar Events có thể giúp ích cho tổ chức phi lợi nhuận khi họ muốn hiển thị các sự kiện của mình.

24. Display Recently Registered Users Widget

Trên một trang web mà có rất nhiều người dùng, bạn có thể muốn hiển thị người dùng đăng ký gần đây. Plugin này cung cấp một cách dễ dàng hơn để hiển thị người dùng của bạn đăng ký gần đây trong một widget.

Display Recently Registered Users Widget

Bạn có thể chọn để hiển thị người dùng gravatar, tham gia ngày và liên kết đến trang của tác giả sử dụng trong WordPress.

25. WordPress Popular Posts

Giống như tên gọi của nó, WordPress Popular Posts Plugin cho phép bạn để hiển thị bài viết phổ biến nhất của trang web trong một widget đẹp và dễ nhìn.

WordPress Popular Posts

Bạn có thể hiển thị bài viết phổ biến theo lượt xem hoặc hiển thị bài viết phổ biến theo số bình luận.

26. Cryptocurrency Widgets Pro

Cuối cùng trong danh sách là một Plugin Widget phù hợp với những trang web hướng đến tiền điện tử.

Cryptocurrency Widgets Pro