Skip to content
COVERT NINE
  • Back to top
  • WordPress
    • Hosting Plans
    • C9 Themes + Plugin Overview
    • C9 Getting Started Guide
    • C9 Blocks Animation Plugin
    • C9 Admin Dashboard Plugin
    • Get Support
    • C9 Early Access Signup
  • C9 Demos
    • C9 Starter
    • C9 Music
    • C9 Work
    • C9 Togo
  • Client Login

Getting to Work with c9

How do you build websites with C9?
A Getting Started Guide

C9 is used by thousands of content creators, marketing managers, designers, and developers of all skill levels because it takes the grind out of creating content.

On this page, you’ll find our best videos and direct links to documentation, theme demos, and example content to help get you started.

Video walkthrough of what C9 Blocks + C9 Blocks Animation can do with the new Twenty Twenty One WordPress Theme

Scroll down for the tour or jump ahead
↓

new to WordPress
Experienced with WordPress
Video Tutorials
If you haven’t already, download c9
download C9

C9 is a collection of WordPress themes and plugins designed to help clients create web content.

Together, they make the CONTENT CREATION EXPERIENCE IN THE WORDPRESS more intuitive to help tell your stories, promote events, services, or even sell your stuff.

Who needs an entire agency when it’S EMBEDDED IN THE CODE?

C9 block-based Themes

If you’re not a designer or developer, then these themes will give you a great starting point for your WordPress project. The logos, colors, and fonts can all be changed from within the customizer, with specific instructions available from the setup page of any one of our theme demo links below.

For additional customizations, you can use the custom CSS field from inside the customizer, or by using a child theme.

All of our block-based WordPress themes come with block patterns, child themes with specific functionality in the C9 Music + Togo, and they’re all compatible with C9 Admin Dashboard, C9 Blocks, and C9 Blocks Animation.

To get started making your own themes, we suggest reading our C9 Starter Theme customization documentation page. All of the themes below were developed using that page as the starting point!

C9 Starter – Great for new brands or a starting point for a custom theme
Live Demo
wordpress.org
C9 Togo – An order and pickup concept for restaurants, breweries, or dispensaries
Live Demo
C9 Music – A theme that’s for audio-focused musicians, DJs, and podcasts
Live Demo
C9 Work – A WooCommerce + catalog site for business with Max Mega Menu
Live Demo
wordpress.org

using c9 blocks

For Beginners: Browse the templates modal to see templates organized by the customers’ journey or by the focus of the page content

page templates organized by the customers journey with objective-focused section templates

Click on the feather icon in the block editor’s upper right-hand corner to access the C9 sidebar. From there, you’ll find buttons for the templates modal with has a library of 50+ page templates, a tab for your Reusable blocks (saved blocks), and a tab for the best C9 related content.

Hover over template icons to preview templates, review your previously saved layouts, or access our tutorials that show how to insert block layouts based on specific objectives.

Building a landing page from start to finish with c9 templates modal + C9 Blocks animation
Using C9 Grid Blocks Video
Editing with C9 Work Video lol

FOR THE PROS: GET STARTED WITH C9 GRIDS AND BUILDING PAGES FROM SCRATCH with custom block styles to use later with reusable blocks

Two minutes to learn everything you need to know about c9.

If you’re an experienced designer or WordPress user, we suggest building from scratch using C9 Grid blocks and experimenting with templates for ideas. In the video above, we use a combination of core blocks, C9 Blocks, and templates we pull out of the C9 templates modal.

We’ve found ourselves creating a few large content sections from a blank post or page screen, adding specific styles for unique brand elements, and then saving the block layouts to the Reusable Blocks tab of the C9 templates modal to help create the rest of a site page.

The style guide template is a great place to start if you plan on customizing C9 to use a client’s brand identity.

Carousels of sponsor logos, fullscreen page headings with videos in the background, Spotify playlists with track listings, and a multitude of article templates are just a few of the reusable blocks that we’ve found ourselves using over and over again as we build out marketing campaigns or highlight a new podcast episode for our clients.

C9 is meant to take a backseat to the brand–so your logo, colors, typography, and design styles should reflect the client, not COVERT NINE.

We typically start coding with the style guide template that comes with C9 Blocks when developing a custom theme using C9. The style guide shows all of the blocks that make up a brand identity.

Block pattern templates with all C9 themes

Save your work and re-use it later with Reusable Blocks, or use the built-in block patterns from any of the C9 WordPress themes that were sent to you when you signed up for the early access list. There’s a style guide that comes with C9 Blocks, and a core style guide block pattern that comes with every C9 theme like you see above with the C9 Music theme.

Using C9 Grid Blocks Video
Editing with C9 Work Video

Click on the feather icon in the upper right-hand corner of the any block editor window to access the C9 sidebar, which has buttons for each tab of the templates modal, and a tutorials tab filled with recently updated video content showing you the best of C9.

Get on the C9 early access list to get all the plugins + themes and further c9 demos

Free sign up

Bring your page content to life with transition and scroll-based animations from the c9 blocks animation plugin

ScrollTrigger or transition-based animations controlled in the block editor

One thing that separates any old website from a C9 website is the smooth user experience that comes from using subtle animations on elements you want to draw attention to.

We recently launched the C9 Blocks Animation plugin to help with exactly that, and it’s free if you sign up for the early access list.

ScrollTrigger-based animations, in addition to transitions, make for a fun interactive animation effect that animate as a user scrolls on just about any core WordPress block or C9 block.

C9 Blocks Animation uses GreenSock JS for animation because it’s the best animation library for 60fps animations with backward compatibility for older browsers, and it even works on mobile!

Learn how to use C9

build from scratch, or start with our professionally-designed templates

The videos and articles below show you specific aspects of editing with blocks, as well as full timelapse videos that show the entire process from start a blank page editor screen to a finished design. The videos are available from the TUTORIALS tab from the C9 templates modal right there in your WordPress admin.

Block Patterns Now Supported in all C9 WordPress Themes

C9 + Twenty Twenty One WordPress Theme “Remix”

C9 Blocks Image Carousel Block Walkthrough

A Stolen Website Launch: Custom C9 Starter WordPress Theme for Stolen Spirits Featuring A WooCommerce Store, Block Templates, and GreenSock Animations

Building a Signup Focused Landing Page With C9 Block Templates

New Section + Page Templates with Modal Preview with C9 Blocks v1.2

Build A Media Page with C9 Grid Blocks, Posts + Background Video

C9 Admin Dashboard Release: Our latest plugin to customize the WordPress admin is now available from WordPress.org

Editing Template Text Content, Moving Blocks + Using Groups

Editing Background Imagery + Settings with C9 Grid Blocks

Wait a minute; you’re not on the list? Get on the C9 early access list to get all the plugins + themes for free.

Free sign up

Get @COVERTNINE

  • Client Login
  • WordPress Hosting + Maintenance Plans
  • C9 “Just Fix It” Policy
  • F.A.Q.
  • Get Support
  • Contact
InstagramYouTubeLinkedInGitHub

© 2024 C9 / COVERT NINE LLC. All Rights Reserved. Privacy | Terms | DMCA

Search for: