纯代码实现WordPress侧栏跟随固定浮动效果

网站页面的侧栏不但填充了边缘的空白区域,同时可以通过小工具展现一些内容对于来访者也更加友好,但是很多时候侧栏位置都固定不变,对于较长的文章或者页面来说,滑动到底部区域,侧栏工具就滑动到了上方,侧栏将会呈现空白状态,很是不友好,也很难看。

当然很多插件可以实现这个功能(比如Q2W3 Fixed Widget),但是本着无插件万岁的原则,国庆有空捣鼓了下网站主题,实现了 侧栏 跟随固定浮动效果(可以选择想要跟随的小插件),基本实现了Q2W3 Fixed Widget插件的功能

不多说先上代码

代码直接放在主题文件的footer.php对应位置就可以了

说明一下,这个代码的针对性较强,这儿的代码仅仅适用与loper主题,其他主题的话不适合小白操作,里面的id/class名,以及设置的css属性的宽度和排版位置需要查看自己主题的侧栏的属性手动设置,相当于这儿提供了一个模板,加了注释的地方都需要自己仔细对照主题修改一下

懒得折腾的可以区后台搜索Q2W3 Fixed Widget插件安装,启用后,所有小工具都会有一的Fixed Weight选项,勾选上就可以实现相同的效果,插件用法可以参考这儿wordpress大学

图片演示

纯代码实现WordPress侧栏跟随固定浮动效果

如上图所示具体效果的话博主的侧栏就是一个很好的Demo哦 纯代码实现WordPress侧栏跟随固定浮动效果

历史上的今天:


繁夜