Build Your Own Business Website header image

Thesis 2 Boxes

Example #5 – Create the Gallery

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Our last customization example in this Beginner’s Guide to the Thesis 2.3 Skin Editor is to create a gallery. We are going to create it on the gallery page. This isn’t a traditional WordPress gallery, this is going to be a post image gallery. What we are going to do is create a custom template.

Example #4 – Add the Widgetized Footer

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

The next example that we are going to show is how to create a widgetized footer in Thesis 2.3. And we will be continuing to use the same methodology as we did before. We'll create a column wrapper and then we will create the four columns with widget areas. Then we'll fix whatever CSS isn't

Example #3 – Add a Grid of Recent Posts on the Front Page

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

The next thing we are going to do in this Beginner’s Guide to the Thesis 2.3 Skin Editor is add a grid a grid of recent posts to the Front page. The first thing I want to do with this Front page is make it full width. The easiest way to make the Front page

Example #2 – Create a 2 Column Header

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Let’s go over here in the Thesis 2 Skin Editor to Custom CSS. We are going to start by writing some very basic responsive CSS. I already have some CSS in here and this CSS comes from, again, that Resource articles page where I have the code snippets for Thesis Classic Responsive Skin. So I’m

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

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.

If you Make a Change to a Box in One Template does that Change Exist in the Other Templates?

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Before we go on to the last topic in this Thesis 2.3 for DIY Website Builder seminar, we have a question that I’d like to answer. It is “If you make a change to one of your containers on a template do all of the other copied templates reflect that change. So when you copy

How to Add an Aweber Email Optin Box

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

We just added a widgetized two column Feature Box to the front page in Thesis 2.3. In the left column we added a slider but the right hand column is empty and we need to put in an email optin form. But first we have to add the box for that. The way you install

How to Add a Widgetized Feature Box to the Front Page Using the Thesis 2.3 Skin Editor

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Next you’ll learn how to add a widgetized Feature Box to the front page using the Thesis 2.3 Skin Editor. Essentially what that means is that we are going to put a two column feature box below the menu and above the content. Then we’ll put a slider in one side and an email optin

Remove the Byline From Pages but Not Posts in the Thesis 2.3 Skin Editor

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Just as we moved the text box out of specific templates, we also want to do something similar with the byline. We want to remove it from pages but not posts. This is going to show you an example where the content of a box doesn’t change even though the box itself is used elsewhere.

Remove the Text Box from the Posts and Archive Templates Using the Thesis 2.3 Skin Editor

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

We just moved the menu below the header image in Thesis 2.3 in the Skin Editor.The next thing we are going to do there is to remove the text box from the Posts and the Archive template but not from any other template. Before I do that I want to come over to the Dashboard

Move the Menu Below the Header Image Using the Thesis 2.3 Skin Editor

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Now that you’ve gotten an introduction to the Thesis 2.3 Skin Editor we are going to begin customizing templates. During our Introduction to Thesis 2.3 seminar someone asked how to move the menu below the header image in Thesis 2.3. So that’s going to be our first task. Let’s come over here and take the

Understanding the Relationship of Boxes to Actual Pages

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Now let’s talk about the relationship of boxes to actual pages in Thesis 2.3. Let’s go back over to the Skin Editor and go to the Front Page template. Remember the Front Page is a child of the Page template. We come over to the Front Template and lets reduce the content down here so

How to Use the BYOB Custom Post Nav Box

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we show how to use the BYOB Custom Post Nav box by first demonstrating how to add the box and then we show how to customize the custom text. Rick: Now the box will work in any skin. Let’s go over here, let’s activate Social Triggers for this. We’ll come over to

What is the Difference Between a Text Box and a Text Widget?

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

In this session we discuss the difference between a text box and a text widget. If you’re inside of a sidebar, you can add and remove and rearrange widgets that you see fit in a sidebar and decide which page and which widget it show up on. If we have something that we may want

The Beginner’s Guide to the Thesis 2.1 Skin Editor – Part 10 – CSS Selection – The Link Between Boxes and Styles

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Now that you understand what the core Thesis 2.1 boxes do, the next step is to talk about how boxes and styles are linked. So let’s look at this link here, it’s red, right? Our text here is blue with red when you hover over it and that happens because CSS and this box are

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 9 – Description of the Thesis Core Boxes

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

So now that we’ve discussed how to use the HTML Editor in Thesis 2.1 and how boxes work, the next thing that we’re going to talk about are specific Thesis core boxes and what they do. We’ll begin by looking at core containers. By core, I mean boxes that come automatically with Thesis 2.1. That’s