Genesis Blocks

Description

Genesis Blocks is a collection of page building blocks for the Gutenberg block editor. Building pages with the block editor and Genesis Blocks gives you more control to quickly create and launch any kind of site you want!

Installing the customizable Genesis Blocks plugin adds a collection of beautiful, site-building blocks to help you customize page layouts, increase engagement, and get results for your business. Genesis Blocks provides everything from customizable buttons, to beautifully-designed page sections and full-page layout designs via the Section & Layout block.

Along with the blocks themselves, Genesis Blocks extends the content creation experience by providing a library of page sections and full-page layouts, all available from within the block editor.

Create compelling content faster.

Create and use content quickly with prebuilt and custom content sections and full-page layouts.

Enhance the Gutenberg editor.

Additional content blocks and the layout selector make it easy to get the most value out of the block-based editor.

Genesis Blocks currently includes the following blocks to help you build content and pages quickly and effortlessly:

  • Section & Layout Block
  • Advanced Columns Block
  • Newsletter Block
  • Pricing Block
  • Post Grid Block
  • Container Block
  • Testimonial Block
  • Inline Notice Block
  • Accordion Block
  • Share Icons Block
  • Call-To-Action Block
  • Customizable Button Block
  • Spacer & Divider Block
  • Author Profile Block
  • Drop Cap Block

Do more with Genesis Pro

For those wanting to level-up with Genesis Blocks, a Genesis Pro subscription brings even richer tooling and a bigger library of sections and layouts.

  • 2 new blocks (more coming soon)
  • 26 pre-built full-page layouts
  • 56 pre-built sections
  • Save & reuse your own sections & layouts
  • Advanced block-level user permissions
  • Access to and support for Genesis Framework & all of our 35 StudioPress-made premium child themes.
  • Additional advanced features for the rest of the Genesis Product Suite

Genesis Pro includes even more value for modern WordPress content creators, marketers, and developers. Learn more about Genesis Pro here.

Google AMP Support

The Accelerated Mobile Pages (AMP) project is a publishing format created by Google to enhance site performance for mobile website users. AMP pages are specially designed for Google search users to quickly load website pages without using any extraneous data. Genesis Blocks has support for AMP built into each block!

Help & Docs

User and developer docs for Genesis Blocks can be found here.

Screenshots

  • Library of pre-designed page layouts
  • A pre-designed call-to-action page design
  • Some of the many blocks included in Genesis Blocks

Blocks

This plugin provides 22 blocks.

  • Container
  • Accordion
  • Profile Box
  • Notice
  • Button
  • Testimonial
  • Spacer
  • Layouts
  • Email newsletter
  • Call To Action
  • Column
  • Drop Cap
  • Sharing
  • Advanced Columns
  • Pricing
  • Pricing Column
  • Product Price
  • Product Subtitle
  • Product Title
  • Product Features
  • Product Button
  • Genesis Blocks

Installation

This plugin can be installed directly from your site.

  1. Log in and navigate to _Plugins → Add New.
  2. Type “Genesis Blocks” into the Search and hit Enter.
  3. Locate the Genesis Blocks plugin in the list of search results and click Install Now.
  4. Once installed, click the Activate link.

It can also be installed manually.

  1. Download the Genesis Blocks plugin from WordPress.org.
  2. Unzip the package and move to your plugins directory.
  3. Log into WordPress and navigate to the Plugins screen.
  4. Locate Genesis Blocks in the list and click the Activate link.

FAQ

Can Genesis Blocks be used with any theme?

Yes, you can use Genesis Blocks with any theme, but we recommend using one of the Gutenberg-ready StudioPress themes such as Revolution for the best presentation. Both of these themes have beautiful styles built in specifically for Genesis Blocks.

Do I need the new block editor to use Genesis Blocks?

Yes, you will need to have WordPress 5.3 or later installed to take advantage of Genesis Blocks.

Reviews

Nopémber 18, 2020
Earlier I was disappointed that my support ticket got closed too quickly without a proper solution for the issue I reported was offered. Since then things were talked out and later on Anita (a Genesis Genius) even came up with a solid workaround to my issue. Genesis Blocks is (as the successor of Atomic Blocks) offers really nice blocks and the layout selector User Interface (full of block patterns )is unmatched and even better than the default pattern selector of Gutenberg.
Séptémber 11, 2020
The cool thing about this plugin is that it's all using the WordPress core platform. So instead of adding an entirely new editor, this works hand-in-hand with WordPress's Gutenberg Block Editor. While the other add-on editors like Elementor, Divi, BeaverBuilder, etc. are very robust and build grand-lovely pages, keep in mind that WordPress Blocks is still only at it's infancy and Genesis Blocks is also just getting started. The future looks exciting for these two products and their possibilities.
Agustus 28, 2020
Special Thanks to Studiopress! It is a nice edition before the use of the Genesis Pro page builder. I have created my own website blogging website within the last two days by genesis sample and Genesis Blocks. It's ab columns and Accordion is my most favorite. definitely pre-designed sections and layouts are awesome.
Agustus 25, 2020
This plugin adds some handy individual blocks (advanced columns and the pricing table are my favorite). I also like the pre-designed sections and layouts made up of both WP Core blocks and Genesis Blocks. Great for laying out nice page designs quickly.
Read all 6 reviews

Contributors & Developers

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

Contributors

“Genesis Blocks” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Genesis Blocks” into your language.

Interested in development?

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

Changelog

1.2.1

  • Fixed: The layouts block is no longer left over in the editor if the modal is closed by the user.
  • Fixed: The layouts button in the Block Editor header toolbar uses a more reliable javascript event to ensure it is always visible.
  • Fixed: The Post and Page Grid block now shows all pages selected, instead of cutting it off at the number of posts set to show.
  • New: Added a “Leave a review” button to the settings page.

1.2.0

  • New: Introducing Collections, a curated suite of pattern designs to quickly build out beautiful pages and full websites.
  • Added support for migrating Genesis Blocks Pro users.

1.1.1

  • Fixed an issue for sites migrating from Atomic Blocks where in some cases the migration did not complete due to an error when deactivating the Atomic Blocks plugin.

1.1.0

  • Added a way to migrate from Atomic Blocks to Genesis Blocks. Update now to learn more!
  • Fixed issue with border radius in the Accordion block.
  • Fixed minor bug in the Post Grid block that could cause PHP notices if the block is used in non-standard locations outside of post content.
  • When using the Advanced Columns block, the inner column block now has a label of Column instead of Advanced Column to make it easier to distinguish from the outer column block that wraps it.
  • Added a Getting Started page to make it easier to access documentation, discover Genesis themes, and provide us feedback about the plugin. Send us your thoughts!

1.0

  • Initial release.