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.

Looking for more features? Check out GenerateBlocks Pro.

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.

Button

Drive conversions with beautiful buttons.

Query Loop

Build a list of posts from any post type using advanced query parameters.

Image

Add static or dynamic images to your content to make a visual statement.

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.

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

November 11, 2024 1 reply
The plugin is not translatable! The .pot file is not useful! Lots of strings are not in .pot. As a result it’s impossible to translate and load the translations of the plugin. I also tried to translate it using Loco Translate! But the .pot-generated file using Loco is incomplete! It is impossible to translate the plugin into other languages! Both the free and pro versions are not translate-ready! Lots of different people from other languages want to use the free and buy the pro version of this plugin, but it is not completely translatable! Why?
July 8, 2024 1 reply
Thanks a lot guys! Maybe it would be useful to have some extended tools like: The ability to Hide or show divs based on media screen size; Animations (using animate.css class added by admin with select option, for example) Thanks a lot for your work!
June 7, 2024 1 reply
To create a plug-in, which makes Gutenberg “useable” and then not charge for it, deserves a lot of praise. Thank you for doing so and for backing it up with great support – We shall support you on your journey, by purchasing the theme and blocks
December 12, 2023 3 replies
Impossible to use a full width container if you’re using with fse theme. Nice…
Read all 115 reviews

Contributors & Developers

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

Contributors

“GenerateBlocks” has been translated into 17 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.9.1

  • Fix: Patterns not loading properly in Chrome
  • Fix: Pattern search mixing up active libraries
  • Fix: Broken pattern preview in bulk select mode
  • Fix: Headline editor margin when set to div
  • Tweak: Improve pattern preview loading performance

1.9.0

  • Security: Disallow scripts in custom field values
  • Feature: New Pattern Library
  • Feature: Add support for new Global Styles in Pro
  • Feature: Added opt-in defaults cache filter: generateblocks_use_block_defaults_cache
  • Feature: Added new generateblocks_do_inline_styles filter to force inline styles if needed
  • Feature: Add styles indicators to local block controls if Global Styles exist
  • Feature: Keep p tag when converting core paragraph block to Headline block
  • Feature: Use arrow keys to increase or decrease values in unit control
  • Fix: Button URL dropdown closing on input
  • Fix: Undefined $fontFamily in old Headline version
  • Fix: Missing block width alignment in block themes
  • Tweak: Remove “one-time” block CSS and include it for specific blocks when needed
  • Tweak: Added new (min-width: 768px) media query to filterable queries
  • Tweak: Replace Twitter icon with X icon
  • Tweak: Use core Block Name for block labelling

1.8.3

  • Security: Add user capability check to Query Loop post status

1.8.2

  • Fix: Border colors not showing when old attributes are set.
  • Tweak: Add support for the newly created core function “wp_img_tag_add_loading_optimization_attrs”

1.8.1

  • Fix: Icon padding controls order
  • Fix: Global styles overwriting local attributes
  • Fix: Editor controls spacing using RTL languages

1.8.0

  • Feature: Add flexbox alignment matrix component to Container toolbar
  • Feature: Add new Borders panel with width/style/color options for all four sides
  • Feature: Add new dimensions components in Spacing panel
  • Feature: Mix and match padding/margin units across sides and devices
  • Feature: Add more available units to all options that accept them
  • Feature: Allow text values (calc(), var(), etc…) in options that accept them
  • Feature: New “Add to Container” icon added to the toolbar of all blocks
  • Feature: Allow removal of Container block around innerBlocks
  • Feature: Display text field to allow user to replace image URL
  • Feature: Headline block show text in List View
  • Feature: Button block show text in List View
  • Feature: Image block show alt/title in List View
  • Feature: Add Block Label option to label Container, Query Loop, and Grid blocks in List View
  • Feature: Only show one dimension field if synced
  • Feature: Add option to disable Google fonts
  • Feature: Allow all unit types in UnitControl
  • Feature: Add help icon to unit list
  • Fix: Attributes merging incorrect values when multiple blocks are selected
  • Fix: Color and Background panels are visible/accessible on responsive views
  • Fix: Template lock system not applying to inner blocks
  • Fix: Button with dynamic content not displaying the aria-label
  • Fix: unique id not regenareted correctly on widgets editor
  • Fix: React createRoot warning
  • Fix: Double-click when selecting Grid template
  • Fix: Query loop parameter delete button size
  • Fix: Advanced select jumping when near the bottom of the page
  • Fix: Triple captions using static image with dynamic link
  • Fix: Flex icons based on direction in device previews
  • Fix: Container appender icon spacing
  • Fix: useDeviceType state was one state behind when triggered from core buttons
  • Fix: Use unit in UnitControl if value starts with decimal
  • Fix: Remove trailing spaces from UnitControl numeric value
  • Tweak: Require at least PHP 7.2
  • Tweak: Move block alignment to Layout panel
  • Tweak: Remove help text from Grid vertical alignment
  • Tweak: Remove the Button Container variation
  • Tweak: Clean up UnitControl display across all browsers
  • Tweak: Show all Google fonts in font family dropdown
  • Tweak: Remove top/bottom margin from Query Loop in the editor
  • Tweak: Force lowercase units in UnitControl
  • Tweak: Improve UnitControl unit visibility
  • Tweak: Show units in 2 rows
  • Tweak: Use same unit list for all UnitControl controls
  • Dev: Rebuild how block migrations run
  • Dev: Migrate spacing attributes to new spacing object attribute
  • Dev: Migrate typography attributes to new typography object attribute
  • Dev: Migrate icon padding and size attributes to new iconStyles object attribute

Full changelog can be found here.