Title: Magic Block
Author: willdelphia
Published: <strong>2018-12-13</strong>
Last modified: 2021-04-18

---

Search plugins

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/magic-block/assets/icon.svg?rev=1993285)

# Magic Block

 By [willdelphia](https://profiles.wordpress.org/willdelphia/)

[Download](https://downloads.wordpress.org/plugin/magic-block.zip)

 * [Details](https://tt.wordpress.org/plugins/magic-block/#description)
 * [Reviews](https://tt.wordpress.org/plugins/magic-block/#reviews)
 * [Development](https://tt.wordpress.org/plugins/magic-block/#developers)

 [Support](https://wordpress.org/support/plugin/magic-block/)

## Description

Magic Block registers a container block with the block editor. This block has settings
for element (div, section, etc), ID, classname, inline style, and any other attribute(
including data-*, and aria-*) via a custom attributes section.

Magic Block is designed for people who want full control over post HTML structure,
or wish to use the editor to create complex layouts such as Flexbox, CSS Grid, Bootstrap,
etc…

This block does not add any CSS styles that you, as a developer, do not provide.
Rather, it allows you to easily contain other blocks in parent elements with an 
arbitrary ID or Class. You may then easily target these container elements by ID
or Class in your theme’s stylesheets or through CSS plugins. For smaller customizations
there is an inline style field which maps to the “style” HTML attribute for the 
container element.

In the editor view, each Magic Block has a thin grey outline so you can easily see
which child elements belong to it. It also provides a display of element type, ID,
and classes so you can keep track of how to target them with your CSS.

As of WordPress 5.3 you might not need this plugin since the core now ships with
a “Group Block” which is similar in purpose, although it has fewer options.

## Screenshots

 * [[
 * You can nest magic blocks inside each other to build complex layouts.
 * [[
 * Custom attributes supported

## Blocks

This plugin provides 1 block.

 *   Magic Block

## Reviews

![](https://secure.gravatar.com/avatar/774703aad74fb0c2d7cb3f75438ad5bd862c44c1eb0bb3f21ac25126bdb0a3ca?
s=60&d=retro&r=g)

### 󠀁[please, don’t abandon this excellent plugin](https://wordpress.org/support/topic/please-dont-abandon-this-excellent-plugin/)󠁿

 [wrumwrum](https://profiles.wordpress.org/wrumwrum/) 2022-05-11

you said, that as we have a group block now, we might don’t need to use this plugin.
Unfortunately group block stinks, it ads some inner divs which makes it unusable
for a lot of stuff, for example grid or flex container. Your plugin is just perfect.
It should be THE FIRST Gutenberg block to be released, it’s such a timesaver and
pleasure to work with. I can pay for this, but please, don’t abandon it.

![](https://secure.gravatar.com/avatar/a38623728cc919b6e0506821c0ae5a5c39c55a4512d24e942b867ebbe579ac8c?
s=60&d=retro&r=g)

### 󠀁[Excellent plugin](https://wordpress.org/support/topic/excelent-plugin-447/)󠁿

 [](https://profiles.wordpress.org/cristobal-barrientos/) 2021-10-24

Wonderful plugin, just hope this project keeps updated! thank you so much!

![](https://secure.gravatar.com/avatar/95d6b44a1cb93680675554e3389ef45e916d63ef2dc6bd6d03d516bfa0e30ad7?
s=60&d=retro&r=g)

### 󠀁[Magia blanca](https://wordpress.org/support/topic/magia-blanca-2/)󠁿

 [Francisco](https://profiles.wordpress.org/fmarconi/) 2021-09-13

White Magic, This should be in the very core of Gutenberg. I used it to implement
Keen Slider Because there’s no way to get rid of the additional annoying nested 
wrappers in default columns or groups blocks.

![](https://secure.gravatar.com/avatar/e87d2ba5b2989d9b3687fd6bee8908746738e70efbe8952f0a1cda6722f9fefe?
s=60&d=retro&r=g)

### 󠀁[How did I ever create websites without this!](https://wordpress.org/support/topic/how-did-i-create-website-without-this/)󠁿

 [trishahdee](https://profiles.wordpress.org/trishahdee/) 2021-06-26

I am so very happy you created this wonderful tool! It is so needed for anyone who
is tired of creating custom templates for pages. Thank you!

![](https://secure.gravatar.com/avatar/ebafc9cb5ae26d6cc74a7aa4d8e1a063622fb664a28537910f3ced5638db8916?
s=60&d=retro&r=g)

### 󠀁[Good !!!](https://wordpress.org/support/topic/good-6539/)󠁿

 [jcasalsd](https://profiles.wordpress.org/jcasalsd/) 2021-06-18

Keep going !!! Congratulations

![](https://secure.gravatar.com/avatar/d2f5a0762d219e289160288e922f5cb2044c011d85f9599af2650d970e905724?
s=60&d=retro&r=g)

### 󠀁[Absolutely Perfect!](https://wordpress.org/support/topic/absolutely-perfect-95/)󠁿

 [xenolito](https://profiles.wordpress.org/xenolito/) 2021-05-26

This plugin is just perfect for a full control of gutenberg’s based layouts. It 
just fills a very important functionality that gutenberg lacks and it should come
built in with WordPress. Great job.

 [ Read all 10 reviews ](https://wordpress.org/support/plugin/magic-block/reviews/)

## Contributors & Developers

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

Contributors

 *   [ willdelphia ](https://profiles.wordpress.org/willdelphia/)

“Magic Block” has been translated into 2 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/magic-block/contributors)
for their contributions.

[Translate “Magic Block” into your language.](https://translate.wordpress.org/projects/wp-plugins/magic-block)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/magic-block/), check
out the [SVN repository](https://plugins.svn.wordpress.org/magic-block/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/magic-block/) by
[RSS](https://plugins.trac.wordpress.org/log/magic-block/?limit=100&mode=stop_on_copy&format=rss).

## Meta

 *  Version **1.3.0**
 *  Last updated **5 ел ago**
 *  Active installations **300+**
 *  WordPress version ** 5.0 or higher **
 *  Tested up to **5.7.15**
 *  PHP version ** 5.2.4 or higher **
 *  Languages
 * [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/magic-block/), [English (US)](https://wordpress.org/plugins/magic-block/),
   һәм [Russian](https://ru.wordpress.org/plugins/magic-block/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/magic-block)
 * Tags
 * [block](https://tt.wordpress.org/plugins/tags/block/)[div](https://tt.wordpress.org/plugins/tags/div/)
 *  [Advanced View](https://tt.wordpress.org/plugins/magic-block/advanced/)

## Ratings

 4.9 out of 5 stars.

 *  [  10 5-star reviews     ](https://wordpress.org/support/plugin/magic-block/reviews/?filter=5)
 *  [  1 4-star review     ](https://wordpress.org/support/plugin/magic-block/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/magic-block/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/magic-block/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/magic-block/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/magic-block/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/magic-block/reviews/)

## Contributors

 *   [ willdelphia ](https://profiles.wordpress.org/willdelphia/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/magic-block/)