Now that we’ve created our Page Template we're going to create the Front Page template for our new Thesis 2.1 skin. And we're going to add something new to the Front Page template and that is going to be a Feature Box. I'm just going to add the feature box in the Content Area. So,
Intro to Creating Skins
Nav Menu styles are now created so let's just wrap up the styles. We're going to create the background styles for our Thesis 2.1 skin. We're going to start off creating a background color and background image for the body. In order for us to do the image, we have to actually load an image.
Now that we have the page text styles of our new Thesis 2.1 skin created, he next thing we're going to do is create our Nav Menu styles. And just like before, we are going to add a package. It's going to be a Horizontal Dropdown Menu package. Menu and we're not going to change
We’ve gotten our structural CSS written for the Page Template of our new Thesis 2.1 skin and the next thing to do is to style the text. In our text style, we have a bunch of different things we have to style and some of these we're going to just write from scratch and some
Now that we’ve added Content to the Page Template in our new Thesis 2.1 skin, the next thing we're going to do is create the structural styles. Let’s come over here to the Skin Editor and go to CSS. You can see there's absolutely no CSS, right, not a stitch of CSS. So the first
The next thing, now that we’ve created the Page Template in our new Thesis 2.1 skin, is to add content to the Page Template. And we'll just start up with the Header. Now, our Left Header Area is going to be a text box for our header image. So we'll come down here and go
We’ve create our bare bones Thesis 2.1 skin and now we’re going to build the Page Template. But before we dive into the page template, the very first thing we're going to do when we create this page template is develop the HTML structure. I know some people here aren't going to be sure what
So that's the file structure of skins in Thesis 2. Now, what we're going to do is create our own bare bones skin to start but before we do that, I want to just show you the sort of bare minimum skin. Well, we'll look at the bare minimum Classic Responsive. So if you look
So you’ve got a grasp of the relationship of Themes, Child Themes and Thesis 2.1 Skins and now we need to understand the Thesis 2.1 file structure before we can dive in and start creating a skin. I would like to direct your attention again to a seminar resources here and I have a diagram
Now that you know the basic skills necessary to create a custom skin in Thesis 2.1, it's necessary to gain an understanding of the relationship between Themes, Child Themes and Thesis 2 skins. Now, a typical WordPress theme primarily consists of a combination of template files and CSS style sheets with potentially some additional custom
Good morning everybody and welcome to this special seminar, An Introduction to Creating Custom Skins in Thesis 2.1. Today, we’ll be creating a custom skin and in particular the custom skin that we're creating is The Barking Chihuahua Cafe skin. This skin right here and we will be creating this skin from scratch. You've probably
Thesis 2.1 introduces a whole new set of tools for making and distributing custom skins. Those tools include a new API for Design, Content and Display options, a new developer friendly skin editor interface, new “valet methods” for incorporating custom programing and new tools for copying and distributing skins and parts of skins. In this seminar we will review some of those tools as we create a simple skin from scratch. This seminar includes some light PHP and some significant HTML and CSS.