Build Your Own Business Website header image

Lesson 1 – Understanding Child Themes

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Course Introduction

  • Watch the course introduction on the main lesson page

What is Responsive Design? – Watch the Video

  • Basic – Generic – Definition

  • Different views of a website

  • Various approaches to making a site responsive

    • Device detection
      • can redirect to a mobile site
      • can add javascript to make stuff mobile friendly
      • can be device specific
    • Media Queries
      • detects the width (and height) of the browser
      • detects the specific browser
      • can add javascript
      • Responsive Frameworks
  • Our approach

    • Media queries
    • No javascript
    • No device specific
    • No framework
  • The devices we’ll target

    • tablet – landscape
    • tablet – portrait
    • smart phone – landscape
    • smart phone – portrait

Child Themes in WordPress – Watch the Video

  • How child themes work

  • A “bare bones” WordPress child theme

    • folder
    • css file
    • image
  • The CSS file – essential ingredients

    • Comment block contents
      • Name
      • Template
      • License
    • Import parent stylesheet
    • a css rule

An example using Twentyeleven – Watch the Video

  • Install the child theme
  • Import the parent style sheet
  • Add a css rule
  • Adding custom functions
  • Hello World for the_content()

Child Themes in Thesis – Watch the Video

  • How Thesis child themes work

    • Behaves similarly to WordPress
    • Can preserve the ability for the child theme user to customize the child theme without hacking the code
    • Need to include the Thesis functions file before WordPress ordinarily would
    • Don’t need to include the css
    • Thesis will combine all css files into a single layout.css file
  • Thesis child theme starter template

    • parts of the starter template
  • Improving the child theme starter template

  • An example

Mapping out the Blue Masters child theme – Watch the Video

  • Page Structure

    • Header
    • Footer
    • Content
    • Sidebars
  • Template Structure

    • Typical page
    • Front page
    • Posts page
  • PSD Files

Question and Answer Session – Watch the Video

Save $200 on Membership Now!

Start learning today for as little as
$0.82 PER DAY!
THIS IS A LIMITED TIME OFFER!
Subscription Options
0 Comments… add one
0 comments… add one

Leave a Comment