Join Carrie Dils for an in-depth discussion in this video Create style.css, part of WordPress and Genesis: Building Child Themes from Scratch.
- View Offline
- Exercise Files
- To make Scratch a usable theme,…we first need to create a style sheet.…To do that, I'll open up my code editor…and create a file called style.css.…I'll save that to the root of the Scratch theme folder.…Before we get started adding styles,…we need provide some details about the theme…in the formats and comments.…The WordPress Codex provides valuable information…about creating WordPress themes.…So we'll start there as a reference point…for what we need to add to our theme style sheet.…Here you can see the style sheet header.…
It includes important details such as the Theme Name,…Author and the Version Number.…Let's go ahead and copy and paste this into our style sheet…and then we'll go through each element.…It starts with the Theme Name.…For this course, I'm calling the theme Scratch.…Next is the Theme URI.…URI stands for Universal Resource Identifier.…This points to the URL where your theme resides.…Next, you have the Theme Author and that will be you…and the Author URI which will be your website.…
Next, we have our Description…
- Why build a theme from scratch?
- Creating a theme folder
- Creating the CSS and PHP files
- Adding a theme setup function
- Adding features and functionality to your child theme
- Styling the theme
- Adding content to widgets
- Making the theme responsive with media queries
Skill Level Intermediate
1. Building a Theme
2. Setting Up Your Basic Theme Structure
3. Generating Site Features and Functionality
4. Building Out Your CSS
5. Going Further with CSS
6. Putting It All Together
Prepare your theme2m 31s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.