covertnine

samirillion

Ka Wong

malzdesigns

<p><a href="https://www.covertnine.com" rel="nofollow ugc">COVERT NINE</a>‘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 are designed to give organizations a head start on creating landing pages with specific purposes for their audience.</p>
<p><iframe loading="lazy" title="C9 Work WordPress Theme Walkthrough of Block Templates, Mobile Editing, Gutenberg Editor Support" width="750" height="422" src="https://www.youtube.com/embed/zu3JyJr5eeM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>The landing page templates are organized in a modal by the “content journey” step (Awareness, Consideration, Conversion). After installing the plugin, they can be accessed from the feather logo icon in the upper right corner.</p>
<p>Plugin can be installed from the WordPress admin via file upload or by cloning the Github repo. We recommend using a <a href="https://www.covertnine.com/c9-blocks-plugin" rel="nofollow ugc">C9 supported theme</a> with the C9 Blocks plugin, but it also works with the <a href="https://wordpress.org/themes/twentytwentyfour/" rel="ugc">Twenty Twenty Four</a>, <a href="https://2021.covertnine.com" rel="nofollow ugc">Twenty Twenty One</a>, Twenty Twenty and Twenty Nineteen WordPress themes. We recommend using the <a href="https://wordpress.org/themes/c9-starter" rel="ugc">C9 Starter</a>, <a href="https://wordpress.org/themes/c9-work" rel="ugc">C9 Work</a> theme, or <a href="https://wordpress.org/themes/c9-togo" rel="ugc">C9 Togo</a> theme to see C9 Blocks in action, or signup for the <a href="https://www.covertnine.com/forms/c9-beta" rel="nofollow ugc">C9 early access list</a> to get all of our premium themes and plugins for free! We currently have four blocks-based themes and four child themes available for early access list subscribers and an exclusive <a href="https://c9.covertnine.com/c9-animation-plugin/" rel="nofollow ugc">C9 Blocks Animation Plugin</a> to animate any core WordPress blocks or C9 Blocks.</p>
<p>For an overview of each of the blocks, and more up to date documentation, head over to our <a href="https://c9.covertnine.com" rel="nofollow ugc">documentation site</a></p>
<p><strong>What’s it like editing content with C9?</strong></p>
<p><iframe loading="lazy" title="Redesigning The Official Twenty Twenty One WordPress Theme Using C9 Blocks + C9 Blocks Animation" width="750" height="422" src="https://www.youtube.com/embed/fKneUaQic08?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><iframe loading="lazy" title="Redesigning Twenty Twenty One WordPress Theme Using C9 Grid Blocks + C9 Blocks Animation" width="750" height="422" src="https://www.youtube.com/embed/jHqOO_MP8nE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>C9 Blocks Includes the Following Blocks</h3>
<ul>
<li>Heading Block</li>
<li>Social Share Block</li>
<li>Horizontal Tabs Block</li>
<li>Vertical Tabs Block</li>
<li>Posts Grid Block</li>
<li>Post and Page Grid Block</li>
<li>Call To Action Block</li>
<li>Carousel Block</li>
<li>Image Carousel Block</li>
<li>Toggles Block</li>
<li>Grid Block</li>
</ul>
<h3>Demo Videos</h3>
<p><strong>Creating marketing-focused landing pages with C9 Blocks + C9 Starter Theme</strong></p>
<p><iframe loading="lazy" title="Building a Marketing Focused Landing Page With WordPress Block Templates + C9 Starter Theme" width="750" height="422" src="https://www.youtube.com/embed/8qyP5abkoe4?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><strong>How to Create a mobile-friendly and animated Homepage for the Twenty Twenty One WordPress Theme</strong></p>
<p><iframe loading="lazy" title="Redesigning The Official Twenty Twenty One WordPress Theme Using C9 Blocks + C9 Blocks Animation" width="750" height="422" src="https://www.youtube.com/embed/fKneUaQic08?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><strong>Designing a new page header using C9 Grid blocks and the Twenty Twenty One WordPress Theme</strong></p>
<p><iframe loading="lazy" title="Redesigning Twenty Twenty One WordPress Theme Using C9 Grid Blocks + C9 Blocks Animation" width="750" height="422" src="https://www.youtube.com/embed/jHqOO_MP8nE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><strong>How to Create a Homepage for the Twenty Twenty WordPress Theme</strong></p>
<p><iframe loading="lazy" title="Building A Responsive Homepage with the new WordPress Twenty Twenty Theme + Gutenberg Blocks" width="750" height="422" src="https://www.youtube.com/embed/urLN4C3YFaM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><strong>Building A Netflix Inspired Landing Page with C9 Blocks</strong></p>
<p><iframe loading="lazy" title="Building A Netflix Inspired Landing Page with WordPress + Gutenberg Blocks" width="750" height="422" src="https://www.youtube.com/embed/ekwe_CaDlP0?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><strong>Overview & Documentation</strong></p>
<p>Get an overview of each of the blocks and the latest documentation by heading over to our <a href="https://c9.covertnine.com" rel="nofollow ugc">documentation site</a>.</p>
<h3>C9 Starter WordPress Theme</h3>
<p>The <a href="https://wordpress.org/themes/c9-starter" rel="ugc">C9 Starter Theme</a> is a responsive and minimal, CSS Grid-based, Bootstrap 4 theme that utilizes most of Bootstrap’s components and works seamlessly with C9 Blocks and the Gutenberg block editor. It’s based on <a href="https://understrap.com/" rel="nofollow ugc">Understrap</a>, but with an innovative approach to using Gutenberg’s editing system.</p>
<p>If you’re an agency working on behalf of a client and want to build your own style guide and/or themes on top of the <a href="https://c9.covertnine.com" rel="nofollow ugc">C9 Starter Theme</a>, included is a client boilerplate folder and full child theme support. Join the <a href="https://www.covertnine.com/forms/c9-beta" rel="nofollow ugc">C9 early access list</a> with a simple email signup to get four example themes along with all of our other WordPress tools emailed to you with tips on how to build your own block-based WordPress websites.</p>
<h3>C9 Blocks Animation with Greensock (GSAP)</h3>
<p>C9 Blocks has an addon called C9 Animation that comes with our <a href="https://www.covertnine.com/forms/c9-beta" rel="nofollow ugc">C9 Early access list</a> when you sign up. Unlock the power of buttery-smooth animations that run cross-browser and cross-device, all from within the visual block editor.</p>
<p><a href="https://c9.covertnine.com/c9-animation-plugin/" rel="nofollow ugc">C9 Blocks Animation Plugin</a></p>
<h3>Blocks-powered WordPress Themes</h3>
<ul>
<li><a href="https://c9.covertnine.com" rel="nofollow ugc">C9 Starter</a></li>
<li><a href="https://work.covertnine.com" rel="nofollow ugc">C9 Work</a></li>
<li><a href="https://togo.covertnine.com" rel="nofollow ugc">C9 Togo</a></li>
<li><a href="https://music.covertnine.com" rel="nofollow ugc">C9 Music</a></li>
<li><a href="https://2021.covertnine.com" rel="nofollow ugc">Twenty Twenty One</a></li>
<li><a href="https://2024.covertnine.com" rel="nofollow ugc">Twenty Twenty Four</a></li>
</ul>
<h3>Follow Along</h3>
<ul>
<li><a href="https://github.com/covertnine" rel="nofollow ugc">COVERT NINE GitHub</a></li>
<li><a href="https://www.covertnine.com" rel="nofollow ugc">COVERT NINE Website</a></li>
</ul>
<h3>Online Documentation</h3>
<ul>
<li><a href="https://c9.covertnine.com" rel="nofollow ugc">C9 Homepage</a></li>
<li><a href="https://c9.covertnine.com/documentation/" rel="nofollow ugc">C9 Blocks Documentation</a></li>
<li><a href="https://c9.covertnine.com/c9-theme/" rel="nofollow ugc">C9 Starter Theme Documentation</a></li>
<li><a href="https://c9.covertnine.com/c9-admin-plugin/" rel="nofollow ugc">C9 Admin Dashboard Documentation</a></li>
</ul>
<h3>Support</h3>
<p>Get premium paid support: <a href="https://www.covertnine.com/get-support" rel="nofollow ugc">Here</a></p>
<p>The Blocks Development Guide lives <a href="https://c9.covertnine.com/c9-blocks-development/" rel="nofollow ugc">Here</a></p>
<p>Additional tutorials, C9 Themes, and WordPress content from COVERT NINE <a href="https://www.covertnine.com" rel="nofollow ugc">Here</a></p>
<h3>Licenses</h3>
<p>Resource Licenses:<br />
C9 Images, Icons, + Logos: https://www.covertnine.com/c9-blocks-plugin | GNU GPL v3</p>


C9 Blocks

10 new Gutenberg blocks with section templates and page templates. With C9 Blocks + Themes, the digital agency is built right into the code.

C9 Blocks vs Kadence Blocks — Page Builder Toolkit for Gutenberg Editor