Build Your Own Business Website header image

Child Themes

Lesson 7 – Part 1 – Map Out the Posts Page

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Good morning everybody and welcome to this Lesson 7 of our Create a Responsive Child Theme for Thesis class. Today, we are going to create our customized Posts page. Before we do that, I just want to talk about what we're going to do with our Posts page here. This is the sample that we're

Lesson 7 – Create the Posts Page Template

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Posts Page faux heading Display format Excerpt style No full posts on posts page No teasers on posts page This same thing will happen on archive pages Post Heading Headline meta Category with link Date Excerpt ending Closing meta Closing links Display Options Bylines Posts Archives Home Page Display Options Post Image and Thumbnails Objective

Lesson 6 – Part 1 – Map Out the Front Page

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Good morning everybody and welcome to Lesson 6 of our Create a Thesis Responsive Child Theme class. Today, we are going to be discussing how we're creating our front page template for this child theme. If we come over and take a look at the site that we're creating, we have pretty much completed the

Lesson 2 – Part 3 – Set Up the Child Theme File Structure

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Let's start talking about some technical things. What we're going to talk about first is the child theme file structure. Right now, we don't really have a child theme file structure, it's got the Thesis Responsive child theme and inside of that, you've got functions.php, screenshot.png and style.css and that's it. It just doesn't really

Lesson 1 – Part 5 – Mapping out the Blue Masters Child Theme

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

The next thing we're going to do is take a quick look at the Blue Masters templates because this child theme is based on the Blue Masters PSD templates provided by Smashing Magazine. You can get to that here, Smashing Magazine's Blue Masters PSD Files. This PSD file is free for you to use in

Lesson 1 – Part 4 – Child Themes in Thesis

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Child themes in Thesis work very similarly to child themes in WordPress, they do rely on the WordPress functions in order to do what they do. It uses all of the styles of Thesis and we’ll show you how to include all of the functions. You can override the styles and sometimes the Thesis functions

Lesson 1 – Part 3 – An Example Using Twentyeleven

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

What I'm going to do here now that I've created this project, is to synchronize it with my FileZilla. I want to come over to Site Manager, Advanced, pick the correct source folder that is under libraries, documents, my documents, NetBeans projects and child theme lessons. I have set up synchronized between my live website

Lesson 1 – Part 2 – Child Themes in WordPress

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Child themes are themes that piggyback on to and modify another theme that is, they are themes that are dependent on the existence of a parent theme so they cannot stand alone, they need a parent. If you have a child theme installed without the target parent theme, you'll get a warning message and what

Lesson 9 – Create the Featured Page Widget

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

The majority of the material for this lesson on creating a featured page widget can stand all by itself, it doesn't need to be part of a child theme and is not dependent upon Thesis. You can use these directions for creating widgets on just about any WordPress Site with any theme that is compliant

Lesson 8 – Storing, Retrieving and Updating Thesis Options

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

manually enter all options use code to override options use code to set options manually remove child theme options - restore original options use code to reset options to original condition automatically update options upon theme activation automatically restore original options upon theme deactivation include a button in the theme that does this create new

Lesson 5 – Create the Typical Styles

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

3 main structures 3 page structures turn off everything but background background color background texture image background shadow image footer main background color footer bottom background color color - Thesis Design Options texture shadow All transparent main color bottom color Create the top shadow Create the texture Create the bottom footer color Add the images

Lesson 4 – Create the Responsive CSS

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Desktop Tablet - landscape - 1024 and below Tablet - Portrait - 800 and below Smartphone - landscape - 500 and below Smartphone - portrait- 320 What are responsive behaviors? Shrink to fit Floating stack Disappear Substitute We will use Shrink to fit Floating stack floating stack + shrink to fit The logo is a

Lesson 3 – Create the Footer and Sidebars

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

wrapping div ul li for each widget div id=”sidebars” - class=”sidebar” ul class=”sidebar_list” li class=”widget” + WP supplied values Typical WordPress way Thesis way register the sidebars call the sidebars - placed in HTML individual - register_sidebar() multiple - register_sidebars() name id description before/after widget WP placeholders %1$s - id %2$s - class before/after title

Lesson 2 – Create the Custom Header

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

2 columns thesis default header mmbox columns & column width page framework header comments mmbox the div structure of a page structural containers with styles applied to them 3 main divs Each div has page Each page has containers #header_area .page containers ul.menu #header #content_area .page containers #content_box #content #sidebars #footer_area .page containers #footer shrink

Lesson 1 – Understanding Child Themes

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Watch the course introduction on the main lesson page 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 Media queries No javascript No device specific

The Difference Between Thesis 1.8.4 and Genesis 1.8.0

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session, we discuss the fundamental differences between Thesis and Genesis. We focus on the amount of time and work it takes to achieve a certain level of appearance and how much customization and flexibility are built into the themes. Member: Okay and then so at this point, unless you have anything else you

Lesson 6 – Part 8 – Installing the Agency Child Theme

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

The next thing we're going to do is download and install Agency. Actually, we've already downloaded it but now we're going to install the Agency Child Theme. Install the Agency Child Theme Installing the child theme is exactly the same thing as installing a regular theme. We just come back over to Appearance and Themes,

Lesson 6 – Part 6 – Why Use the Agency Child Theme

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

The next thing we're going to do is talk about why we're using the Agency Child Theme with the Genesis theme in this series on building a business/professional website. Why Do We Use the Agency Child Theme? The first reason is because it has a small business orientation, that is it has a static front

Lesson 6 – Part 5 – Types of Genesis 2 Child Themes

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

There a variety of types of Child Themes and because I teach people how to build business websites, my focus is on Child Themes that would be suitable for small business sites. I've categorized Genesis Child Themes into 3 groups. In fact, I have several handouts on the site. If we come over here to