Plugin tạo widget cố định (Sticky widget) khi cuộn trang

Widget cố định hay Sticky widget thật sự hữu dụng khi bạn muốn làm nổi bật banner quảng cáo hay dịch vụ của mình .

Trong bài viết này mình sẽ chia sẻ tới các bạn plugin Q2W3 Fixed Widget giúp cố định widget mà website mình đang sử dụng.

Cài đặt plugin

Truóc tiên các bạn sẽ cần cài đặt và kích hoạt plugin Q2W3 Fixed Widget .

Plugin tạo widget cố định (Sticky widget) khi cuộn trang
Plugin tạo widget cố định (Sticky widget) khi cuộn trang

Cấu hình Sticky widget

Truy cập vào Giao diện => Fixed Widget Options .

Plugin tạo widget cố định (Sticky widget) khi cuộn trang
Plugin tạo widget cố định (Sticky widget) khi cuộn trang

  • Margin Top: là khoảng cách của Widget với lề bên trên . Thay đổi thông số này sao cho phù hợp với theme bạn đang sử dụng, tránh việc chèn đè lên một số đối tượng khác.
  • Margin Bottom: là khoảng cách của Widget với lề bên dưới cùng
  • Disable Width (vô hiệu hóa chiều rộng): Bạn có thể đặt thông số theo giá trị bằng “px” để khi chiều rộng màn hình trên thiết bị di động nhỏ hơn giá trị được chỉ định thì plugin này sẽ bị tắt và không hiển thị cuộn theo trang.
  • Disable Height (vô hiệu hóa chiều cao): Bạn có thể đặt thông số theo giá trị bằng “px” để khi chiều cao màn hình trên thiết bị di động nhỏ hơn giá trị được chỉ định thì plugin này sẽ bị tắt và không hiển thị cuộn theo trang. .
  • Các thông số khác:  bạn có thể để mặc định mà không cần thay đổi .
 

Lưu ý : Nếu bạn có sử dụng một Plugin nào đó tạo cache cho Blog của mình thì nhớ xóa bộ nhớ cache sau khi thực hiện một số thay đổi trên.

Tạo Sticky widget ( Widget cố định)

Bạn vào Giao diện =>Widget sau đó chọn một Widget cần cố định khi cuộn trang . Tích vào mục “Fix Widget”  nhấn Save để lưu thiết lập.

Kết quả widget của bạn sẽ cố định như này 

 

 

Thế thôi

Vậy là xong, tạo widget cố định cho Blog của mình thật đơn giản phải không nào? Hẹn gặp lại các bạn trong bài viết tiếp theo !

0 0 vote
Article Rating
Nhận thông báo qua email
Nhận thông báo cho
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x