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.



Contributors & Developers

“Section Block” 是开源软件。 以下人员对此插件做出了贡献。


将“Section Block”翻译成您的语言。

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by 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.