Icon(图标)区块 – 为网站添加各种样式的矢量图

Kadence 基础操作讲解

这一板块是主要讲解Kadence 的基础操作和技巧,能够让大家能了解 Kadence建站系统 、并熟悉其的操作界面。

Kadence 建站工具介绍

本章节主要介绍 Kadence 里各种功能强大的区块工具,可以帮助用户学会如何搭建一个功能全面且内容丰富的网站。

Kadence 使用前需知

Kadence 是基于WordPress 的网站建设平台的一系列插件,所以必须要先在WordPress后台里安装好对应的 Kadence 插件。

Kadence的Icon(图标)区块整合了多达上千种的矢量图标,可以让用户根据文章内容搭配出合适的网页样式。而且这些图标可以随意更改数量,大小,颜色,样式以及浮动效果。

在网页中插入 Icon 区块

点击想要添加图标的地方,然后从区块列表选择【图标】区块即可添加默认图标

选择添加的图标数量

在右侧的设置菜单栏里可以如下选择图标的数量:

注意:当你选择了多个图标时,想要编辑单个图标的话就需要打开每个图标的设置。

编辑单个图标

想编辑单个图标的话,就需要打开对应的图标设置:

单个图标设置如下图:

在这里可以设置图标的位置,大小,颜色,框架边距,以及链接等等。当你设置完毕后保存后记得在前端查看样式。

创建&添加自定义图标

如果Kadence的icon不符合你的要求,那你也完全可以使用自定义的图标。

首先你需要使用  Icomoon (free) 来选择你想添加的图标或者你要上传的新图标。选择完毕后,点击【Generate Font(生成字体)】。

然后下载你的图标。

下载好之后,找到该json 文件。

然后从你的 WP 管理面板,点击【Kadence Blocks】→【Custom Icons(自定义图标)】。

添加一个新的自定义图标上传到你的 .json 文件中。当你上传完毕后,你就会发现选择的图标都导入到了自定义图标里。

你可以选择仅在 Kadence Blocks 中显示这些图标,并隐藏所有其他图标。

这样你就可以在 Kadence Blocks 中任何可用图标的位置使用你的自定义图标了。