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.

genesis-blocks/gb-container
Container
genesis-blocks/gb-accordion
Accordion
genesis-blocks/gb-profile-box
Profile Box
genesis-blocks/gb-notice
Notice
genesis-blocks/gb-button
Button
genesis-blocks/gb-testimonial
Testimonial
genesis-blocks/gb-spacer
Spacer
genesis-blocks/gb-layouts
Layouts
genesis-blocks/gb-newsletter
Email newsletter
genesis-blocks/gb-cta
Call To Action
genesis-blocks/gb-column
Advanced Column
genesis-blocks/gb-drop-cap
Drop Cap
genesis-blocks/gb-sharing
Sharing
genesis-blocks/gb-columns
Advanced Columns
genesis-blocks/gb-pricing
Pricing
genesis-blocks/gb-pricing-table
Pricing Column
genesis-blocks/gb-pricing-table-price
Product Price
genesis-blocks/gb-pricing-table-subtitle
Product Subtitle
genesis-blocks/gb-pricing-table-title
Product Title
genesis-blocks/gb-pricing-table-features
Product Features
genesis-blocks/gb-pricing-table-button
Product Button
genesis-blocks/gb-post-grid
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

September 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.
August 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.
August 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 4 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.0

  • Initial release.