Roots has changed so much I need to re-work these tutorials. I hope to clear the space and start cranking them out soon. If you’d like, sign up for email notifications in the sidebar, so you’ll be notified when I’ve begun rolling them out again!
If you’ve not yet seen the excellent Roots Theme for WordPress, take a look. It brings to WordPress theme development the benefits of the HTML5 Boilerplate plus Twitter Bootstrap’s excellent CSS and JavaScript plugins. A WordPress developer’s dream in a tidy package.
This short video series introduces basic steps for installing and customizing the Roots Themes to suit your needs. By basic, I do mean basic. (Advanced users — you’ve been warned. Flee now. I’ll try to cook up something for you later.)
What these videos will cover:
- Downloading and installing the Roots Theme (very basic)
- Loading dummy content for theme development (from the WordPress theme unit test)
- Creating dropdown menu items (requires the creation of custom links)
- Creating a custom page template (introduces
inc/roots-config.php) - Creating a custom page loop
- Customizing the CSS by adding custom styles to
app.css(introducesinc/roots-actions.php)
These videos are more-or-less stand-alone. Choose the topic relevant to your needs and jump in.
One more disclaimer: Production quality is a little rough in spots. Rushed to get these out for my university students. My apologies.
1. Download and Install the Roots Theme
Roots WordPress Theme – Download and Install from David Cochran on Vimeo.
2. Need Dummy Content? Here’s How
WordPress Dummy Content from the Theme Unit Test from David Cochran on Vimeo.
3. Create Dropdown Menu Items
Roots Theme Customization – Dropdown Menu Items from David Cochran on Vimeo.
4. Create a Custom Page Template
Roots Theme Customization – Create a Custom Page Template from David Cochran on Vimeo.
5. Create a Custom Page Loop
Roots Theme Customization – Create a Custom Page Loop from David Cochran on Vimeo.
6. Add your Custom CSS
Roots Theme Customization – Customizing the CSS from David Cochran on Vimeo.
Don’t miss the full Roots Theme series
This is the first installment of a longer series I’m developing on Roots Theme customization.
Additional topics include:
- Use your custom page template for a static front page
- Reposition the Navbar
- More topics in the works …
If you’d like an introduction to Twitter Bootstrap …
Again this is another basic introduction, but if that’s what you’re after, I’ve got a Twitter Bootstrap video tutorial series underway at Webdesign.tutsplus.com.
data enhanced 