在本文中,我们将向您定义图标。 在 Avada 中创建自定义图标(视频教程) 创建自定义图标集 在 Avada 中设置自定义图标时,要做的第一件事是创建自定义图标集。自定义图标集将用于对您的自定义图标进行分类。这在上传自定义图标来表示您网站的不同方面时非常有用。
拥有多个自定义图标集还允许您为不同的图标分配不同的 CSS 前缀。这使得图标的样式设计变得更加容易。 要创建您的第一个自定义图标集,请前往 WordPress 仪表板。在 Avada 下拉菜单下选择“图标”。 选择后,您将进入以下屏幕。在文本字段中,您可以命名图标集。您可以随意命名。
创建自定义图标 确定自定义图标集的名称后,点击文本字段下方的按钮。接下来,您将看到此屏幕。 WordPress Avada 主题内置了对Icomoon工具的支持。这是一个非常有用的工具,可让您从其库中添加数千个自定义 以色列电话号码数据 图标,甚至上传您自己的自定义图标。我们将使用此工具向 Avada 添加自定义图标。
单击页面中心的 Icomoon 链接将带您进入 Icomoon 的免费自定义图标库。 在 Icomoon 上,您可以浏览其高级图标库,查找您可能想要包含在网站上的其他图标。在 Icomoon 导航栏的左上角,您将看到一个“导入图标”按钮。您可以使用此选项将自己的 SVG 文件上传到 Icomoon。
Icomoon 只接受 SVG 文件。幸运的是,您可以使用 Adobe Illustrator 等工具将任何图形转换为 SVG 格式。 如果您选择上传自己的自定义图标而不是使用 Icomoon 的库,您还需要编辑您上传的 SVG 的属性。在屏幕的右侧,您将看到一个汉堡菜单下拉菜单。
点击菜单并选择“属性”。 在颜色主题选项下,请务必单击“删除所有颜色”。 根据您的 SVG,显示的颜色主题可能与上面的屏幕截图不同。从 SVG 中删除颜色将允许您在 Avada 选项中更改图标的颜色。 导出你的图标 下一步是选择要添加到 Avada 的图标。单击每个图标将以亮橙色突出显示它们,表示它们已被选中。