如何在 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 个文件并自动显示它们。
您可以编写 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
我有一个 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 个文件并自动显示它们。
您可以编写 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