Page building blocks for the new WordPress editor.

Atomic Blocks is a collection of "blocks" for the new WordPress block editor, also known as Gutenberg. Blocks are chunks of content such as paragraphs, images, galleries, columns, and more. Building with blocks gives you more control to quickly create and launch any kind of site you want!

Atomic Blocks is in early development and may not be suitable for production sites. Because the new editor is still in production, breaking changes could be expected. Feel free to follow along and contribute to the development.

Atomic Blocks currently includes:

• Testimonials
• Inline Notice
• Accordion
• Customizable Button
• Spacer & Divider
• Author Profile
• Drop Cap

Atomic Blocks Help File

We've created a handy help file that you can check out here. The help file covers how to setup the plugin and get started with the blocks.

The help file is also available in the plugin once activated. Click the Atomic Blocks admin menu item to visit the Getting Started page.

View the plugin help file

Atomic Blocks WordPress Theme

We've created a beautiful little WordPress theme to help you get started with the Atomic Blocks plugin and the new WordPress block editor. The theme integrates seamlessly with the blocks you'll find in the plugin!

• Atomic Blocks Theme Demo
• Download the Atomic Blocks Theme
• View the theme help file

Follow Along:

• Visit the Atomic Blocks site
• Subscribe to the newsletter
• Follow on Twitter
• Contribute on Github
• Visit Array Themes

Installation

This plugin can be installed directly from your site.

1. Log in and navigate to Plugins → Add New.
2. Type "Atomic Blocks" into the Search and hit Enter.
3. Locate the Atomic Blocks plugin in the list of search results and click Install Now.
4. Once installed, click the Activate link.
5. You will be redirected to the Atomic Blocks Getting Started page.

It can also be installed manually.

1. Download the Atomic 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 Atomic Blocks in the list and click the Activate link.
5. You will be redirected to the Atomic Blocks Getting Started page.

Frequently Asked Questions

Can Atomic Blocks be used with any theme?

Yes, you can use Atomic Blocks with any theme, but we recommend using our Atomic Blocks theme for the best presentation. The Atomic Blocks theme has beautiful styles built in specifically for these blocks.

Get the Atomic Blocks theme

Do I need Gutenberg to use Atomic Blocks?

Yes, you will need to install the Gutenberg plugin to use Atomic Blocks. Eventually, Gutenberg (the block editor) will be merged into WordPress and you won't need the plugin.

Changelog

1.0

• Initial release.

1.0.1

• Add the Customizable Button block.

1.0.2

• Add the Spacer & Divider block.

1.0.3

• Add the Accordion block.