Section Block


This block is intended to work with any WordPress theme that supports the new Block Editor (Gutenberg). You can use it to group your page content into sections (nested blocks support), and highlight the most important parts of your website.


  • ready to use out of the box, no configuration needed,
  • create unlimited number of sections and customize each of it separately,
  • customize section border (width, style, radius, color),
  • customize section background image, add or hide overlay (overlay customization: opacity, color),
  • customize section padding,
  • customize section box shadow,
  • customize default styles settings using hooks programmatically (for theme authors),

You can use any other Blocks inside this Section Block so this can be used to build more advanced templates.

Blocks inside this Section Block can be wide- or full-aligned, but section itself is always full-aligned.


  • Add nested blocks and customize section styles
  • Set custom overlay color and opacity
  • Nested blocks support + custom background and section styles gives you a great customization possibilities


  1. Install the plugin through the WordPress plugins screen directly or upload the plugin files to the “/wp-content/plugins/section-block” directory.
  2. Activate the plugin through the “Plugins” screen in WordPress
  3. Go to Block Editor and type /section to use this block.


Lees 1 beoordeling

Bijdragers & ontwikkelaars

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


Vertaal “Section Block” naar jouw taal.

Interesse in ontwikkeling?

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



  • compatibility with WP 5.4 confirmed
  • custom block collection registered


  • Blocks Summary page updated
  • block editor styles improved


  • fixed SSL issue


  • CSS styles bug fixed


  • JavaScript code fully rebuilt on React, no more jQuery,
  • Blocks Summary page style & script added,
  • license changed from GPL2+ to GPLv3,
  • block code improved,


Fixed: overlay opacity value (float) saved with “px” string at the end (auto-added by Gutenberg)
Fixed: first and last inner elements should have no margins on top and bottom relatively
Updated: outdated Gutenberg packages


  • Fixed: issue with block height.
  • Added: CSS variables polyfill
  • Improved: Only modified styles are added as inline variables


  • Initial release.