古腾堡富文本图标最好的WordPress常用插件下载博客插件模块

JVM Gutenberg富文本图标

对于任何想要将图标集成到Gutenberg编辑器或使用高级定制字段创建的选项的人来说，这个插件是一个很好的工具集。

在Gutenberg块编辑器中的任意位置向富文本字段添加内联图标，如：段落、标题、列表或按钮，或在Gutenberg编辑器中添加专用图标块。

这个插件的免费字体图标设置为默认图标集。您可以在版本4.x、5.x和版本6.x之间进行选择。
该插件还提供了一个简单易用的界面，用于基于SVG图标创建自定义图标集。可以使用简单易用的拖放上载器从插件设置中上载自定义图标。

该插件还为高级定制字段(ACF)创建了一个新的字段类型：JVM图标。现在，您可以创建自定义域，使用令人惊叹的字体图标集，甚至更好的：自定义创建的图标集。

如果字体棒或者内置的定制图标集配置器不能满足你的需求，你也可以创建你自己的定制图标集，并使用插件提供的钩子加载它。

该插件只需插入以下HTML格式的图标：

<i class="icon fa fa-address-book" aria-hidden="true"> </i>

如果你准备为你的WordPress主题编写一些PHP钩子，那么可以根据你的喜好修改所有的CSS类名和可用的图标。请注意，您应该保持插件设置为Use-Font Awese4.7-。
如果您想加载您自己创建的定制Web字体或图标集，请继续阅读。如果您有SVG文件，您可以将插件设置为-自定义SVG图标集-并从插件设置上传您的SVG文件。

Css文件
默认情况下，前端和后端都会加载略微定制版本的Font Awese4.7 CSS文件，以使插件开箱即用，但你也可以从设置屏幕上选择Font AweseFree版本5.x或6.x。
如果你想使用自定义创建的图标集，建议使用该插件提供的钩子覆盖图标集的json文件和css文件。

自定义图标集文件
如果插件设置为Font Awese4.7图标集(默认行为)，则从wp-content/plugins/jvm-richtext-insert-icons/dist/fa-4.7/icons.json.加载图标Json文件包含可由Font Awese4.7 CSS文件转换为图标的所有CSS类。您可以通过调用(子)主题函数.php中的过滤器挂钩来加载定制的json图标集文件。
例如：

function add_my_icons($file) {    $file = get_stylesheet_directory().'/path_to_my/icons.json';    return $file;}add_filter( 'jvm_richtext_icons_iconset_file', 'add_my_icons');

从1.0.3版开始，图标配置文件也可以是Fontello格式。看看：https://fontello.com来创建你的定制图标集。

自定义css文件
我喜欢这个非常符合人体工程学的、非常快速的解决方案，例如在按钮和标题中插入图标。此外，它还与站点编辑器(FSE)兼容

太棒了！nelsonamaya2021年9月16日它真的很好用，而且它-S非常灵活。我希望它有一个专用的块作为额外的选项，用于那些我们只需添加一个图标而不依赖任何其他块(如段落)的情况。尽管如此，它还是完成了它的工作，所以它-S是5星。阅读所有9条评论

标签：图标自定义图标增列字型太棒了