在装好wordpress后,发现一个小问题非常影响阅读体验,当我的文章内容过长时,往下滑,侧边的工具栏到底后也往下滑,最后就是右边工具栏空白,页面不美观,现在我要通过非插件只添加代码的方式使工具栏滑倒最底下的小工具后就固定,这样还有一个优点就是可以是广告固定,曝光率更高。非常感谢一位老哥提供的建议和方法,这是他的网站https://flblog.top/。
对比一下前后效果,第一个是设置前,第二个是设置后
可以看到设置固定后页面不会显得缺失,更充实,阅读效果更好。接下来叙述一下设置过程,很简单。
找到你的wordpress安装根目录,接下来在该目录找到wp-content目录并进入,找到themes目录并进入,这个目录是你的主题目录,你用什么主题就找到含有你主题名的文件夹,找到footer.php,在最下面body结束标签前加入下列代码,可以参考下面图放的位置,两个js文件下载[bdbtn]https://pan.imold.wang/wordpress/%E5%9B%BA%E5%AE%9A%E4%BE%A7%E8%BE%B9%E6%A0%8F[/bdbtn],下载好后放入到你的服务器或者云储存里,复制链接替换下面地址。
<!--固定侧边栏-->
<script type="text/javascript" src="此处填jquery.min.js文件的地址"></script>
<script type="text/javascript" src="此处填theia-sticky-sidebar.js文件的地址"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.sidebar').theiaStickySidebar({
// Settings
additionalMarginTop: 30
});
});
</script>
添加后保存就可以了,注意上面js的地址不要填错。
Comments 4 条评论
博主 学不会Python不改名
请问下字体在哪儿弄呐还有页脚的时间代码可以分享下嘛 大佬!!!!!
博主 瓢 阿兮
@学不会Python不改名 加这个主题官方群784229925问一下
博主 n0099
纯css能够实现sticky就请尽量不要引入外部js库:https://github.com/vtrois/kratos/issues/324#issuecomment-867549651
博主 瓢 阿兮
@n0099 ok,我去研究一下