精彩的引导卡片 - WordPress区块

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

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

效果如下:

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

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

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

注意事项

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

使用方法

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

默认用户

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

精彩的引导卡片 - WordPress区块-Npcink

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

精彩的引导卡片 - WordPress区块-Npcink

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

B2用户

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

精彩的引导卡片 - WordPress区块-Npcink

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

代码及如何修改如下:

如果你使用VS Code或者其他的代码工具(文本文档)打开文件,请你注意以下几行:

精彩的引导卡片 - WordPress区块-Npcink
精彩的引导卡片 - WordPress区块-Npcink

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

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

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

黑灰版

精彩的引导卡片 - WordPress区块-Npcink
黑灰版

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

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

精彩的引导卡片 - WordPress区块-Npcink
精彩的引导卡片 - WordPress区块-Npcink

wordpress美化 - 小工具引导卡片

这款用于wordpress美化引导卡片继承前者优秀的配色,依然是自适应展示,按钮由两枚减少为一枚,文字的排版布局也进行了精简

下载权限

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

  • {{attr.name}}:
您当前的等级为
您有每天免费下载所有资源次的特权,今日剩余 已取得下载权限
WP区块

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

2020-2-9 5:32:00

WP区块

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

2020-3-2 11:04:00

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

    • 每天坚持签到就有免费积分哦

    • 我看到有会员系统了,会员可以无限制免费下载吗?

    • 可以部份内容免费下载噢,主要是美化内容和一些其他资源,主题的话也有一定优惠的

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