Video: Making Initial Adjustments to the Underscores Stylesheet Before Building Themes

Tweaking Underscores for Theme Projects

In this video series, I show you exactly how I use a fresh copy of Underscores to start every single one of my theme projects.

full course
  1. Downloading A Fully Branded Copy of the Underscores Starter Theme by Automattic
  2. Making Initial Adjustments to the Underscores Stylesheet Before Building Themes
  3. Changing Underscores from Page-width to Full-width and Creating a Visual Structure
  4. Creating a More Organized File Structure in Underscores and Reviewing File Contents
  5. Final Walkthrough of Underscores to Discuss Theme Functionality and Adjust Code

In this video I show you exactly what I do with the Underscores stylesheet before I start building my themes. Not everything in the style.css file is in line with my way of styling things.

I’ll take you step by step through my adjustments in an effort to demonstrate how Underscores is nothing more than a starting point and you are free to use it how you’d like.

If you have any questions, comments, or concerns, leave a comment below.

Tweaking Underscores for Theme Projects

In this video series, I show you exactly how I use a fresh copy of Underscores to start every single one of my theme projects.

full course
  1. Downloading A Fully Branded Copy of the Underscores Starter Theme by Automattic
  2. Making Initial Adjustments to the Underscores Stylesheet Before Building Themes
  3. Changing Underscores from Page-width to Full-width and Creating a Visual Structure
  4. Creating a More Organized File Structure in Underscores and Reviewing File Contents
  5. Final Walkthrough of Underscores to Discuss Theme Functionality and Adjust Code
7 Comments:
  1. Hi, couple of questions:
    I purchased one month of hosting with BlueHost to take this course. I will be uploading Underscores to that space. It looks like you’re using WAMP or something like that. Is that correct? Should I do that too?

    • I used MAMP for my local development (similar to WAMP but for Mac). It’s definitely not necessary but it makes life easier. I don’t like depending on the internet to fiddle with WordPress and PHP. So having a local server is great. There’s nothing wrong developing on a live test site, though. Just make sure you’re working through FTP so that if you make a PHP error, you can fix it in the files as you will not be able to access your site. This is where a good code editor comes in handy. I suggest a local development server and a quality code editor that has built-in FTP capabilities as the perfect place to start.

  2. Hi Sean,

    Thanks so much for all your work on this – I have been doing my own html / css for years on my site, but haven’t made the switch to WP yet as I have so much legacy stuff there – wondering if I could have my WP site in the top level directory of that and then have a link to index-old.html so that all the old stuff is still in the same place for people to access while all my new stuff will be added on the WP side of things – still trying to figure out the site structure – categories and subcats or pages or a mix – this is where I’m having trouble wrapping my mind around.
    I’m on PC and love ServerPress’s Desktop Server for doing the local server thing – started with WAMP but Steve makes it so easy.
    My main problem with WP is the photo storage – it amazes me that they don’t have a basic directory structure for the media library – I have thousands of images and could never find what I needed if it was all in the same directory – I suppose you upload with ftp and then have it accessible that way.
    Thanks for your help.

  3. Sean if you are going to use other libraries, like bootstrap, foundation, mdl, would you delete everything and start import them (@import) ? or is it anything relative to _s that you won’t find in other libraries ?

    • I actually don’t start with _s if I don’t need to. It’s simply an option. I wouldn’t download _s and then rip all of it out just to use something like bootstrap. If I want to build a theme on bootstrap, I wouldn’t touch _s at all. I’d just go straight to bootstrap and then tweak it to my needs. They’re all just tools and you don’t have to use any. So you’d just use whatever makes the most sense and meets your needs.

Leave a Reply

Your email address will not be published. Required fields are marked *

*