该插件尚未通过WordPress的最新3个主要版本进行测试。 当与较新版本的WordPress一起使用时,可能不再受到维护或支持,并且可能会存在兼容性问题。

Icon Blocker

描述

The Icon Blocker extension introduces a simple, user-friendly block that empowers you to add SVG icons( WordPress Dash icons, Fontawesome or custome SVG ) into the WordPress block editor, known as Gutenberg.

Furthermore, the extension includes the WordPress icon library, Fontawesome icons.

Key Features

  • 1700+ icons included, including social logos
  • Use any custom SVG icon
  • Insert icons from your Media Library if SVG uploads are supported
  • Includes handy icon controls (alignment, colors,link, rotate, border, padding, margin, etc.)
  • Fully compatible with the Site Editor

Stay Connected

屏幕截图

  • This screen shot description corresponds to screenshot-1.(png|jpg|jpeg|gif). Note that the screenshot is taken from the /assets directory or the directory that contains the stable readme.txt (tags or trunk). Screenshots in the /assets directory take precedence. For example, /assets/screenshot-1.png would win over /tags/4.3/screenshot-1.png (or jpg, jpeg, gif).
  • This is the second screenshot display the view inside editor.
  • This is the third screenshot display the settings inside editor.
  • This is the fourth screenshot display the colors inside editor.

区块

该插件提供了 1 个区块.

  • Icon The Icon will create…..

安装

  1. You have a couple of options:
    • Go to Plugins → Add New and search for “Icon Blocker”. Once found, click “Install”.
    • Download the Icon Blocker from wordpress.org and make sure the folder is zipped. Then upload via Plugins → Add New → Upload.
    • Open the block inserter within the Block Editor (Gutenberg) and search for “icon”. The plugin should appear and allow you to install it directly. Skip steps 2 and 3.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Search for the block within the Block Editor (Gutenberg) and begin using it.

常见问题

A question that someone might have

An answer to that question.

Where can I get more icons?

We have included Font Awesome and WordPress Dashicons Library. But you can add other icon through this plugin.

Links to freely available SVG icons:

  1. Flaticon – Offers a vast collection of free SVG icons.
  2. FontAwesome – Provides a wide range of scalable vector icons.
  3. Material Icons – Google’s material design icons available in SVG format.
  4. SVGRepo – A platform for high-quality SVG icons contributed by the community.
  5. Icons8 – Offers a diverse set of SVG icons and illustrations.
  6. Feather Icons – Open-source icons designed for simplicity and elegance.
  7. Heroicons – A set of free, MIT-licensed high-quality SVG icons for you to use.
  8. SVG Icons – Provides a collection of SVG icons with various categories.

Remember to check the licensing terms for each icon set to ensure they can be used according to your needs.

Why is my icon not changing color?

The Icon Block includes controls for the icon’s color and background. However, if your SVG icon has hard-coded color/fill values, the plugin will respect those instead of any applied custom colors.

评价

此插件暂无评价。

贡献者及开发者

「Icon Blocker」是开源软件。 以下人员对此插件做出了贡献。

贡献者

帮助将「Icon Blocker」翻译成简体中文。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

0.1.0

  • Initial Release