!
也想出现在这里? 联系我们
全球五大数据中心,CYUN提供海外优质服务器,CN2优化线路,为您的业务推进提供强大助力

柒比贰美化-首页仿优设四格界面修改代码

这是一篇针对7B2主题美化的教程

柒比贰主题首页仿优设四格界面修改代码

效果如下:

柒比贰美化-首页仿优设四格界面修改代码-Npcink

注意:

1.建议使用启用子主题的方式修改,以便添加css代码

2.后附下载地址,下载的内容是inc文件夹下functions-templates.php的代码,代码中添加了顶部的菜单双栏代码以及菜单距离往右的css代码

修改代码:

以上调试完成后图片显示会不正确,那是因为没有引用阿里巴巴矢量彩色图标库,引用方法参照:

柒比贰美化-首页仿优设四格界面修改代码-Npcink
柒比贰美化-首页仿优设四格界面修改代码-Npcink

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

这一次的wordpress美化教程我们就来看看如何使用阿里巴巴矢量图标库里的彩色图标吧。

还有一款简单的四格:

柒比贰美化-首页仿优设四格界面修改代码-Npcink
柒比贰美化-首页仿优设四格界面修改代码-Npcink

WordPress美化 - 动态4格广告

整理了一下带代码,制作了这一次的wordpress美化教程,因为有比较大的图片,还有一个灵趣的动效,在移动端看起来会很怪,就没做自适应了,推荐大家在移动端使用

下载权限

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

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

人已赞赏
WP教程

wordpress more标签指南

2018-10-18 21:24:54

随记

柒比贰主题—首页大幻灯模式下如何修改幻灯高度

2018-4-9 13:11:06

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索