Build Your Own Business Website header image

Skin Editor

Example #1 – Modify the Archive Post Box

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

Up until this point we have been looking at everything you need to know in order to effectively customize your templates in Thesis 2.3. Now you have a good overview of how to use the Skin Editor, how templates relate to web pages and how boxes work in templates. My first example of really making

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

The Beginner’s Guide to the Thesis 2.1 Skin Editor – Part 16 – Example – Create a 3 Column Custom Template

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

Adolfo has a question, he asks how to create 3 responsive columns. Adolfo, I’ve just unmuted your microphone if you’re with me. Otherwise I’m going to assume by that, what you mean is that you wish to take this two-column layout into a 3-column layout. Now there are a variety of ways in which you

The Beginner’s Guide to the Thesis 2.1 Skin Editor – Part 15 – Example – Add the Widgetized Feature Box to Another Template

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

If I want to add this widgetized Feature Box in my Home page as well, what I’d do is open up the home template. Then go find the Feature Box and add it. Then we’ll find the Feature Box Widget Area and add it. Shift+drag that, drop it into the Feature Box. Again drag my

The Beginner’s Guide to the Thesis 2.1 Skin Editor – Part 14 – Example – Add a Widgetized Feature Box

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - ,

Applies to -

Since we removed the author’s name, let’s make this Feature Box widgetized instead. We can create a feature box widget area by coming down here to Widgets and calling it Feature Box Widget Area, say OK. Save in the template. We don’t want it in the page template so we’re going to have to go

The Beginner’s Guide to the Thesis 2.1 Skin Editor – Part 12 – Example – Include the Author’s Name on Posts but not Pages

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

Example number 2 in this Beginner’s Guide to the Thesis 2.1 Skin Editor is to show you how to include the author’s name on posts but not pages. So for example, if we come over here to oranges, the post author is here but if we come over to pages, I don’t want to see

The Beginner’s Guide to the Thesis 2.1 Skin Editor – Part 11 – Example – Change the Background Style for the Site

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

We’ve moved on in this Beginner’s Guide to the Thesis 2.1 Skin Editor from the what, when and where and the next thing we’re going to do is to look now at a whole bunch of different examples. So, the first example is we’re going to change the background of the site. Now you know

The Beginner’s Guide to the Thesis 2.1 Skin Editor – Part 8 – HTML – Using the Template Editor

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

With that overview of the Skin editing process in mind, we’re going to start looking in detail now at using the HTML Editor in Thesis 2.1. Let’s come over here back to the Home template. Core boxes are the boxes that come with Thesis 2.1, they are not skin specific boxes but they are boxes

The Beginner’s Guide to the Thesis 2.1 Skin Editor – Part 6 – The Relationship of Skin Display, Skin Content, Skin Design and Boxes

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Now that we’ve covered the relationship of Thesis 2.1 boxes to actual pages, we need to understand the relationship of skin display, skin content and skin design to these boxes. And you may have already seen something that you would have expected to see show up here on the page that is not showing. Remember,

The Beginner’s Guide to the Thesis 2.1 Skin Editor – Part 7 – Overview of the Skin Editing Process

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We’ve gotten lots of theoretical conversation out of the way like the relationship of Skin Display, Skin Content, Skin Design and Boxes so now what I want to do is go through an overview of the skin editing process in Thesis 2.1. Because the chances are that what you’re doing is working with the skin

The Beginner’s Guide to the Thesis 2.1 Skin Editor – Part 5 – The Relationship of Boxes to Actual Pages

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

So, now that you understand the types of Templates in Thesis 2.1 this leads us on to looking at the relationship of the box to the actual page graphically. We’re going to compare an actual page to the boxes in the template that page is using. And as I said before, boxes are used to

The Beginner’s Guide to the Thesis 2.1 Skin Editor – Part 4 – Types of Templates in Thesis 2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Now that you understand the Thesis Skin Menu, we’re going to talk about the different types of templates in Thesis 2.1. You noticed that when we clicked on this, that there are a number of core templates. These core templates with this plus sign also have dependent templates or child templates that are based on

The Beginner’s Guide to the Thesis 2.1 Skin Editor – Part 3 – Thesis 2.1 Skin Menu

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Now that you’ve got a grip on the Relationship Between Skins, Templates and Web Pages we’re going to move back over to Thesis 2.1 and take a look at the Skin Menu. When I say the Skin Menu, this is the Skin Menu that I am referring to here. In Classic Responsive, the Skin Menu