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

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

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

不多说先上代码

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

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

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

图片演示

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

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

繁夜

发表评论


头像速览

:[傲慢]::[白眼]::[鄙视]::[擦汗]::[呲牙]::[大兵]::[得意]::[发呆]::[发怒]::[奋斗]::[鼓掌]::[哈欠]::[憨笑]::[坏笑]::[惊讶]::[可爱]::[可怜]::[酷]::[困]::[冷汗]::[流汗]::[流泪]::[难过]::[撇嘴]::[敲打]::[色]::[衰]::[偷笑]::[微笑]::[吓]::[疑问]::[阴险]::[晕]::[咒骂]::[菜刀]::[玫瑰]::[凋谢]::[礼物]::[拥抱]::[炸弹]::[强]::[弱]::[握手]:

目前评论:1   其中:访客  1   博主  0

    • 拽立网 拽立网 3    来自「广东省深圳市龙岗区 」的朋友 Google Chrome Windows 10

      :[色]: 6666666666,这个功能好啊,我也要试试效果!谢谢分享 :[憨笑]: