【WP】側欄滑動固定欄位(浮動視窗) Sticky Sidebar / jQuery

這次要介紹的jQuery是Sticky Sidebar。

也就是像本頁左手邊側欄,有固定漂浮的效果。

讓它像跟屁蟲一樣,離不開你的網頁視窗!4步完成 ~



Sticky Sidebar

1. function.php 最下方加入:

 

2. sidebar.php 的 <?php dynamic_sidebar( ‘sidebar-1’ ); ?> 後方加入

 

3. 上傳 sticky-sidebar.js目前佈景/js/sticky-sidebar.js

 

4. 於 style.css 仿效 .sidebar 新增一個 .sidebar-convertible 

並新增

 

完成