Tạo sticky sidebar giúp cho sidebar ghim vào vùng hiển thị mà hình sẽ giúp website đỡ trống trãi và các nội dung quan trong luôn bảo đảm đập vào mắt người dùng
Hôm nay mình giới thiệu cach stick 1 Widget đơn giản chỉ với 2 thao tác

Plugin Widget CSS Classes Cách tạo sticky sidebar bằng css cho wordpess
Thống kê bài viết
B1: bạn cần tìm ra class hoặc id của sidebar hoặc block nào đó trên sidebar mà bạn cần ghim nhé
Bạn có thể F12 trong Chrome để view id hoặc class cần fix, hay đơn giản hơn là cài plugin Widget CSS Classes và đặt tên class cho widget như hình dưới

B2: Css lại class cần sticky như sau:
ví dụ cần sticky class sidebar
1 2 3 4 5 |
.sidebar { position:sticky; position:-webkit-sticky; top:5%; } |
CÓ THỂ BẠN QUAN TÂM
- Black Friday tại interdata giảm 80% giá host 09/2023
- Hostvn Sale sập sàn – Ngày vàng giảm lớn 79% 09/2023
- Tặng Free domain.club hoàn toàn miễn phí 09/2023
- Hiệu ứng chuyển màu (Gradient) với CSS3 09/2023
- Code đếm lượt truy cập – không dùng plugin trong wordpress 09/2023
- Mừng giải phóng – Nhận deal nóng giảm đến 50% 09/2023
Xong rồi nhé , Chúc bạn thành công
Note : Plugin có thể Download bên SideBar