Tìm hiểu về widget và cách chèn widget vào website.

Ngày đăng: 12 - 03 - 2020 Lượt xem: 836 lượt

Trong bài viết này, chúng ta cũng tìm hiểu về WordPress widget và chức năng cũng như cách chèn widget vào website. Widget là một trong những tính năng mạnh mẽ và thú vị của WordPress.

Widget là gì?

Trong một giao diện của website wordpress luôn có những vị trí được thiết lập sẵn để chúng ta có thể chèn vào những nội dung hay những tiện ích để phục vụ cho quá trình hoạt động của website như:

  • Ô tìm kiếm (Search), dùng để kiếm tìm nội dung theo từ khoá trên web
  • Chuyên mục (Categories), sử dụng để hiển thị các chuyên mục của website
  • Mây thẻ (Tags Cloud), dùng để hiển thị các thẻ của website
  • Danh sách bài viết mới
  • Danh sách sản phẩm mới
  • Lọc sản phẩm
  • Một đoạn văn bản hoặc đoạn code

Những tiện ích này, có thể được đóng gói thành widget và có thể gọi chúng ra ngoài trang chủ đặt vào vị trí tuỳ ý dựa trên bố cục của giao diện. Tuỳ vào giao diện và các plugin được cài đặt, sẽ có các bộ widget đi kèm để hỗ trợ cho giao diện cũng như plugin.

Cách chèn widget vào website

Trước khi chèn WordPress widget, chúng ta cùng tìm hiểu về bố cục cơ bản của một giao diện wordpress đã nhé. Hình bên dưới, mình mô tả một mố cục cơ bản của giao diện wordpress. Bố cục này sẽ khác nhau tuỳ từng mẫu giao diện. Chẳng hạn như nó sẽ có một side bar bên trái hoặc một Top bar phía trên header để mình chèn widget,…

Vậy thì theo bố cục như hình dưới, mình sẽ có 2 chỗ đặt widget là sidebar widget và footer widget. Và tương ứng trong phần quản trị widget, nó sẽ cho phép bạn tuỳ chọn vị trí để đặt widget vào. Để biết rõ hơn mời bạn xem tiếp nhé!

chèn WordPress widget

Cách cài đặt WordPress widget

Để sử dụng được WordPress widget, các bạn vào menu Giao diện > Widget. Tại đây, bạn sẽ thấy 2 phần như sau: Bên trái là tất cả các widget có trên website của bạn bao gồm widget mặc định và các widget khác. Nó được tự động thêm vào khi bạn cài đặt giao diện hoặc plugin. Bên phải là vị trí của các widget trong giao diện đang dùng.

Có những giao diện phức tạp sẽ chia ra rất nhiều vị trí widget khác nhau. Tạm thời với giao diện mình đang dùng, chúng ta sẽ thấy bên phải có 4 vị trí widget gồm 1 vị trí Sidebar bên phải và 3 vị trí cuối trang.

Để chèn widget vào các vị trí này, bạn chỉ cần kéo giữ các widget bên trái qua 1 trong các vị trí bên phải là được. Một vị trí có thể chèn rất nhiều widget khác nhau. Mình sẽ chèn thử 4 widget vào 4 vị trí như bên dưới nhé!

Tìm hiểu về widget và cách chèn widget vào website.

Cách cài đặt WordPress widget

Tuỳ từng loại WordPress widget mà mình phải cấu hình nội dung cho nó. Bạn nhấp mũi tên phía bên phải từng widget và chỉnh sửa nội dung cho nó như sau. Sau mỗi bước chỉnh sửa nhớ nhấn nút Lưu thay đổi nhé!

Tìm hiểu về widget và cách chèn widget vào website.

Bây giờ, bạn có thể ra ngoài trang chủ để xem những thay đổi có giống như mình đã bố trí widget không nè.

Tìm hiểu về widget và cách chèn widget vào website.

Tổng kết

WordPress widget là một tiện ích đi kèm với giao diện và plugin. Nhằm mục đích trang trí cũng như chèn thêm tính năng cho website wordpress. Hy vọng với bài viết này, bạn đã phần nào hiểu về widget và cách sử dụng của nó. Chúc các bạn thành công!

5 1 vote
Đánh giá bài viết

guest
1 Bình luận
Bình chọn
Mới nhất Cũ nhất
Inline Feedbacks
View all comments
Hân

Em đang muốn tạo widget ở sidebar, nhưng trước đó đã tạo widget ở footer, vì vậy, có cách nào để đổi lại không ạ, em không biết làm

Bài viết liên quan

Xoá bài viết trong trang quản trị WordPress với AJAX

Xoá bài viết trong trang quản trị WordPress với AJAX

05 - 04 - 2022

Bạn có muốn xoá bài viết trong trang quản trị WordPress mà không cần tải lại trang không? Nếu...

Tạo bộ lọc theo tác giả và taxonomy trong trang quản trị WordPress

Tạo bộ lọc theo tác giả và taxonomy trong trang quản trị WordPress

26 - 03 - 2022

Điều gì sẽ xảy ra nếu bạn có quá nhiều bài đăng trên blog của mình? Làm cách nào...

Chuyển hướng người dùng đến trang trước khi đăng nhập trong WordPress

Chuyển hướng người dùng đến trang trước khi đăng nhập trong WordPress

23 - 03 - 2022

Bạn muốn chuyển hướng người dùng đến trang họ đang xem trước khi đăng nhập. Có thể sẽ có...

Hiển thị lần đăng nhập cuối cùng của người dùng

Hiển thị lần đăng nhập cuối cùng của người dùng

21 - 03 - 2022

Bạn đang phát triển một website có tính năng quản lý người dùng? Và bạn có nhu cầu muốn...

Thay đổi logo WordPress ở trang đăng nhập mà không cần plugin

Thay đổi logo WordPress ở trang đăng nhập mà không cần plugin

19 - 03 - 2022

Thông thường, WordPress cung cấp logo mặc định trên màn hình Đăng nhập, Đăng ký, Quên mật khẩu... Nhưng...

Cách chuyển hướng người dùng sau khi đăng nhập thành công

Cách chuyển hướng người dùng sau khi đăng nhập thành công

17 - 03 - 2022

Khi phát triển website về thành viên, một trong những vấn đề phổ biến nhất bạn cần nghĩ đến...

1
0
Would love your thoughts, please comment.x
()
x