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

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

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

不多说先上代码

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

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

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

图片演示

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

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

繁夜

发表评论


:[微笑]::[撇嘴]::[色]::[发呆]::[得意]::[流泪]::[害羞]::[闭嘴]::[睡]::[大哭]::[尴尬]::[发怒]::[调皮]::[呲牙]::[惊讶]::[难过]::[酷]::[冷汗]::[抓狂]::[吐]::[偷笑]::[可爱]::[白眼]::[傲慢]::[饥饿]::[困]::[惊恐]::[流汗]::[憨笑]::[大兵]::[奋斗]::[咒骂]::[疑问]::[嘘...]::[晕]::[折磨]::[衰]::[骷髅]::[敲打]::[再见]::[擦汗]::[抠鼻]::[鼓掌]::[糗大了]::[坏笑]::[左哼哼]::[右哼哼]::[哈欠]::[鄙视]::[委屈]::[快哭了]::[阴险]::[亲亲]::[吓]::[可怜]::[笑哭]::[doge]::[泪奔]::[无奈]::[托腮]::[斜眼笑]::[喷血]::[惊喜]::[骚扰]::[小纠结]::[我最美]::[羊驼]::[幽灵]::[吃]::[OK]::[爱你]::[抱拳]::[勾引]::[强]::[弱]::[拳头]::[爱心]::[喝彩]::[西瓜]::[啤酒]::[玫瑰]::[凋谢]::[礼物]::[拥抱]::[月亮]::[菊花]::[棒棒糖]::[蛋]::[刀]::[菜刀]::[炸弹]::[手枪]:

刷新评论

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

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

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