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.
Skin Editor – HTML
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
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
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.
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
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
Now let’s talk about the types of templates that exist in Thesis 2.3. There are 2 types of templates. There are the core templates and there are the custom templates. A core template is automatically applied to a specific type of WordPress page. If you don’t do anything, then the appropriate core template is going
The next thing we are going to do is create our own copyright using the Thesis 2.3 Attribution box. That’s this box here. If we’re coming back over to skin content, here’s our attribution. The attribution options here are going to replace the default attributions. You can easily say “Copyright 2017, The Barking Chihuahua Cafe.
I want to show you the kinds of things you can do with a text box in Thesis 2.3. This text box is filled in Skin Content. If you don’t happen to remember that, if you see that note here that says “click here to edit this text box”, it’ll take you right to that
So far we have created an overlay with the title of the post on the featured image in these Thesis 2 query boxes. Now, the next thing to do is to make it slide up when we hover over it with our mouse. First, to make this look really good, I'm going to modify this