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!

Along with the content blocks you’ll find in Atomic Blocks, we’re also publishing helpful articles and tutorials to help you get started with Gutenberg. Visit the Atomic Blocks blog to learn more today!

Atomic Blocks currently includes the following blocks:

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

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.

Reviews

Great Plugin

Thank you for creating an amazing and useful plugin. We used it with our latest free Gutenberg theme Veganos and we love it. It has everything needed to create more complex websites.

Responsive, and ahead of the curve

Blocks are new. The concept is new. The struggle is new. But this plugin, and the responsive authors is fantastic. The latest iteration with the accordion block multi inner block design is excellent. All the blocks work really well, some tweaks still required, but so far ahead of the other block producers. Suggestion: some tutorials for the novice webmaster on chancing CSS for blocks; improve the ‘list’ block (button and text size options); allow the testimonial block (which I use for guest authors) to change font sizes of all text areas; change avatar size in author block and add linkedin to social list. But these are minor issues with this comprehensive block plugin. Well done

Read all 15 reviews

Contributors & Developers

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

Contributors

“Atomic Blocks – Gutenberg Blocks Collection” has been translated into 4 locales. Thank you to the translators for their contributions.

Translate “Atomic Blocks – Gutenberg Blocks Collection” into your language.

Interested in development?

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

Changelog

1.4.21

  • Remove notice to install Gutenberg.

1.4.2

  • Fix category error in Post Grid block.
  • Change asset loading for WordPress 5.0.

1.4.1

  • Fix FontAwesome loading issue.

1.4.0

  • Add block dependencies to wp_enqueue_script

1.3.9

  • Fix behavior of attribute output
  • Restrict media upload to images
  • Update French translation strings

1.3.8

  • Improved Getting Started page.
  • Update translation strings.

1.3.7

  • Update translation strings.
  • Limit asset loading to GS page.
  • Add conditional check to post grid.
  • Add French translations.

1.3.6

  • Update PanelColor component to PanelColorSettings.

1.3.5

  • Fix button focus bug in Call To Action block.
  • Fix button focus bug in Button block.
  • Fix text focus bug in Author Profile block.

1.3.4

  • Convert Accordion Block text area to InnerBlocks to allow for adding any block.

1.3.3

  • Update FontAwesome to 5.2.0.
  • Move dynamic block PHP to src folder.
  • Add option to customize Read More link text in Post Grid block.

1.3.2

  • Fix category drop down on Post Grid block.
  • Fix path to fontawesome on Getting Started page.

1.3.1

  • Fix bug in Post Grid block that prevented it from displaying in the editor.
  • Fix window.userSettings is undefined error.
  • Fix bug in dismissable notice.

1.3.0

  • Fix padding increments on Container block.
  • Improve color display on Call To Action block text.

1.2.9

  • Convert saved RichText to RichText.Content.
  • Prepare blocks for toolbar formatting.

1.2.8

  • Fix focus bug on Testimonial block title.

1.2.7

  • Fix URLInput on the Button block.

1.2.6

  • Remove unnecessary state from blocks.
  • Improve call to decodeEntities.
  • Update URLInput.

1.2.5

  • Fix links in readme.txt.
  • Fix update notice CSS bug.

1.2.4

  • Add max width setting to Container block.

1.2.3

  • Add Container Block.
  • Fix toolbar focus bug on Accordion Block.

1.2.2

  • Add blocks to a custom Atomic Blocks category in the block inserter.
  • Clean up markup and remove unnecessary code.
  • Add inline toolbar to text area on relevant blocks.

1.2.1

  • Update blocks to work with Gutenberg 3.1.0.

1.2.0

  • Fix fatal error in last update.

1.1.9

  • Add Post Grid Block.
  • Add improvements for Gutenberg 3.0.
  • Clean up existing blocks.

1.1.8

  • Improve margins for blocks in editor.
  • Fix quirks in the drop cap block.

1.1.7

  • Remove unnecessary isSelected from controls.
  • Fix undefined post bug.
  • Move components to wp.editor.
  • Improve styles for URL input on button block.

1.1.6

  • Rename array_social_icon_footer_script() to atomic_blocks_social_icon_footer_script().

1.1.5

  • Improved the color palettes for changes that happened in Gutenberg 2.8.

1.1.4

  • Add the sharing icons block.

1.1.3

  • Replace props.focus with isSelected for Gutenberg 2.8.0.

1.1.2

  • Refactor the CTA block.
  • Refactor the Author Profile block.

1.1.1

  • Improve Author Profile block to fix text focus and spacing.

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.