精彩的引导卡片 - WordPress区块

简单却酷炫的优雅卡片，仅由HTML和CSS实现，无论是手机、平板还是计算机电脑，她将始终舒适优美的展示给您的wordpress网站访客

这样有趣的效果实现仅有4.74KB，仅由HTML和CSS实现，无论是手机、平板还是计算机电脑，她将始终舒适优美的展示给您的访客。在这次分享的wordpress美化中理论上，您可以将她放到任何位置。

代码来源：https://www.zaxu.com/theme/

效果如下

现在起，让您的站点焕然一新

发现精彩主题，一次购买永久使用

如果点击咨询购买按钮无法唤起QQ，请手动添加QQ1355471563（请注明主题咨询）

注意事项

其中一个按钮提供了拉起QQ的功能，这在《百度搜索白皮书》中是不提倡的，还请各位站长依具体情况进行修改。

使用方法

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

视频教程

我准备了两份教程，一份是默认用户，一份是B2主题的用户。

默认用户

点击文章底部提供Demo按钮后，在打开的页面中点击鼠标右键查看源代码，根据代码注释复制需要的代码。将代码中的内容修改成自己的，然后在wordpress后台 → 页面 → 新建页面，如下图：

选择区块 → 格式 → 自定义HTML，将下载的文件用记事本打开，将打开的文件中的内容全部复制，黏贴至区块中。

发布此页面后即可看到演示效果

B2用户

基于强大的B2主题，B2用户可以拓展更多有趣的玩法。在首页模块中添加新的模块，在 调用内容 中选择广告位模块，如下图：

将代码中的相关信息修改为自己的内容后填充即可。

代码及如何修改如下：

如果你使用VS Code或者其他的代码工具（文本文档）打开文件，请你注意以下几行：

1号和4号的白字可更换为您自己的文字，

2号处的数字可更换为自己的QQ号码，为主题咨询打开的链接。

3号处的链接请更换为自己需要的URL地址，对应主题发现按钮。

黑灰版

这一版加了背景图片，截图可能看的不是很明显。

感觉这一版太华丽了？想要一个简单点的，最好还是能放在小工具的那种？满足你，您可以参考下文的wordpress美化教程：