首页 » 建站手册 » Lonesome主题遇到的一些问题排查解决

Lonesome主题遇到的一些问题排查解决

谷歌已收录,更新于2019年06月18日; 如遇到问题,请留言及时通知站长; 欢迎加入 三生三世,讨论各种问题!

说明

本文较为枯燥,可能你们从来没遇到过这种问题,今天只是做一下记录,万一以后遇到类似问题,可以找到措施。

首页谷歌广告错乱

这部分,谷歌广告一般是正常的,即上下左右都很美观,毕竟自己写的样式。但是多次访问,偶尔会发现下面贴底到文章了。中间各种尝试,广告style里写样式,div写样式,都不行,均会被自动生成的内部样式替换。后来,突然想起来!important的作用,操作后,果然生效!!!

emmm,可能需要注意下样式权限:css文件靠后加载的比靠前加载的文件权限高,div内部样式比css文件权限高,html内样式比css文件权限高,!important样式权限最高!!!

CSS优先级对照表

下面是用到的样式,直接把我给谷歌广告设置的div,用!important强制执行规定样式。

.post.col-sm-6.hentry.ads {
    margin-bottom: 60px!important;
    width: 100%!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
}

通过以上代码解决后,首页广告加载正常,不会再出现错乱的情况了!

侧边栏滑动固定

毕竟纠结时间长的一个问题是,当我文章过长时,文章页面右侧固定的边栏在快滑动到评论区时,偶尔出现无法固定的情况。网上又找了其他js,均无法解决,而且不如主题自带的效果好。最后,通过F12发现,应该是js的某个判断导致。最后,找到js语句修改了下判断方式,问题得到解决。

下面是主题的源代码

<!-- 文章内页侧边栏浮动 -->
<script type="text/javascript">
$(function() {
    var top = $('.widget-fixed').offset().top - parseFloat($('.widget-fixed').css('marginTop').replace(/auto/, 0));
    var footTop = $('.site-footer').offset().top - parseFloat($('.site-footer').css('marginTop').replace(/auto/, 0));
    var maxY = footTop - $('.widget-fixed').outerHeight();
 
    $(window).scroll(function(evt) {
        var y = $(this).scrollTop();
        if (y > top) {
            if (y < maxY) {
                $('.widget-fixed').addClass('fixed').removeAttr('style');
            } else {
                $('.widget-fixed').removeClass('fixed').css({
                    position: 'absolute',
                    top: (maxY - top) + 'px'
                });
            }
        } else {
            $('.widget-fixed').removeClass('fixed');
        }
    });
});
</script>

下面是删除一个判断后的源码,emmm,问题得到了解决!!!

<!-- 文章内页侧边栏浮动 -->
<script type="text/javascript">
jQuery(document).ready(function($) {
    var top = $('.widget-fixed').offset().top - parseFloat($('.widget-fixed').css('marginTop').replace(/auto/, 0));
    var footTop = $('.site-footer').offset().top - parseFloat($('.site-footer').css('marginTop').replace(/auto/, 0));
    var maxY = footTop - $('.widget-fixed').outerHeight();
 
    $(window).scroll(function(evt) {
        var y = $(this).scrollTop();
        if (y > top) {
            if (y < maxY) {
                $('.widget-fixed').addClass('fixed').removeAttr('style');
            } 
        } else {
            $('.widget-fixed').removeClass('fixed');
        }
    });
});
</script>

侧边栏固定bug

后续说明

当然,每个主题,上手都要做一些改变,之前已经介绍过一篇我对Lonesome主题做的改变,可以点击查看

一个只会魔改主题,而不会制作主题的站长,专业扒各种网站的各种样式。希望每一位来到这里的访客,都能拿到你们需要的资源!

发表评论

已有 4 条评论

  1. 心灵博客 心灵博客说道:

    再好的主题其实都还是可以找出不少bug来的,厉害

    1. 枂下 枂下说道:

      其实,一般bug没那么多

  2. Eltrac Eltrac说道:

    黑冰大佬其实可以自己写主题的2333

    1. 枂下 枂下说道:

      并不可以,只想安静的魔改

最近动态查看

    利用短代码实现了文章正文任意位置插入[googleads],前端自动变为谷歌广告。这样,文章过长时,可以随意插入广告了。
返回主页看更多
赏杯咖啡给站长 支付宝 扫一扫