C9 Blocks

Description

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

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.

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

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 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 theme, included is a client boilerplate folder and full child theme support.

Follow Along

Online Documentation

Support

Please visit our support forum: 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 2 blocks.

c9-blocks/social-share
C9 Blocks
c9-blocks/post-grid
C9 Blocks

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.

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