网站底部添加 CTRL+D 收藏按钮 [教程]

效果预览

代码部署

1、将下面的代码添加在网站页脚底部或者在 WordPress 后台添加小工具，效果展示是一样的我是添加在小工具的
2、添加路径：在后台 >> 外观 >> 小工具 >> 自定义 HTML >> 选择你需要放的位置
所有页面-页脚区内部 添加下方代码

<!---CTRL+D 收藏小工具开始ziyuanstack.com--->
<style type="text/css">
#go-fav {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1)
}

#go-fav span {
    padding: 5px 10px;
    background: rgba(255, 197, 0, 1);
    border-radius: 5px;
    color: #202020;
    margin: 0 5px
}

#go-fav a {
    color: #aeaeae
}

#go-fav a:hover {
    color: var(--focus-color)
}
</style>
<div id="go-fav"> 赶紧收藏我们,查看更多心仪的内容？按<span>Ctrl</span>+<span>D</span>收藏我们 或<a class="find-more" href="/" rel="nofollow noopener" target="_blank"> 发现更多</a></div>
<!---CTRL+D 收藏小工具结束ziyuanstack.com--->