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.
Thesis 2 Boxes
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
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
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
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
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
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.
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
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
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
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.
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
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
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
Thesis boxes are streamlined plugins. In this seminar we show how to create a responsive accordian slider box. With the skills taught in this seminar you can create your own custom boxes based on jQuery plugins.
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
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
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
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
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