GenerateBlocks

Description

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.

Container

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.

Grid

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

Headline

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

Buttons

Drive conversions with beautiful buttons.

Performance

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.

Documentation

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

Blocks

This plugin provides 5 blocks.

  • Grid
  • Container
  • Buttons
  • Button
  • Headline

Installation

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 WordPress.org, and upload the folder to the /wp-content/plugins/ directory via FTP.

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

FAQ

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.

Reviews

ނޮވެމްބަރ 20, 2020
this is REALLY promising in every which way. gutenberg still has plenty of of shortcomings and (yet) is far from top notch in terms of usability. this plugin has the potential of making perfect use of gutenberg... and might as well give the opportunity to ditch off page builders sooner or later. most promising gutenberg plugin encountered so far. very exited to see whats coming next 🙂
ނޮވެމްބަރ 14, 2020
It was a big learning curve for someone as thick as me, who has no knowledge of CSS HTML GRIDS blocks etc. But after watching a few videos online I quickly generate blocks for my website which were simple and easy to use. Im sure with a little more effort on my part I will be able to do even more and someone with decent wordpress knowledge will be able to create just about anything they like in double quick time. I wish there were some pre-set examples I could copy and use as basic templates for my sites. But that said its only limited by your own imagination.
ނޮވެމްބަރ 5, 2020
Thanks a lot for this great plugin.
އޮކްޓޯބަރ 31, 2020
GenerateBlocks takes a lot of the pain out of laying out content in the Block Editor. Recommended!
އޮކްޓޯބަރ 19, 2020
I've used several block plugins and GenerateBlocks is among the best. If you are a GeneratePress user you understand the quality that they put into their products and GenerateBlocks is no different. Where GenerateBlocks shines is in its simplicity and stability. With only four blocks I can accomplish almost anything. The block settings are consistent and bug free. Building is intuitive and fast. I'm really impressed. Well done! Can't wait for Pro.
އޮކްޓޯބަރ 16, 2020
Great plugin, I like the simplicity of it. Please consider adding shape dividers to Container element.:)
Read all 56 reviews

Contributors & Developers

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

Contributors

“GenerateBlocks” has been translated into 7 locales. Thank you to the translators for their contributions.

Translate “GenerateBlocks” into your language.

Interested in development?

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

Changelog

1.1.2

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

1.1.1

  • Fix: Undefined index notice when using background images

1.1.0

  • 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

1.0.2

  • Tweak: Minify/compress all dist files

1.0.1

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

1.0

  • Initial release