给你的站点加一个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="/" rel="nofollow noopener" target="_blank"> 发现更多 </a></div>