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

简单实用的四格美化教程,轻松好用的wordpress区块教程

这次带来的wordpress美化是一款起快速导航作用的四格模块,可以将其放在首页的相关位置,在有限的空间里以充满乐趣的方式来展示丰富引导内容,

美化的效果如下:

实用的首页四格模块 - WordPress区块
四栏
实用的首页四格模块 - WordPress区块
三栏居中

如何使用

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

视频教程

如果还是不了解如何使用的话,可以下载文章底部提供的“演示压缩包”,依据代码注释替换相关图片和文本即可。

唠叨一下

代码中有许多地方需要自己添加图片,我已经标注出来了,大家可以点击下方的Demo查阅源代码,将复制到的代码放到自己wordpress主题的根目录下的index.php文件的相关位置即可。

因为是针对B2主题开发的模块,在其他主题上使用需要自行修改部分样式代码。

如果是B2主题的话,可以依据代码注释,将复制的代码放到广告模块即可。

找图标?

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

Iconfont - 阿里巴巴矢量图标库

插图片太麻烦?

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

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

下载权限

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

查看演示

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

Code Syntax Block - 最简单的WordPress代码高亮插件

2020-3-8 10:58:00

插件

WordPress Mini Program API - WordPress 连接小程序应用数据插件

2020-4-2 1:48:59

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

    很给力阿!!!!

  2. kerm

    非常厉害

  3. 郭哥

    积分太少

    • Muze

      如果你有时间:每天坚持来签到,可以免费得积分
      如果你有钱:可以用钱买积分,简单快捷
      (。^▽^)

  4. 14k

    都不错没有积分了可惜呀

    • Muze

      每天签到可以领取积分哦(。^▽^)

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