CoBlocks – Gutenberg Blocks for Content Marketers

Description

CoBlocks is a collection of page builder Gutenberg blocks for content marketers, built by the fine folks at ThemeBeans.

CoBlocks Gutenberg Blocks

  • Accordion Block
  • Alert Block
  • Author Block
  • Dynamic HR Block
  • Click to Tweet Block
  • Gif Block
  • GitHub Gist Block
  • Pricing Table Block
  • Social Sharing Block
  • Highlight Block

A new way to WordPress

We built CoBlocks for the next-generation block editor, codenamed Gutenberg. This new block editor absolutely empowers people to create rich content in such an intuitive fashion.

Building on top of this new foundational change in content creation, CoBlocks leverages Gutenberg to add even more functionality to the block editor. Space out content, drop in social icons, add gifs — all of these, and more, are new blocks powered by CoBlocks.

Our vision with CoBlocks is to create content blocks that deliver a first-rate experience for writers, content marketers and publishers.

This plugin is created and maintained by Rich Tabor.

Built with developers in mind

Extensible, adaptable, and open source — CoBlocks is created with theme and plugin developers in mind. There are opportunities for developers at all levels to get involved. Click here to contribute to CoBlocks.

Screenshots

  • Accordion block: Add accordions and set them to display as open or closed by default

  • Gists block: Embed GitHub gists right within the block editor

  • Author block: Add an author profile to your posts

  • Click to Tweet block: Let folks engage with your site via Click to Tweet

  • Social block: Add a customizable social sharing components

  • Gif block: Search for relevant Giphy gifs and add them in seconds

Installation

  1. Upload the coblocks folder to your /wp-content/plugins/ directory or alternatively upload the coblocks.zip file via the plugin page of WordPress by clicking ‘Add New’ and selecting the zip from your computer.
  2. Install and activate the Gutenberg WordPress plugin.
  3. Activate the CoBlocks WordPress plugin through the ‘Plugins’ menu in WordPress.
  4. Use CoBlocks blocks on your next page or post.

FAQ

How do I start using Gutenberg?

To get the full experience of the next-generation WordPress block editor, you’ll need a Gutenberg-ready WordPress theme, like Tabor. Then install the Gutenberg WordPress plugin. That’s it! 💥

Should I use Gutenberg on my live site?

The new block editor is still very much in active development and is not recommended for production websites just yet.

What WordPress themes work with CoBlocks?

Any properly developed WordPress theme will work with CoBlocks, though if you’re looking for an exceptional theme for writers and content marketers, check out Tabor. Developers are also able to apply minor style touch-ups to themes, to make the blocks fit in better with existing themes.

Is CoBlocks free?

Yes! CoBlocks’ core features are absolutely free.

Where can I ask for help?

Please reach out via the official support forum on WordPress.org.

Reviews

Lost my accordion data after save page from draft to publish

Just click on ‘+’ sign, select Accordion block – there are 2 issues with it.

1) Can’t write an accordion title
2) write your own text with the accordion description

And save changes or publish page/post.

You will lose your content whatever you created in past!!

Disappointment for me after whole homepage creation 🙁

Enthusiasm abounds

As always, Rich’s enthusiasm for a new project is evident. I wish him luck with this professional and workmanlike contribution to the Gutenberg specific theme market. And I hope it brings him lots of site visitors. If there is a problem with this theme and plugin combination, I didn’t find it. However, both the Gutenberg themes I have tried out have required an additional plugin which tries to make them acceptable alternatives to Elementor or Beaver Builder, for example. They both failed. Which to my mind says more about the paucity of the Gutenberg plugin at this stage, than it does about the themes. Gutemberg is simply nowhere near showtime ready yet.

Unusable in a hierarchical category / post structure

I installed the plugin because I was looking for and needing an accordion block. But the one I found is ways too basic what I wanted to achieve. In its actual state, you have to assemble manually a number of accordion blocks and to fill manually headings and contents of each.single.block which is not efficient and not relational.

I had expected that I’d link the accordion to a category and that the posts of that category would automatically generate and populate the needed number of accordion blocks in a common container like a post grid. Adding posts to that category later would automatically lead to the addition and population of an accordion element.

no use for me. Uninstalled after 5 minutes.

Good Potential

This plugin will be useful for some, though it doesn’t expand too far from the basic Gutenberg blocks.

The accordions are simple to use, and the author block is pretty cool. Social sharing is easy to setup, but pretty basic.

I think that if you develop out the pricing table block to have options for adding a background for each row within the pricing column, as well as the ability to add more columns than just two (or even just one so that you could set the columns by adding the table to a Gutenberg column block), that in itself could make the plugin super awesome.

Giving 5 stars in hopes that you continue to build the plugin and add more features. Good luck with future development!

Read all 4 reviews

Contributors & Developers

“CoBlocks – Gutenberg Blocks for Content Marketers” is open source software. The following people have contributed to this plugin.

Contributors

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

Translate “CoBlocks – Gutenberg Blocks for Content Marketers” into your language.

Interested in development?

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

Changelog

1.1.10, September 25, 2018

  • New: Gutenberg 3.9 compatibility! 🎊
  • Fix: Resolve attribute issue with italized strings in the Accordion block
  • Fix: Resolve Pricing Table block display issue in Gutenberg 3.9

1.1.9, September 17, 2018

  • Fix: Click to Tweet display bug on the unified toolbar
  • Fix: The Dynamic Separator is now editable when the unified toolbar is enabled
  • Tweak: Add proper RichText.isEmpty checks
  • Tweak: Add better defaults for the Alert block

1.1.8, September 12, 2018

  • New: Refactor Pricing Table block
  • New: Add Pricing Table Item child-block
  • New: Now add up to four pricing tables
  • Fix: Resolve Pricing Table block line height bug
  • Fix: Resolve left/right/center alignment bug in the Gif block
  • Fix: Resolve issue where the unified toolbar displayed some controls oddly
  • Tweak: Update icons to reflect Gutenberg’s updated UI
  • Tweak: Update Pricing Table block icons to better represent each button URL field
  • Tweak: Resolve deprecated .value prop in color objects (for Gutenberg 3.9+)
  • Tweak: Update getColorClass to getColorClassName

1.1.7, August 29, 2018

  • New: Add transforms for improved copy/pasting of CoBlocks blocks
  • New: Add support for color classes in the Dynamic HR block
  • New: Add DropZone support for uploading the avatar within the Author block
  • Fix: Click to Tweet transforms now properly set
  • Tweak: Improve splitBlock functionality for an improved UX with the Highlight block
  • Tweak: Move Dynamic HR block style option to use the Gutenberg styles UI

1.1.6, August 24, 2018

  • New: Add a notice to install or activate the companion CoBlocks WordPress theme
  • New: Add a feedback request to display after a week

1.1.5, August 23, 2018

  • New: Gutenberg 3.6.2 compatibility! 🎊
  • New: Add a “Delete Gif” control to the Gif block
  • New: Refactor the Alert block
  • Tweak: Adjust UI for Gutenberg 3.6+
  • Tweak: Update block icons to fit in better with the new icons in core Gutenberg
  • Tweak: Fix the Dynamic HR block rendering to resemble the core spacer block

1.1.4, August 16, 2018

  • Fix: Resolve an issue where the Author block would throw an error when the button is clicked

1.1.3, August 13, 2018

  • New: Gutenberg 3.5 compatibility! 🎊
  • Tweak: UI fix for the Gif block to support Gutenberg 3.5
  • Tweak: Minor style fixes for the Gif Block wide and full alignments

1.1.2, August 3, 2018

  • New: Gutenberg 3.4 compatibility! 🎊
  • New: Add support for translations
  • Fix: Update Gif block UI for the latest ResizableBox capabilities
  • Tweak: Move CoBlocks blocks into a separate block category
  • Tweak: Add support for color classes to the Alert and Highlight blocks
  • Tweak: Add a new “type” attribute for the Alert block
  • Tweak: Update blocks to use the new PanelColorSettings component
  • Tweak Use the RichText.Content component for the Author block
  • Tweak: Add a “Remove Image” button for the Author block

1.1.1, June 28, 2018

  • New: Gutenberg 3.1.1 compatibility! 🎊
  • New: Add getColorClass support to the Pricing Table block
  • New: Add ContrastChecker support to the Pricing Table block
  • New: Add withFallbackStyles support to the Pricing Table block
  • Tweak: Add proper left/right/center alignment option for the Pricing Table block
  • Tweak: Implement RichText.Content front-end rendering within the Pricing Table block
  • Tweak: Set withColors for Gutenberg 3.1.0+ support
  • Tweak: Resolve Pricing Table block Inspector Panel typo
  • Tweak: Update the Pricing Table block UI for a more streamlined editing experience

1.1.0, June 18, 2018

  • New: Add Highlight block 🎉
  • New: Add wide alignment support for the GitHub Gist block
  • New: Add support to the GitHub Gist block
  • Tweak: Add a check for #file in the GitHub Gist block + store the file name properly if it’s found
  • Tweak: Implement color classes for the Click to Tweet block
  • Fix: Set a max width for the Click to Tweet block’s empty button placeholder

1.0.9, June 5, 2018

  • New: Gutenberg 3.0 compatibility! 🎊
  • Tweak: Add a gist file TextControl block control
  • Tweak: Add default value to the buttonText attribute of the Author block
  • Tweak: Adjust the Dynamic Separator block resize handlers, which changed in Gutenberg 3.0
  • Fix: Assign proper src for custom block SVG icons per Gutenberg 3.0
  • Fix: Center Author block avatar uploader placeholder SVG
  • Fix: Check if isSelected before showing the alert block title

1.0.8, May 18, 2018

  • New: Gutenberg 2.9 compatibility! 🎊
  • Tweak: Improve UI of the Accordion block component toolbar
  • Tweak: Improve UI of the Pricing Table button links
  • Tweak: Improve UI of the Author block
  • Tweak: Ensure box shadow and text-decoration do not affect social icons

1.0.7, May 7, 2018

  • New: Gutenberg 2.8 compatibility! 🎊
  • Tweak: Change the name of the Dynamic HR block to Dynamic Separator
  • Tweak: Modify the edit component of the Dynamic Separator to resemble the core Spacer block
  • Tweak: Change the Dynamic Separator’s height range control to a number input
  • Fix: Adjust the pricing table button markup to match the core Button block for Gutenberg 2.8
  • Fix: Remove custom color function for the Alert block
  • Fix: Remove the Spacer block as Gutenberg 2.8+ now has a Spacer block
  • Fix: Resolve alert text editor error

1.0.6, May 3, 2018

  • New: Add Pricing Table block 🎉

1.0.5, May 2, 2018

  • New: Add Author block 🎉
  • New: Add Click to Tweet block 🎉
  • Tweak: Adjust focus style for the Accordion block

1.0.4, April 30, 2018

  • New: Add GitHub Gist block 🎉

1.0.3, April 30, 2018

  • Fix: Remove wp-edit-blocks front-end dependency

1.0.2, April 27, 2018

  • New: Add focus style for the Accordion block
  • Tweak: Adjust font size for the Alert block title
  • Fix: Alert block text color issue

1.0.1, April 27, 2018

  • New: Accordion block 🎉
  • New: Add block transforms for the Alert, Spacer, and Dynamic HR blocks
  • New: Refactor Alert block
  • Tweak: a content check before rendering the Alert block
  • Tweak: Rename “Separator (Dynamic)” block to “Dynamic HR”
  • Tweak: Update Alert block icon
  • Tweak: Update Gif block category to “common”

1.0.0, April 19, 2018

  • Initial release on WordPress.org. Enjoy!