Atomic Blocks – Gutenberg Blocks Collection

Description

Atomic Blocks is a collection of content blocks for the new Gutenberg block editor. Blocks are chunks of content such as paragraphs, images, galleries, columns, and more. Building blocks give 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 the following blocks:

  • Testimonial Block
  • Inline Notice Block
  • Accordion Block
  • Call-To-Action Block
  • Customizable Button Block
  • Spacer & Divider Block
  • Author Profile Block
  • Drop Cap Block

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!

Follow Along:

Screenshots

  • The Atomic Blocks Getting Started page.
  • How to find the Atomic Blocks for use.
  • The Notice block with settings.
  • The Testimonial block with settings.
  • The Author Profile block with settings.
  • The Drop Cap block with settings.

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.

FAQ

Installation Instructions

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.
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.

Contributors & Developers

“Atomic Blocks – Gutenberg Blocks Collection” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.1.0

  • Add Call-To-Action Block
  • Improve wide and full-width styles

1.0.9

  • Define PanelBody to fix Drop Cap block error.

1.0.8

  • Add FontAwesome font library back to Getting Started page.
  • Add prefixes to Getting Started page styles to prevent conflicts.

1.0.7

  • Improve Quick Start box on the Getting Started page.
  • Fix issue with FontAwesome not loading on Getting Started page.

1.0.6

  • Add PanelBody to inspector controls.
  • Group social links together in Profile block.

1.0.5

  • Fix the Button block to remove formatting issue.

1.0.4

  • Fix the Accordion block bug where outputs don’t match.

1.0.3

  • Add the Accordion block.

1.0.2

  • Add the Spacer & Divider block.

1.0.1

  • Add the Customizable Button block.

1.0

  • Initial release.