/c9-blocks

C9 Blocks is a Wordpress plugin for the Gutenberg editor that contains custom blocks (including a responsive grid), page and section templates.

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

WordPress Campatible Badge Plugin Version GPL Version

Landing page building blocks for the new WordPress editor.

C9 Blocks gives you the tools to work entirely within the Gutenberg block editing API with 10 new content blocks, 30+ section templates, and 15+ landing page templates. The grid block provides a container for repeatable rows of content, which can be split into columns, and are responsive by default.

This plugin is compatible with the Twenty Nineteen and Twenty Twenty themes but can be paired with the C9 starter theme and C9 admin plugin to great effect for developers, agencies, and website content managers.

C9 Blocks Header

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

For an overview of each of the blocks, and more up to date documentation, head over to our documentation and demo site. https://c9.covertnine.com

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:

Installation

This plugin can be installed directly from your site.

  1. Log in and navigate to Plugins → Add New.
  2. Click "upload plugin"
  3. Locate the C9 Blocks plugin zip file you downloaded from Github or covertnine.com and click Install Now.
  4. Once installed, click the Activate link.

It can also be installed by cloning the Github repo into your Plugins directory if you plan on making changes and making use of NPM.

== Demo Videos ==

How to Create a Homepage for the Twenty Twenty WordPress Theme

https://www.youtube.com/watch?v=urLN4C3YFaM

Building A Netflix Inspired Landing Page with C9 Blocks

https://www.youtube.com/watch?v=ekwe_CaDlP0

Frequently Asked Questions

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 as well. 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. If you have the latest version of the Gutenberg plugin installed, you can use the BlockPreview support that is built into the saved templates modal. *If you experience any conflicts, please let us know so we can make the necessary updates.

Changelog

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 and two other minor bugs.

1.0.4 Fixed error from orig colors being exposed to rest API.

1.0.3 Added mobile override settings for background imagery in C9 Grid Block (Initial beta of the mobile settings.) Modal template adjustments, and spacing adjustments for grid block columns, and paragraph font sizing on CTA blocks. Page templates and section templates were also updated and improved from 1.0.1.

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

1.0.1

  • Initial release with 10 new blocks, 38 section templates, 15 full landing page templates, and our first version of documentation. Plugin is currently tested with the WordPress Twenty Nineteen and Twenty Twenty beta themes, as well as the C9 Starter Theme