为cathi.cn主站点添加新菜单图标

type

status

date

slug

summary

🤗总结归纳

要添加新图标，您需要创建

1) A new script file that includes the SVG code and include it in your theme functions.php (we recommend using the child theme as to not lose changes after a theme update).You can use the theme script as an example, you will find it in the vikinger/js/source/icon/svg-loader.js file. You can copy it and replace the svgData constant value with the SVG icons you want to include.Your SVG icons need to follow the same naming structure as existing ones, i.e:1)一个包含SVG代码的新脚本文件，并将其包含在主题functions.php中（我们建议使用子主题，以免在主题更新后丢失更改）。您可以使用主题脚本作为示例，您可以在vikinger/js/source/icon/svg-loader.js文件中找到它。您可以复制它并将svgData常量值替换为您想要包含的SVG图标。您的SVG图标需要遵循与现有图标相同的命名结构，即：

2) Create styles for your icons and add them to the style.css or add a new stylesheet and include it in the functions.php file, they must also follow the naming structure:

2)为图标创建样式并将其添加到style.css或添加新的样式表并将其包含在functions.php文件中，它们还必须遵循命名结构：

3) You can then use the part after the icon-* name to use that icon in the theme. In this case, you can use custom to assign this icon to a menu item.The vikinger/style.css file contains all theme styles that are not related to third-party plugins, you will find the .icon-* CSS declarations in that file.3)然后，您可以使用icon-* 名称后的部分在主题中使用该图标。在这种情况下，可以使用自定义将此图标分配给菜单项。vikinger/style.css文件包含所有与第三方插件无关的主题样式，您将在该文件中找到.icon-* CSS声明。