تفصیل

Enhance Gutenberg blocks with additional features such as icons, color, shadow, transform, transition, responsive text alignment, hover style, etc.
You can choose which features to apply to specific blocks through the settings page.
This plugin works best with block themes. The with-icon feature uses the CSS pseudo ::before to add icons with the mask-image CSS property. It may conflict with other plugins or themes that use the same technique.

The following features have been ready to use:

Add icon to core/button, core/list, core/heading, core/read-more 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 hover state style builder to shadow, transform, text-color, background-color
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
Add transition feature to all blocks

☐ More features will be added soon.

Video tutorials

How to customize a core button in Gutenberg:

Please help this plugin grow by reporting issues and giving suggestions.

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.
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.
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/scripts.

سکرین شاٹاں

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.

انسٹال کرݨ

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

ہرہک دے سوال

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.

ریویو

Orhan Colak اپریل 23, 2023 1 reply

Only compatible with FSE themes. This should be noted in the plugin's description.

Gyurmey فروری 13, 2023 1 reply

Thanks for making it.

سارے 2 ریویو پڑھو

Contributors & Developers

“Block Enhancements” is open source software. The following people have contributed to this plugin.

Phi Phan

“Block Enhancements” دا آپݨی زبان وچ ترجمہ کرو۔

ڈیویلپمنٹ وچ دلچسپی ہے؟

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

تبدیلی لاگ

1.1.12

Release Date – 17 May 2023

DEV – Add preset shadows to the with-shadow feature

1.1.11

Release Date – 08 April 2023

DEV – Move all settings to the styles tab

1.1.10

Release Date – 11 March 2023

DEV – Update icon library
DEV – Refactor namespace

1.1.9

Release Date – 19 February 2023

FIX – Remove the empty class attribute from blocks
FIX – Remove empty spaces when adding class attribute

1.1.8

Release Date – 10 February 2023

DEV – Add the with-color feature with the hover state
DEV – Refactor code, combine all separate styles into one

1.1.7

Release Date – 20 January 2023

DEV – Add hover state style builder to shadows, transform
DEV – Add transition feature

1.1.6

Release Date – 06 November 2022

DEV – Clean up the default value for more cleaning markup

1.1.5

Release Date – 27 October 2022

DEV – Allow custom ColorGradientControl clearable
FIX – Add a fallback value for the withIcon feature

1.1.4

Release Date – 12 October 2022

FIX – Only load CSS files when necessary

1.1.3

Release Date – 08 October 2022

DEV – Add the withIcon feature to the read more block
DEV – Refactor the icon library

1.1.2

Release Date – 18 September 2022

FIX – Compatibility issue with the Gutenberg plugin
DEV – Load localization

1.1.1

Release Date – 28 July 2022

FIX – Check whether having an 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 icons 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’ style

1.0.6

Release Date – 27 April 2022

DEV – Add the transform 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 the iframe editor

1.0.3

Release Date – 16 April 2022

DEV – Add the ‘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