wordpress美化 - 实用的首页四格模块

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

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

美化的效果如下:

wordpress美化 - 实用的首页四格模块-Npcink

如何使用?

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

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

唠叨一下:

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

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

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

找图标?

wordpress美化 - 实用的首页四格模块-Npcink
wordpress美化 - 实用的首页四格模块-Npcink

Iconfont - 阿里巴巴矢量图标库

国内功能很强大且图标内容很丰富的矢量图标库

插图片太麻烦?

wordpress美化 - 实用的首页四格模块-Npcink
wordpress美化 - 实用的首页四格模块-Npcink

wordpress美化 - 在网站中引用阿里巴巴矢量图标库彩色图标的办法

这一次的wordpress美化教程我们就来看看如何使用阿里巴巴矢量图标库里的彩色图标吧。
最后更新: 2020-03-25

下载权限

查看
  • ¥{{right.value}}
    {{right.value}}
    免费下载
    评论后下载
    登录后下载

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

wordpress美化 - 柒比贰美化子主题版

2020-3-15 14:09:30

WP教程

wordpress美化 - 移动端的简单引导按钮

2020-3-15 16:16:37

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,未经Npcink作者或上传书面授权,请勿作他用。
若您的权利被侵害,请联系站长 QQ: 1355471563 或 点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索