Block Enhancements

Beschrijving

Enhance gutenberg blocks with additional features such as icon, shadow, transform, etc.
Users can choose which features will be supported on particular blocks via the settings page.

The following features have been ready to use:

  • Add icon to core/button, core/list, core/heading blocks
  • Add box-shadow builder to all blocks
  • Add text-shadow builder to all blocks
  • Add 2D transform (translate, rotate, skew, scale) builder to all blocks
  • Add responsive text alignment. It’s useful for ‘container’ blocks such as ‘core/group’, ‘core/columns’, ‘core/column’ and/or you want for example text-align center on mobile but text-align left on the desktop

☐ More features will be added soon.

If this plugin is useful for you, please do a quick review and rate it on WordPress.org to help it spread to more people. 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.
  • Icon separator – A tiny block just like the core/separator block but with the ability to add an icon to it.
  • 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.
  • 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.
  • Counting Number Block – A block to display a number that has the number counting effect.

The plugin is developed using @wordpress/scripts.

Schermafdrukken

  • Create a list with a custom bullet icon.

  • Create a button with a custom icon.

  • Create a heading with an icon.

  • Add box-shadow to a block.

Installatie

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

FAQ

What problem does this plugin solve?

It adds more features to make core/blocks fit in more real-world use cases.

When should we use this plugin?

When you need to use core blocks to fit in your design but they are not good enough for some designs.

Why needs this plugin?

It’s super easy to use and lightweight, you don’t need a block library just for a tiny feature like a button with an icon…

Who needs this plugin?

Anyone can use this plugin.

Why is the text of the heading, button, and list breaking when I add an icon to it?

It is probably you add an inline element such as bold, italic, highlight … in the text. To fix it, there is a toggle setting named: ‘Prevent text from breaking’ in the ‘With icon’ panel, just turn it on to make the text work properly.

Beoordelingen

Er zijn geen beoordelingen voor deze plugin.

Bijdragers & ontwikkelaars

“Block Enhancements” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

Vertaal “Block Enhancements” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

1.1.1

Release Date – 28 July 2022

  • FIX – Check to have icon or not to improve performance

1.1.0

Release Date – 27 July 2022

  • FIX – Edit text after wrapping it inside an element
  • DEV – Allow double click to insert icon with the withIcon feature
  • FIX – Convert inline style to style object
  • REFACTOR – Refactor the withIcon feature

1.0.12

Release Date – 20 Jun 2022

  • DEV – Allow uploading SVG icon for the withIcon feature

1.0.11

Release Date – 08 May 2022

  • REFACTOR Update SDK

1.0.10

Release Date – 08 May 2022

  • DEV – Add responsive text-alignment feature

1.0.9

Release Date – 02 May 2022

  • DEV – Add text-shadow feature

1.0.8

Release Date – 02 May 2022

  • FIX – Add a setting to prevent text from breaking when there is an inline tag in the text

1.0.7

Release Date – 30 April 2022

  • DEV – Use nanoid instead of useInstanceId
  • DEV – Update components’s style

1.0.6

Release Date – 27 April 2022

  • DEV – Add tranform feature

1.0.5

Release Date – 27 April 2022

  • DEV – Add settings page to select which blocks should be allowed to add features
  • FIX – Make page ‘dirty’ on page load

1.0.4

Release Date – 19 April 2022

  • DEV – Load styles for iframe editor

1.0.3

Release Date – 16 April 2022

  • DEV – Add ‘withShadow’ feature
  • DEV – Add shortcut keys to the icon library modal, focus on the search box when opening the modal

1.0.2

Release Date – 12 April 2022

  • DEV – Update icon pack

1.0.1

Release Date – 11 April 2022

  • DEV – Support ‘withIcon’ to core/heading block

1.0.0

Release Date – 09 April 2022