MorFans Dev
折腾 - 开发 - 分享

Https 安全链接 添加侧边栏提醒代码分享

Https 安全链接 添加侧边栏提醒代码分享

众所周知,Https除了安全性更高这一好处外,HTTPS对SEO也是有一定益处的百度不说话。但是可能由于之前有别的网站引用了我们网站的URL,所以一部分用户访问还是以HTTP形式进入的,而QQ邮箱订阅有不支持HTTPS,所以我们不能完全禁用HTTP,不如再侧边栏加一个提醒,当用户点击后,自动跳转到HTTPS,是不是非常机智呢,我都被我自己的才华吓到了 😯

先上效果图:

代码:

先在主题style.css中添加:

.ishttps {
    background-color: #2ecc71;
    padding-top: 5px;
    border-radius: 2px;
    color: #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,.1);
}

.nothttps {
    background-color: #d9534f;
    padding-top: 5px;
    border-radius: 2px;
    color: #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,.1);
}

.nothttps:hover {
    color: #fff;
    background-color: #e6162d;
}

.ishttps:hover {
    color: #fff;
    background-color: #24ae5f;
}

.warn-content {
    padding: 15px;
}

然后侧边栏小工具中添加:[这是html代码,随便加哪都行]


    

😯 至于效果..就不演示了 等我博客全面Https时你们自己看 啦啦啦

赞赏
魔帆博客,版权所有 | 如未注明,均为原创
本站均采用 BY-NC-ND 协议 (署名-非商业性使用-禁止演绎) 进行授权。
转载请注明来自本站文章:Https 安全链接 添加侧边栏提醒代码分享(https://www.morfans.cn/archives/1402)

野小新

文章作者

野小新很野~

发表回复

textsms
account_circle
email

Https 安全链接 添加侧边栏提醒代码分享
众所周知,Https除了安全性更高这一好处外,HTTPS对SEO也是有一定益处的百度不说话。但是可能由于之前有别的网站引用了我们网站的URL,所以一部分用户访问还是以HTTP形式进入的,而QQ邮箱…
扫描二维码继续阅读
2016-02-19