扩展功能共3篇
Zibll子比主题高级扩展功能介绍

子比主题全站使用阿里巴巴Iconfont图标详细图文教程

子比主题全站使用阿里巴巴Iconfont图标详细图文教程-Zibll子比主题

子比主题已经集成了Font Awesome 图标,您可以在全站使用Font Awesome图标而无需任何插件。 要使用Font Awesome图标教程十分简单,如图所示,仅需两步: 具体方法请参看:在菜单插入图标教程 Iconfont-阿里巴巴矢量图标是国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。可以使用GitHub帐号登录,数百万的图标免费使用,官方也提供了详细的教程 一、新建Iconfont项目 接下来我们就一步一步的教大家如何在使用阿里巴巴Iconfont图标 Iconfont 支持GitHub帐号登录,登录之后你就可以寻找自己需要的图标啦 首先呢,寻找自己的需要的图标,通通点进购物车! 再把购物车的图标加入到项目,如果还未创建项目,那就新建一个就是了 二、网站集成 使用 Iconfont图标 图标官方也有详细的教程,同时官网提供三种集成方式:Unicode、class、Symbol。这三种集成方式各有优劣势,具体请查看官方教程 这里我推荐使用 Symbol 的方式集成到网站中,当然你也按照官方的教程使用其它方式集成 第一步:将刚刚新建的项目生成 Symbol 接入链接,并复制 第二步:将代码保存到主题设置 将以下代码中的链接替换为您刚刚复制的链接,然后 进入 主题设置-自定义代码-自定义底部代码 ,粘贴后保存主题设置 <script src='//at.alicdn.com/t/font_1706672_oa811wlg9gl.js'></script> 简单吧!网站集成 Iconfont图标 就已经全部搞定了!接下来就是使用 Iconfont图标 了! 提醒:请勿直接将代码写入到主题源码,已更新就没了。 三、使用 Iconfont图标 在已经添加到你项目中查找图标并复制图标代码,然后按照下面的格式替换href='#iconxxx'中的图标代码,将代码插入到你需要显示图标的地方! <svg class='icon' aria-hidden='true'><use xlink:href='#iconxxx'></use></svg> 还是按照在导航菜单中添加图标为例: 复制图标代码 在导航菜单中插入 最后我们看看效果吧! 是不是很简单啊,接下来我我们再试试在文章中插入 使用古腾堡编辑器需要将内容转换为HTML编辑,然后再复制图标代码: 先转换为HTML编辑 然后再将代码复制到所需位置 使用经典编辑器也是需要先转为HTML编辑,再将图标代码复制到所需位置: 主题设置中的部分内容也是支持的喔!例如在加载更多的文案中插入 教程结束,赶紧试试吧

# Zibll# 子比主题# Wordpress

QinverQinver前天
13094

zibll子比主题一步实现网站全局变灰教程

zibll子比主题一步实现网站全局变灰教程-Zibll子比主题

明天是个特殊日子,今天很多朋友在讨论这个网站变灰的方法,甚至还用到了插件.... 使用子比主题仅需简单一步!请看图 代码如下: html{ -webkit-filter: grayscale(100%); filter: grayscale(100%); } 结束!

# Zibll# 子比主题# 网站变灰

QinverQinver4天前
01443

Zibll子比主题付费阅读、付费资源功能详解 [图文教程]

Zibll子比主题付费阅读、付费资源功能详解-Zibll子比主题

更优雅的Wordpress网站主题-Zibll子比主题,期待已久的文章付费功能已经来了。作为一款资讯阅读类的优质主题,付费阅读、付费下载、付费VIP等功能是必不可少的,子比主题本次更新则带来了付费相关的新功能。现在无需任何插件,开心的建站收钱吧

置顶推荐# Zibll# 子比主题# 付费阅读

QinverQinver4天前
352717