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

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

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

效果是这样:

精彩的网站信息引导卡片 - 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区块-Npcink
精彩的网站信息引导卡片 - wordpress区块-Npcink

wordpress美化 - 引用阿里巴巴矢量图标库

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

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

精彩的引导卡片 - WordPress区块

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

杉小寒精致的会员卡片 - wordpress区块

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

价格引导卡片区块 - WordPress区块

下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

查看演示

  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余

wordpress开发 - 怎么用纯代码记录搜索引擎蜘蛛的爬行记录?

2020-3-23 23:50:08

网站滚动播报小工具区块 - WordPress区块

2020-2-9 5:32:00

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 1355471563#qq.com 或点击右侧 私信:Muze 反馈,我们将尽快处理。
5 条回复 A文章作者 M管理员
  1. 暮辰

    好好看,感谢

  2. 北陌

    可惜不能数字动态变化

    • Muze

      发挥自己的创意和脑洞,可以实现的哦

  3. 北陌

    我积分不够了,所以试试回帖能不能加积分

    • Muze

      水评论可不行哦

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索