仿优设四格大气引导区块 - wordpress区块

分享的这一款精致的首页四格通过图文混排的方式将各种繁杂的信息有序的呈现在您访客面前,极大的提升了访客获取信息效率

如何在有限的空间中将各种不同的信息有机的组合起来并呈现给您的访客,这是一个问题,今天分享的这一款精致的首页四格通过图文混排的方式将各种繁杂的信息有序的呈现在您访客面前,极大的提升了访客获取信息效率。

优设的四格长这样:

仿优设四格大气引导区块 - wordpress区块

看着就很舒服,很精致,我就想模仿下来,实际操作发现他的代码太过繁琐,只能放一放。

意外发现一个网站有着类似的效果,长这样:

仿优设四格大气引导区块 - wordpress区块

两者看起来差不多,功能也类似,我就再试试,你们那仿下来,如你所见,结果还是很顺利的,我模仿的在2017主题网站中的实际效果如下:

仿优设四格大气引导区块 - wordpress区块

因为两侧的滑动功能使用了JS,我就去掉了。

如何使用?

点击下方的Demo按钮,右击鼠标查看源代码,根据代码注释复制代码到自己需要的地方,例如古登堡的HTML区块或是相关主题文件,另外,记得看代码注释哦(。・∀・)ノ

图标?

图标可参考下面这篇教程;

仿优设四格大气引导区块 - wordpress区块-Npcink
仿优设四格大气引导区块 - wordpress区块-Npcink

怎么引用阿里巴巴矢量图标库彩色图标? - WordPress教程

我这里还准备了其他有趣的四格:

仿优设四格大气引导区块 - wordpress区块-Npcink
仿优设四格大气引导区块 - wordpress区块-Npcink

实用的首页四格模块 - WordPress区块

仿优设四格大气引导区块 - wordpress区块-Npcink
仿优设四格大气引导区块 - wordpress区块-Npcink

WordPress美化 - 动态4格广告

下载权限

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

查看演示

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

wordpress开发 - 获取文章作者相关信息标签代码汇总

2020-2-10 22:09:00

国内主题

Buff - 简约自然风WordPress博客主题

2020-3-2 8:03:00

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

    移动端怎么显示呢?

    • Muze

      没有适配移动端噢,得自己想办法了

  2. 慕沐

    没有图标

    • Muze

      不同的行业栏类目,对图标的要求也是不一样的,推荐您自己添加哦

  3. 柒喵

    😜蛮不错的

  4. fjjda

    这个没法在移动端显示吗?

    • Muze

      理论上是可以的,你试试看

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