Add incredible versatility to your editor without bloating it with tons of one-dimensional Gutenberg blocks. With GenerateBlocks, you can learn a handful of blocks deeply and use them to build anything.

GenerateBlocks works hand-in-hand with GeneratePress, but is built to work with any theme.


Organize your content into rows and sections. The Container block is the foundation of your content, allowing you to design unique sections for your content.


Create advanced layouts with flexible grids. The Grid block gives you the ability to create any kind of layout you can imagine.


Craft text-rich content with advanced typography. Everything from headings to paragraphs – take full control of your text.


Drive conversions with beautiful buttons.


We take performance seriously. Minimal CSS is generated only for the blocks you need, and our HTML structure is as simple as possible while allowing for maximum flexibility.

Coding standards

Built to the highest coding standards for security, stability and future compatibility.

Fully responsive

Every block comes with tablet and mobile controls, giving you total control of your responsive design.


Check out our documentation for more information on the individual blocks and how to use them.


이 플러그인은 5(을)를 제공합니다.



There’s two ways to install GenerateBlocks.

  1. Go to “Plugins > Add New” in your Dashboard and search for: GenerateBlocks
  2. Download the .zip from, and upload the folder to the /wp-content/plugins/ directory via FTP.

In most cases, #1 will work fine and is way easier.


How do I add your blocks to my page?

  • Create a new page or post
  • Add a new block, and look for the “GenerateBlocks” category
  • Choose your block and start building.
  • It’s always best to start with a Container block.

What theme should I use?

GenerateBlocks was built to work hand-in-hand with GeneratePress. However, it will work with any theme you choose.


2020년 July 9일
Would be great but no column width slider appearing when u click in specific column - only color + add css. Also your vimeo vid moves superfast + "container" does not exist as a block. One reviewer states u need guttenburg editor plugin for it to work - tried that but activating it did nothing and in fact after activating it would reappear in inactive plugin list. 3 hrs on - i'll pass.
2020년 July 6일
GenerateBlocks adds some basic extra's but does it very well. Especially the option to add settings based upon device. There are more plugins that do this, but here I get to choose the method being used. Thanks Tom and team. Question: Any ETA on the container adjustment so it blends better with other themes than GeneratePress?
2020년 July 2일
As usual, very well-planned and coded. I agree, it makes Gutenberg tolerable, just. While using, I found that I wanted containers around some things for styling and grouping. The "Container" works for this. Just remember that you can't place it around a bunch of things already in there - you have to plop the container somewhere and then move things into it. Another little surprise was the automatic padding inside the "container". It gets really crazy if you put a container in a container... things really get squished at mobile size. Sure, you can override that styling with some extra CSS, but that might freak out non-coders. I suppose it would be nice to have a setting for this. One could specify a number of pixels for the "container", or at least an on-off switch for the padding. In the meantime, when using the GeneratePress theme I think I may go back to using Sections, which I still like better than Gutenberg. 🙂 Thanks!
2020년 June 5일
Tom has single-handedly made Gutenberg usable and useful. GenerateBlocks with GeneratePress is all you really need to get the most out of it. Thank you.
2020년 June 3일
This is absolutely perfect. Exactly what I needed. The moment I saw "Tom Usborne" as the plugin author, I clicked download. I knew the plugin would be lightweight and highly intuitive. And it is! Without all the bloat that comes with other page builders.
2020년 June 2일
For me, GenerateBlocks is the best tool to create the layouts I want. It´s easy to use and the possibilities are endless. I love the fact, that there are "only" four blocks to use. Grid, Container, Button and Heading. You can do nearly everything with it. If I can´t do it with one of the four blocks, I just use some custom code. I totally recommend GenerateBlocks. This solution is kickass!
모든 37 평가 읽기

기여자 & 개발자

“GenerateBlocks”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.


“GenerateBlocks”(이)가 5(으)로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “GenerateBlocks”(을)를 번역하십시오.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하십시오.



  • Fix: Set background image selector default if undefined
  • Fix: Set background image opacity default if undefined
  • Tweak: Remove parsed content caching


  • Fix: Undefined index notice when using background images


  • New: Persistent responsive controls across blocks
  • New: Filter all HTML attributes
  • New: Filter Container tagNames
  • New: Add containerAfterElementTag filter
  • New: Add option to apply background image as pseudo element
  • New: Add support for alignwide/alignfull in Container block
  • New: Display color palette by default in Color component
  • New: Add option to choose default view in Color component
  • New: Add aria-label option for Buttons into advanced panel
  • Tweak: Deprecate background image overlay option
  • Tweak: Move hexToRGBA to utils
  • Tweak: Fix repeated common CSS
  • Tweak: Re-design normal/hover state buttons
  • Tweak: Filter default background image size
  • Tweak: Cache parsed blocks on front-end
  • Tweak: Better display of admin notices in Dashboard
  • Tweak: Change Container Width label to Contained Width
  • Tweak: Add future framework for migrating/updating old options
  • Tweak: Don’t allow single button to be saved as reusable
  • Tweak: Don’t allow element tagName to be filtered
  • Tweak: Allow all standard richText formats in Headline block
  • Tweak: Better iconSize responsive placeholders
  • Tweak: Allow decimal values in gradient start/stop
  • Tweak: Move block name to the end of editor.desktopCSS filter args
  • Tweak: Add buttonColorsHover to editor.controls filter
  • Tweak: Change editor.insideContainerWrapper filter to frontend.insideContainer
  • Tweak: Pass attributes to frontend.insideContainer instead of props
  • Fix: gridId value in nested grids
  • Fix: Use inline-block for inline headlines with no icon
  • Fix: Missing text domains
  • Fix: Display Headline highlight option in Headline block only
  • Fix: Headline icon center alignment in IE
  • Fix: Headline highlight background color in IE
  • Fix: Mobile selector for width in min-height container
  • Fix: Add box-sizing to min-height container on tablet/mobile
  • Fix: Headline text alignment when using an icon
  • Fix: Allow 0 as iconSize value


  • Tweak: Minify/compress all dist files


  • Fix: Add wp_set_script_translations() to translate block editor
  • Tweak: Add spacing to update nag in Settings area


  • Initial release