给你的站点加一个Ctrl+D的收藏引导

发布时间 2023-09-14 11:58:26作者: HOMIE方方
前言:这个小东西就是引导用户收藏你站点的一个收藏提示
(样式图)

教程开始~

在 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="/" rel="nofollow noopener" target="_blank"> 发现更多 </a></div>