Watch, (and listen) to Tim of COVERT NINE as he installs and configures a custom Gutenberg-powered website based on the C9 Starter theme for a fake band called C9 Music.
Once done with this two-part video, you’ll have a Gutenberg-powered WordPress site built from the C9 Blocks plugin, and an animated scrolling single page navigation with the help of GreenSock and ScrollMagic Javascript libraries.
In part one of this video, we’ll install the theme, the necessary plugins, import sample content, and walk you through how to customize your own theme using a client folder inside of the C9 Starter theme to sell, distribute, or upload to WordPress.org!
In this video we:
1. Set up and configure a site using Gutenberg + the C9 Blocks plugin
2. Use custom CSS/HTML/Javscript to customize the functionality of a Gutenberg powered theme with the help of a client folder inside of the parent theme
3. Configure theme settings for the C9 Music Theme
4. Import content into the C9 Music Theme
5. Begin to work with block templates from the C9 Blocks plugin
6. Bask in the flickering screen of glory as you make your own website that has scrolling animations that even a child could configure
Skip ahead to specific parts
• 00:35 Download the free internet goods… suite, for free
• 01:06 C9 Starter Theme + C9 Blocks Plugin Install
• 02:00 Configuring Theme Settings
• 02:52 C9 Admin Plugin Settings
• 03:00 Setting Maximum Image Upload Sizes
• 03:20 Importing Demo Content + Homepage Setup
• 05:19 Applying Custom CSS + Javascript from a client folder
• 07:06 Creating a group block with a background color
Part 2/2 of this series
—–
The plugin for the admin, the blocks, and the theme in this video are available for download now for free from the link below (So be nice.) or from the WordPress.org plugin repo if you want to install it right from WordPress’ admin interface.
See additional videos, walk-throughs, and documentation on our demo site or blog.
FOLLOW US OR BE DAMNED
I guess, but only if YOU PROMISE to follow us before you slip into our DMs with your questions or comments.