Hoàng Web

Thiết Kế Website WordPress

  • Kho giao diện
  • Dịch Vụ
    • Thiết kế web giá rẻ
    • Thiết kế website WordPress
    • Hosting Miễn Phí 100GB
    • Tích hợp thanh toán MoMo, ViettelPay, Vietcombank, MB..
    • Tối ưu Google PageSpeed
    • Sửa lỗi nâng cấp website
    • Viết plugin WordPress
    • Code Tool theo yêu cầu
  • Bảng giá
  • Quy trình làm việc
  • Giới thiệu
  • Liên Lạc
Trang chủ » Wordpress » Cách tạo một “Sticky” cố định trượt dọc trên Sidebar wordpress

Cách tạo một “Sticky” cố định trượt dọc trên Sidebar wordpress

Thứ Bảy, 09/08/2014 by Hoàng Quách

  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Chào các bạn đã quay trở lại tutorial của mình, trong bài hôm nay mình sẽ hướng dẫn các bạn tạo một Sticky Widget cố định được trượt dọc trên sidebar của website wordpress.

Sticky widget là gì? các sticky widget được hiểu là một thành phần trên web được cố định ở trên đỉnh trang web khi thanh cuộn trượt và bắt đầu làm che khuất phần nội dung của nó thì widget cố định lại. Các bạn có thể xem qua video này để thấy rõ hoạt động của sticky widget nhé:

Tại sao chúng ta lại dùng Sticky widget, mục đích để làm gì?
Cố định các nội dung quan trọng làm thu hút tới người dùng hay các quảng cáo nhằm thu hút lượt kích chuột. Chúng có thể thấy những thành phần có thể tạo sticky như thanh header, sidebar widget…

Cách tạo một sticky widget cố định trượt dọc trên sidebar wordpress

Đầu tiên bạn cài đặt và kích hoạt plugin Q2W3 Fixed Widget (Sticky Widget). Cài đặt đã xong tất đơn giản phải không, truy cập vào Appearance » Widgets , chọn vào widget bạn muốn tạo sticky. Bạn sẽ thấy xuất hiện lựa chọn fixed widget ở phía cuối mỗi widget được plugin can thiệp. Check vào option đó và nhấn Save.

sticky widget cố định trượt dọc trên sidebar

Mở lại trang và cuộn thanh cuộn qua lại bạn sẽ thấy widget trượt dọc theo thanh cuộn một cách đầy hưng phấn.

Ngoài việc cho phép tạo các Sticky widget trên sidebar, plugin cũng hỗ trợ thiết lập sticky widget cho các vị trí khác nhau dựa vào thiết lập css và hỗ trợ cho cả thiết bị di động. Tiến hành vào trang cấu hình plugin Appearance » Fixed Widget Options để tiến hành cài đặt nhé.

Cài đặt sticky widget

Trên trang này, bạn có thể thiết lập thuộc tính margin, thậm trí loại bỏ tính năng stick widget trên thiết bị điện thoại và máy tính bảng. Ở phiên bản mới có thêm một vài tính năng khác như chỉ kích hoạt sticky widget khi user đã logined. Kiểm tra có xung đột với mã javascript sticky khác..

Mọi thắc mắc bạn vui lòng đừng ngại để lại comment ha.

Hãy cho mình biết suy nghĩ của bạn trong phần bình luận bên dưới bài viết này. Hãy theo dõi kênh chia sẻ kiến thức WordPress của Hoangweb trên Twitter và Facebook

  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Bài liên quan:

  • Cách tạo & chèn Gallery Video cho WordPress
    Cách tạo & chèn Gallery Video cho WordPress
  • Tổng hợp video hướng dẫn Prestashop từ cơ bản đến nâng cao
    Tổng hợp video hướng dẫn Prestashop từ cơ bản đến nâng cao
  • Cài đặt và cấu hình WordPress SEO by Yoast từ A đến Z
    Cài đặt và cấu hình WordPress SEO by Yoast từ A đến Z
  • Wordpress SEO cơ bản - Tăng xếp hạng tìm kiếm
    Wordpress SEO cơ bản - Tăng xếp hạng tìm kiếm
  • Click ảo là gì? Cách Chặn click ảo và Hạn chế click tặc 80%
    Click ảo là gì? Cách Chặn click ảo và Hạn chế click tặc 80%
  • Top plugin tạo trang kéo thả cho WordPress
    Top plugin tạo trang kéo thả cho WordPress

Chuyên mục: Wordpress

Đăng ký nhận bài viết mới

Vui lòng điền chính xác email ở bên dưới để nhận thông báo bài viết mới.

Bạn đã đăng ký thành công!

Lỗi! hãy làm lại.

thông tin của bạn được 100% bảo mật...

Tôi giúp gì cho bạn?

Nhận bài viết mới

Vui lòng điền chính xác email ở bên dưới để nhận thông báo bài viết mới.

Cám ơn bạn đã đăng ký.

Lỗi, hãy làm lại

thông tin của bạn được 100% bảo mật...

HOÀNG WEB

Địa chỉ: Tây Sơn, Phường Quang Trung, Quận Đống Đa, Hà Nội

Hotline: 0987 342 124 – 0868 292 303 (8h:00 – 21h:00)

Email: hoangweb24@gmail.com

Website: www.hoangweb.com

KẾT NỐI VỚI TÔI

  • Facebook
  • GitHub
  • YouTube

SẢN PHẨM

  • Plugin Thanh Toán Quét Mã QR Code Tự Động
  • WP2Speed – Tối ưu Google Speed
  • 23WebHost – Hosting Miễn Phí 100GB

LIÊN KẾT

  • Có nên thuê thiết kế website giá rẻ?
  • Hướng dẫn thanh toán
  • Chính sách hoàn tiền
  • Trung tâm hỗ trợ

Copyright © 2022 | All rights reserved | HOANG WEB
Mọi hình thức sao chép nội dung trên website này mà chưa được sự đồng ý đều là trái phép.