Npcink Blog
切换菜单

精彩的网站信息引导卡片 - wordpress 区块

可以在网站需要的位置展示网站的相关资源统计信息,还可以根据具体需要修改相关文本和图片,从而在 wordpress 等网站中中实现各种有趣的用法,贴心的配置了一个按钮,吸引你的访客来点击

本页目录4 节

这是一款有趣的信息引导快,可以在网站需要的位置展示网站的相关资源统计信息,还可以根据具体需要修改相关文本和图片,从而在 WordPress 等网站中中实现各种有趣的用法,

贴心的配置了一个按钮,吸引你的访客来点击。

效果是这样:

效果演示

补充

可以通过 CSS 在数字的右上角加一个小小的“+”符号,添加以下 css 代码即可。

.site-data-wp span::after {
content: '+';
font-size: 18px;
position: absolute;
line-height: 1;
padding-left: 3px;
/*opacity: 0;*/
transition: 0.3s;
}

如何使用?

点击下方的 Demo 按钮,右击鼠标查看源代码,根据代码注释复制代码到自己需要的地方,例如古登堡的 HTML 区块或是小工具里面的“自定义 HTML”,另外,记得看代码注释哦(。・∀・)ノ

图标推荐?

只有一个还不够?您还可以来看看这款 WordPress 区块分享的引导卡片: