Icon Separator

外掛說明

A simple, lightweight, accessibility-ready icon separator block.

Key Features

  • Customize the icon width, spacing, color and position.
  • Customize the separator width, style, color and position.
  • Accessibility ready with ‘separator’ role.
  • Simple and easy to use but included full settings even with responsive width and responsive vertical margin.
  • An icon library included icons from “Bootstrap Icons”, “Ionicons”, “Dashicons” and new “WordPress Icons”.

Please take a look at these custom block patterns that use this block to see how it can be applied to real-world sites.

If this plugin is useful for you, please do a quick review and rate it on WordPress.org to help us spread the word. I would very much appreciate it.

Please check out my other plugins if you’re interested:

  • Content Blocks Builder – A tool to create blocks, patterns or variations easily for your site directly on the Block Editor.
  • Meta Field Block – A block to display a meta field or an ACF field as a block. It can also be used in the Query Loop block.
  • Block Enhancements – A plugin to add more useful features to blocks like icons, box-shadow, transform, hover style, etc.
  • SVG Block – A block to insert inline SVG images easily and safely. It also bundles with more than 3000 icons and some common non-rectangular dividers.
  • Counting Number Block – A block to display a number that has the number-counting effect.
  • Breadcrumb Block – A simple breadcrumb trail block that supports JSON-LD structured data.
  • Better YouTube Embed Block – Embed YouTube videos without slowing down your site.

The plugin is developed using @wordpress/create-block.

螢幕擷圖

  • Create an icon separator

  • Change the separator's settings

適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

  • Icon Separator A simple horizontal separator with icon.

安裝方式

  1. Upload the plugin files to the /wp-content/plugins/icon-separator directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress

常見問題集

What problem does this plugin solve?

It is like the core/separator block but supports an icon.

When should we use this plugin?

To make a simple, beautiful horizontal separator.

Why needs this plugin?

Because you want to make a beautiful horizontal separator.

Who needs this plugin?

Anyone can use this plugin.

使用者評論

2023 年 1 月 2 日 1 則留言
... okay I mean I guess it depends on what kind of icon you're using in your separator. I guess it could be machine guns. But I'm using a cat for mine so it's definitely cute. ANYWAY it works, it's easy, I did have a small issue with it & Phi got back to me immediately, & now my website has cute separators with a cat & everything is lovely.
2022 年 4 月 20 日 1 則留言
Saw the post on WPTavern about it and had to give it a try. Will definitely use on future projects.
閱讀全部 3 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Icon Separator〉的開發相關工作。

參與者

〈Icon Separator〉外掛目前已有 4 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Icon Separator〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.1.8

Release Date – 23 September 2023

  • Updated – Using the default BorderControl for the line style
  • Updated – Update ‘Requires at least’ to 6.3 for new the spacing sizes control style

1.1.7

Release Date – 02 September 2023

  • DEV – Using the default SpacingSizesControl for margin
  • DEV – Add Unit and Range control for custom spacing

1.1.6

Release Date – 09 August 2023

  • DEV – Update the icon library popup style for WP 6.3
  • DEV – Add keywords
  • DEV – Refactor code

1.1.5

Release Date – 11 March 2023

  • DEV – Update icon library

1.1.4

Release Date – 09 February 2023

  • DEV – Add SVGO GUI tool to the SVG help text
  • DEV – Update SDK

1.1.3

Release Date – 23 October 2022

  • DEV – Refactor SVG controls
  • DEV – Replace client caching by loading the icon library from the REST API

1.1.2

Release Date – 18 September 2022

  • FIX – Compatibility issue with the Gutenberg plugin

1.1.1

Release Date – 16 September 2022

  • FIX – Load all localization text

1.1.0

Release Date – 27 July 2022

  • DEV – Support converting from/to core/separator
  • DEV – Allow double click to insert icon from the modal

1.0.8

Release Date – 30 Jun 2022

  • FIX – Convert inline style to style object

1.0.7

Release Date – 20 Jun 2022

  • DEV – Allow uploading icon

1.0.6

Release Date – 12 May 2022

  • REFACTOR – Update SDK

1.0.5

Release Date – 30 April 2022

  • DEV – Update color format

1.0.4

Release Date – 28 April 2022

  • DEV – Add the title to block registration in JS.

1.0.3

Release Date – 21 April 2022

  • DEV – Add separator role for accessibility

1.0.2

Release Date – 19 April 2022

  • REFACTOR code

1.0.1

Release Date – 16 April 2022

  • DEV – Add shortcut keys to the icon library modal, focus on the search box when opening the modal
  • DEV – Make it compatible with common themes

1.0.0

Release Date – 14 April 2022