如何在 sitecore 中存储菜单字体图标

How to store menu font icons in sitecore

我有一个 sitecore 解决方案,其中所有菜单导航项都通过 sitecore 进行管理。如果我们使用 png、jpg 等都很好

现在 FE 人员想要使用字体图标,以便它具有响应能力并可以在任何浏览器设备上运行。

克服这个问题的一种方法是在菜单项中创建一个 class 字段,作者将在其中指定图标 -class。

问题是作者需要理解 css classes 并且每次需要创建新项目时,他们都需要让开发人员参与。

有没有更好的方法来克服这个问题?或者使用 png/svg 图片是最佳选择。

我最近为 Sitecore 创建了一个字体图标选择器字段,听起来它可以满足您的要求。作者可以从一个或多个 "collections" 中选择,例如 FontAwesome、IcoMoon、Foundation 等,因此他们不需要了解 CSS class 名称。

该字段通过字段的 'source' 中的 JSON 接受配置。在配置中,您可以指向一个或多个包含图标 class 的 CSS 文件,以及控制显示哪些文件(通过正则表达式)。换句话说,您不需要定义每个 CSS class,它会解析您的 CSS 个文件并自动显示它们。

More Information

Download Market Module

您可以编写 C# 代码,从 css 字体文件中读取所有字体 classes,然后将这些 classes 保存到 Sitcore 项目中。

您保存的 Sitecore 项目将在其字段中包含 class 名称。

使用此代码加载 classes 名称: http://www.dotnetfunda.com/articles/show/3120/loading-css-class-names-in-csharp

然后将导航项目的数据源更改为您保存的 CSS classes 项目。

我在一个项目中遇到了同样的问题并创建了一个自定义 Sitecore 字段来提供可搜索的 UI 供用户从中选择图标。

该字段还为用户提供项目上所选图标的预览。

它可以作为 Sitecore Marketplace 上的一个模块在这里 Icon Selector Field