简单清爽的快速引导卡片 - WordPress 区块

这次分享一款简单清新的引导卡片，虽然没有响应式布局，但其恰到好处的动效定会让你和你的访客们眼前一亮，虽然没有图片，但简单直白的文字却能更加精准的传达信息，快速引导您的访客们访问他们需要的页面。

这次的 WordPress 区块教程就分享这张卡片。

• 代码来源：鲸传播

卡片预览：

注意哦，没有响应式，你可以自己用媒体查询让其在移动端隐藏，例如这样：

1
<style type="text/css">
2
@media only screen and (max-width: 500px) {
3
    .hide_sm {
4
        display: none;
5
    }
6
}
7
</style>

如何使用？

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

同一网站出来的卡片，在以下 WordPress 美化教程中有分享：