C9 Blocks

Description

COVERT NINE‘s C9 Blocks plugin provides 10 new Gutenberg blocks, plus an interface for creating pages from section templates, or fully-built page templates. Block landing page templates are usable for any purpose but designed to give organizations a head start on creating landing pages with specific purposes for their audience.

The landing page templates are organized in a modal by the “content journey” step (Awareness, Consideration, Conversion) and can be accessed from the feather logo icon in the upper right corner after installing the WordPress plugin.

Plugin can be installed from the WordPress admin via file upload, or by cloning the Github repo. We recommend using a C9 WordPress Theme with the C9 Blocks plugin, but it also works with the Twenty Twenty and Twenty Nineteen WordPress themes.

For an overview of each of the blocks, and more up to date documentation, head over to our documentation site.

Jump To

Description | Installation | Frequently Asked Questions
Screenshots | Changelog | Upgrade Notice
C9 Blocks Includes the Following Blocks | Demo Videos | C9 WordPress Theme

Follow Along | Online Documentation | Support

C9 Blocks Includes the Following Blocks

  • Heading Block
  • Social Share Block
  • Horizontal Tabs Block
  • Vertical Tabs Block
  • Posts Grid Block
  • Post and Page Grid Block
  • Call To Action Block
  • Carousel Block
  • Image Carousel Block
  • Toggles Block
  • Grid Block

Demo Videos

We’re constantly updating videos on the C9 Docs site, as well as on our YouTube Channel.

What’s it like editing content with C9 Blocks & C9 Themes?

How to Create a Homepage for the Twenty Twenty WordPress Theme

Building A Netflix Inspired Landing Page with C9 Blocks

Overview & Documentation

Get an overview of each of the blocks and the latest documentation by heading over to our documentation site.

C9 WordPress Theme

The C9 Starter Theme is a responsive and minimal, CSS Grid-based, Bootstrap 4 theme that utilizes most of Bootstrap’s components and works seamlessly with the new custom editor style from WordPress 5. It’s based on Understrap, but with an innovative approach to using Gutenberg’s editing system and a more minimal minimal theme skin to start with.

If you’re working on behalf of a client or customer and want to build your own style guide and/or themes on top of the C9 Starter Theme, included is a client boilerplate folder and full child theme support. Join the C9 Beta with a simple email signup to get four example themes along with all of our other WordPress tools emailed to you with updates, tutorials, and tips on how to build your own Gutenberg-powered block-based WordPress websites.

Follow Along

Online Documentation

Support

Please visit our support forum: Here

Get premium paid support: Here

Main documentation can be found Here

The Blocks Development Guide lives Here

Tutorials and demo content can be found Here

Screenshots

  • A look at the COVERT NINE Blocks from the + icon in a Gutenberg editing screen
  • C9 blocks by using the '/' key shortcut and typing 'c9'
  • After clicking the feather icon, the page sections modal pops up.
  • Page Templates in the C9 Blocks modal.
  • Reusable Blocks that you have saved on a site will display and can be previewed with the C9 Blocks modal.
  • Tutorials in the modal to show how to use the blocks plugin and how to build landing pages.

Blocks

This plugin provides 17 blocks.

  • C9 Social Share
  • C9 Call To Action
  • C9 Heading
  • C9 Grid
  • C9 Horizontal Tabs
  • C9 Vertical Tabs
  • C9 Toggles
  • C9 Posts Grid
  • C9 Carousel
  • C9 Image Carousel
  • C9 Column Container
  • Column
  • C9 Vertical Tab
  • C9 Horizontal Tab
  • C9 Carousel Slide
  • C9 Blocks
  • C9 Toggle Item

Installation

  1. Upload the plugin files to the /wp-content/plugins/c9-blocks directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Use the Appearance->C9 Blocks screen to see a quick overview for using the plugin, and you can access your Reusable Block Layouts you save at Appearance -> C9 Reusable Blocks.
  4. The C9 Blocks plugin should redirect you to this quick start guide after activation. Blocks can be accessed from the + icon or the feather logo icon in the upper right hand corner form any Gutenberg editing screen

FAQ

Can C9 Blocks be used with any theme?

The current blocks plugin supports the WordPress Twenty Nineteen, upcoming WordPress Twenty Twenty Beta Theme, as well as the C9 Starter Theme. We’re working to make the plugin work with other themes too. If you have a page template that supports full-width layouts, then the C9 Blocks plugin should work with most Bootstrap and some non-Bootstrap themes.

Get the C9 Theme

Do I need the new block editor to use C9 Blocks?

Yes, you will need to have WordPress 5.0 or later installed to take advantage of C9 Blocks, and if you have the latest versin of the Gutenberg plugin installed, you can use the BlockPreview support we have built into our saved templates modal, but there may be some conflicts that exist as we haven’t fully tested the latest Gutenberg plugin editor with our theme/plugin.

Reviews

April 13, 2020
I was looking for some Bootstrap 4 support while prototyping for a client when I stumbled upon this plugin and the C9 Theme, and it's been a revelation. I've made extensive use of this plugin's grid system, to ease responsiveness management inside the Gutenberg editor, which allowed me to focus more on the content. The second best thing this plugin offers is the "reusable blocks" features. This has been quite handy to nail specific responsive section designs my client was looking for, and easily replicate them across several different pages. Being able to place a combination of nested blocks, pre-styled and configured, has been a godsend. The block templates are a bit situational. They follow a specific artistic design, so they might not be applicable to every projects, but it's nice when they do. Support's also been great. So, all in all, I'm pretty satisfied with C9 Blocks.
Read all 1 review

Contributors & Developers

“C9 Blocks” is open source software. The following people have contributed to this plugin.

Contributors

“C9 Blocks” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “C9 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.2.4

Fixing C9 Grid blocks causing horizontal scrollbar in Chrome on Windows, alignment fixes for C9 Posts Grid container, modal grid icon size adjustments.

1.2.3

Adjustments to templates modal on smaller screens, fixes for some JS errors showing up for some users.

1.2.2

Bug fix for C9 Blocks Animations with video background C9 Grids.

1.2.1

Optimized SVG icons, optimizing frontend file size, modal style updates.

1.2

Added alignwide and alignfull alignments to Carousels and Image Carousels. Added draggable heights for containers in C9 Grids. Several bug fixes to jumpy navigations, preparing plugins for animation settings. Bug fixes to alignments on some blocks. New page templates and section templates!

1.1.3

Fixed issues with new toggles and tabs not displaying appender buttons and some alignfull container issues on some browsers in WordPress 5.5.

1.1.2

Fixed bugs to grid row buttons and icons missing for delete toggle buttons.

1.1.1

Updated backend settings and CSS for WordPress 5.5. Added equal height slide settings for image carousels and carousels. Added WP Query filtering by tags or categories for Post Grids. Usability enhancements for WP 5.5 to make it easier to add content to C9 Grids and carousels. C9 Grids can be used on Posts in addition to Pages. Added better support for IE11.

1.1

Fixed margins on column buttons. Added appender buttons for column grids to make it easier to add content.

1.0.9

Fixed bug on alignwide alignment for containers on some tablet devices.

1.0.8

Compatibility updates for WP 5.4 release to deprecated code. Fixed video background display bug. Better Internet Explorer 11 support.

1.0.7

  • Microsoft Edge browser compatibility updates. Internet explorer 11 compatibility updates for grid alignments.

1.0.6

  • Fixed markup changes for WordPress 5.4 Gutenberg updates
  • Alignwide and alignfull class updates for Posts
  • Bug related to display of embeds and Twitter embeds
  • Single post big header entry meta bug fixes
  • Updates to templates modal
  • Fixing Netflix style page template queries
  • Backend mobile updates

1.0.5

  • Fixed contact template that had unexpected block output
  • Fixed color and image path background image bugs. Thanks Drew + Christian.
  • Fixed admin-style path double /

1.0.4

  • Fixed error message related to colors in backend being exposed to rest API

1.0.3

  • Added font size controls to call to action block
  • Added mobile override settings for background imagery in C9 Grid and C9 Posts Grid Block (Initial beta of the mobile settings)
  • Fixed bugs causing jumpy row buttons on c9-grid block
  • Adjustments to editor spacing of grids and columns to more accurately reflect the frontend display
  • Removed dotted outlines for columns
  • Updated modal design
  • Updates to page templates and section templates
  • Added several new layouts to templates modal
  • Updated bugs for WordPress Twenty Twenty and Twenty Nineteen Themes to remain compatible with the latest version of WordPress 5.3.2
  • Updates to mobile layouts for most templates with background imagery

1.0.2

  • Updated readme files, and fixed bugs related to display of backgrounds on iOS devices.

1.0.1

  • Initial release
  • 10 new blocks
  • 38 section templates
  • 15 full landing page templates
  • First set of online documentation
  • WordPress Twenty Nineteen and Twenty Twenty Support
  • C9 Starter Theme Support