Build Your Own Business Website header image

Latest Version of Thesis

HTML – Description of the Thesis Core Boxes

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Now we are going to take a look at the core Thesis 2.3 boxes. We’ve got essentially core containers, core placeholders, and core skin content boxes. Your core containers are, of course, first the HTML container. Then if you look here in the list the comment form is a core container. The comment list is

Box Inheritance & Persistence

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

The next thing I want to talk about is Box inheritance and Box persistence. There was a question asked about this in a former session and it’s an important thing to understand. Let’s look at the nav menu for an example. Everywhere you place this nav menu, the class of menu and this output control

HTML – Using The Template Editor

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

The next thing we are going to talk about is using the template editor and using boxes in Thesis 2.3. There are three functions of core Thesis boxes. One of the functions is as a container. The container can hold other containers and it can hold content placeholders. The second function is as a WordPress

The Relationship of Boxes to Actual Pages

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

We’re going to talk about the relationship of boxes to actual pages. We just looked at the different types of templates in Thesis 2.3 so now it makes sense to look at what makes up those templates and how that is reflected in the pages themselves. You have the basic Thesis Classic Responsive layout here.

Types of Templates in Thesis 2

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

What types of templates are in Thesis 2? There are two kinds of templates. There are core templates which are automatically applied to the appropriate pages. You don’t do anything to make that happen. You don’t have to intervene or say which template applies to which kind of page. It automatically applies because of WordPress

What is the Relationship Between Skins, Templates and Web Pages?

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

We are going to talk about the relationship between skins, templates and web pages. Some of you may be coming from the traditional HTML web building environment. In that case, a website consists of a whole bunch of documents. Each web page is a single document or documents with other documents imported in. You actually

The Thesis 2.3 Skin Editor Interface

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

There’s a very strong connection between this class the Thesis 2.3 class for DIYers and the class for Web Design professionals. There’s a lot of overlap in these three seminars. So I’m not going to re-demonstrate everything that I’ve done so far. We are going to start by taking a thorough look at the Skin

4 Main Concepts You Need to Understand to Effectively Use the Thesis 2.3 Skin Editor

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

There are four main concepts that you need to understand in order to use the Thesis 2.3 Skin Editor effectively. The first is “What is a Skin”. We’ll talk about this more but generally a skin is a collection of templates and a set of styles. And templates and styles are themselves Skin dependent. That

A Beginner’s Guide to the Thesis 2.3 Skin Editor

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

In the Beginner’s Guide to the Thesis 2.3 Skin Editor seminar you are going to learn all of the basics of the Skin Editor. You’re going to learn all about templates and how to edit them. You’re going to learn the basics of the core Boxes and about the link between CSS and your templates. This seminar is intended for beginners, DIYers who need a refresher and there are even some examples of of what can be done in the Skin Editor that will be useful to advanced users. These videos are available to free members.

Thesis 2.3 Developer Tools Box

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

So the very last thing I want to teach is the Thesis Developer Tools Box. Let’s pretend you’ve finished this website job now and you are ready to deliver it to the client. Well, there are a couple of things that you want to do to this. We started this project as if you were

Change the Responsive Header Behavior for Tablet Devices

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

We’ve created the 2 column responsive header in Thesis Classic but this may not come as a surprise to you, it’s doesn’t look that great responsively. Let’s take a look at it in the responsinator in the incognito window. You can see that this is tiny and this has shrunk over. It just doesn’t look

Create a 2 Column Responsive Header in Thesis 2.3

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

So we’re going to start off by creating a 2 column responsive header in Thesis 2.3 using the Classic Responsive theme. We’re going to do this on the front page. And we’re going to continue this process of using the Thesis default stuff. We’re not going to replace these defaults we’re going to just add

Understanding the Thesis Classic Responsive Media Queries

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Let’s move on to looking at the Thesis Classic Responsive Media Queries in Thesis 2.3. We are going to take a crack at changing up the header and writing some new media queries rules. That starts really in just Skin CSS. Classic Responsive has 3 different media queries. It has the non media query version

Restructure the Layout of a Skin

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

What we are going to do give the default Thesis Classic Responsive an updated look. This is the customization that we have done so far to date on Classic Responsive. It has a page width look. What people are doing much more often these days instead has horizontal appearing strands that span from one edge

Template Specific CSS with Thesis Body Classes

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

The next thing I want to talk about is template specific CSS using the Thesis body classes. In the last seminar we added this background color to the sidebar but we did it in such a way that it actually applies to every single instance of that container class. We actually have some places where

Creating and Using Variables in Thesis 2.3

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Next we are going to talk about creating and using variables in Thesis 2.3. Let’s go over to the Skin Editor. The first to say about this is you don’t want to change these variables. Because if you make a change in this variable it’s just going to get thrown away the next time you

Using the Thesis 2.3 Code Editor

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

We are going to take a brief look at the Thesis code editor before we move on to working on creating and using variables in Thesis 2.3. But before we go over there I would like to draw your attention to this Resources menu item on my website. Under Resources/Articles if you scroll down here

Thesis 2.3 File Structure

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We are going to start at the very beginning by looking at the Thesis 2 file structure because the Thesis file structure is somewhat different than a typical WordPress theme structure. And I’m going to show it to you here in an FTP client. This is the FTP account for the site that we’ve been