给你的网站添加一个Ctrl+D收藏引导
前言
现在很多网站都有以下截图的Ctrl+D收藏的引导图片,这次就教大家如何用代码实现。
截图
教程
在 wp 后台打开外观 - 小工具,然后将下面代码用自定义 HTML 添加至底部小工具即可,如果是想在每一个页面都加上这个,就在主题根目录下的footer.php
文件里的末尾添加以下代码即可。
- 默认是黑色的底色,如果不喜欢黑色底色可以替换 #18222b 颜色代码
- 文本内容也可自己根据自己的需求来适当修改
代码
<style type="text/css">
#go-fav {
width: 100%;
height: 60px;
line-height: 60px;
text-align: center;
background: #18222b;
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="https://www.xrbk.cn/" rel="nofollow noopener" target="_blank"> 发现更多 </a></div>
提示:本文最后更新于2024年 2月 27日,如有错误或者已经失效,请留言告知。
THE END