使用技巧

通过JVM Gutenberg Rich Text Icons插件将Font Awesome Icons插入到块编辑器中

自由WordPress开发人员Joris van Montfort发布了 JVM Gutenberg富文本图标 周末插件。 目标很简单:允许用户单击按钮即可在块编辑器中的几乎任何位置插入图标。

该插件开箱即用地使用了4.7版Font Awesome库。 但是,开发人员可以对其进行修改以包括自定义图标集。

像许多最有用的插件一样,它停留在自己的路线上,执行简单的任务并做得很好。 每当他们编辑RTF文本字段时,该插件就会在编辑器工具栏中为用户显示一个“标志”按钮。

通过jvm-gutenberg-rich-text-icons-plugin将字体真棒图标插入到块编辑器中通过JVM Gutenberg Rich Text Icons插件将Font Awesome Icons插入到块编辑器中将图标插入标题栏。

富文本格式是用于输入文本的块编辑器组件。 用户可以在编辑器画布中键入的任何位置都是插入图标的公平游戏。 这包括段落,标题,图像标题等。 它也扩展到其他插件开发人员的阻止。 如果他们在任何地方使用富文本格式字段,将出现“标志”按钮,用户可以在其中放置一个图标。

通过插件插入的图标会自动继承周围的文字大小。 如果将其粘贴在“标题”块中,它将变大。 如果将其粘贴在Button块中,它将与Button文本匹配。 颜色也是如此。

通过jvm-gutenberg-rich-text-icons-plugin-1将字体真棒图标插入到块编辑器中通过JVM Gutenberg Rich Text Icons插件将字体真棒图标插入到块编辑器中将图标插入不同大小和颜色的各种块中。

由于不可能完美匹配每个主题的设计,因此可能需要一些较小的间距或对齐方式调整。 在大多数情况下,当我用各种主题测试它们时,这些图标看起来都不错。 但是,存在一些单像素关闭问题以及一些块存在较小的对齐错误。 总体而言,我没有遇到任何破坏设计的问题。 该插件应显示其图标。

我遇到的一个可用性问题是无法通过与Buttons块一起使用的键盘上的Backspace或Delete键删除图标。 它与其他块一起很好地工作。 解决方案是单击插入的图标。 然后,在工具栏中选择“标志”图标以重新打开插入器。 选择无替代品后,旧的消失了。

插件开发人员为第三方开发人员提供了过滤器挂钩,以通过自定义JSON文件实现除Font Awesome之外的其他图标集。 插件自述文件中概述了说明。 还有用于上载或覆盖样式表和类的钩子。

虽然我喜欢插件的执行方式,但我不喜欢它加载自己的Font Awesome样式表。 如果使用相同的其他插件或主题,则通过加载相同代码的多个副本,其包含将增加最终用户的页面加载大小。 这不是插件开发人员的错。 这是由于WordPress缺少依赖系统而造成的限制。 但是,尝试使用该插件的用户应注意这一潜在问题。

像这样:

像载入中…

来源