41Reactions
Thesis 2.0 New Template

How to Create Reusable Thesis Skin Custom Templates in Version 2.0

I had a long night playing with the new Thesis 2.0, and just figure out some interesting stuff. so I am going to share with you the steps of creating a New Template.

Our dump example: Let’s assume that you have a couple of email lists, and you are offering a couple of free ebooks for your subscribers, you will probably think of having a couple of “Thank You” pages so you can set a different “Thank You” message for each list. you We are going to use a dump example (a Thank You page) that you can create and use for greeting your new email subscribers and tell them to check their email.

Note: One thing that I don’t like about Thesis Visual Editor is that once you save your template, you can’t change your mind, it’s not reversal, and it took me a few hours to realize how to actually deal with it. So, please pay attention to this, never use the “Save Template” button unless you are sure what you are doing, or then you will end up re-building your templates over and over.

Before you get started, go through my Thesis 2.0 review to get to know its features.

Creating a New Template in Thesis 2.0

For a while, I thought that creating a new template start from the Visual Editor, but I was wrong. It actually start by creating a new Post or Page, then use the Visual Editor to build it.

So, the very first step of creating a new Template in Thesis 2.0 is to actually create a Post or Page, go a head and create one (P.S. because we are creating a simple Thank You page, then I recommend you create a Page, not a Post).

Thesis Teplate Edit

Once you create your Page, place some Text in the editor, then publish it.

Now that you published the page, open it in your browser (view it), then click on the “Page – Click To Edit” button, this will take you to the Visual Editor where you will be able to create your new template.

Create a New Template

Click the Page button to open the page template options:

Thesis edit templates options

Here is what you get…

Thesis add new template

Hit the “Add New” button, then give you template a name…

Thesis thank you page template

Now that you created a new template, Thesis will take you back to the Visual Editor. But nothing is there, the template is empty, no Thesis Boxes!

Copy from Template

Here is a lovely trick!

Hover you mouse on the “Thank You” page title (this is actually a button), click it and you will see what I mean:

Thesis copy from template

Got it? Yes.. you can now copy the options from another template, this will save you a lot of time. So, instead of drag and drop Thesis Boxes to build your template, it would be much easier to remove Thesis boxes.

In this case, think of the nearest Template to what you are up to, in our case it could be the “Landing Page Template”, so choose it from the drop down list, then click the “Copy Template” button, and you are good to go.

Build the New Template

Now you have a “Thank You” page template, that looks exactly like the “Landing Page” template, feel free to remove any unwanted Thesis Boxes by Shoft+Drag to the deletion box, or add other boxes to the layout.

Thesis Boxes

P.S. Don’t forget to save template when you are done.

Set the Thesis Skin Custom Template

The final step now is to set your template:

Thesis Skin Custom Template

In your WordPress dashboard, edit your “Thank You” page that you’ve created earlier, then find the “Thesis Skin Custom Template” meta box, select “Thank You” template from the drop list, then save your post.

You are done!

Now that you have created a new template, you can create more “Thank You” pages using the same template.

Get Thesis 2.0

Forgive me for the dumb example, but I couldn’t think about something quicker than this, the goal of this post is just to help you understand the concept of creating new templates in Thesis 2.0, so you don’t go wrong with it wasting your time.

Thesis 2.0 is good framework, you will like it a lot once you get used to it.

I can’t wait to drop some awesome skins for it!

I hope you enjoy it!

I create websites with WordPress, and I develop Thesis Skins. I am a social network lover. I am also the night creature who works hard to keep this project up. Owner and founder of the Famous Blog.

GET FREE EMAIL UPDATES

Get our latest articles delivered to your email inbox, plus download our FREE 15 minutes later marketing guide.

We respect your privacy!

{ 23 comments… add one }

  • Ralph March 24, 2013, 7:52 pm

    Puneet,
    I’ve been going crazy for nearly a month trying to rename a skin to customize. They had me zipping and unzipping when all I had to do was do a little editing. Thanks.

  • Andrea December 23, 2012, 7:01 pm

    Not sure why, but this seems to work as a “Post Format”, rather than actual “Page Template”: am I missing something?

  • Vishnudath November 20, 2012, 10:36 am

    I Just Installed Thesis 2.0 in my blog. i’m not able to transfer my SEO Values (titles, description) of my articles form WordPress SEO by Yoast to Thesis 2.0.

    Will you please help me regarding this Issue.
    Vishnudath recently posted..DIETCET Counselling 2012 – TTC NotificationMy Profile

  • lebcit October 23, 2012, 1:53 pm

    Hello Hesham,

    Since you are familiar with Thesis, i have a couple of questions please :)
    I would like to build a WP theme to sell it on ThemeForest, does the Thesis licence allow it?
    The templates created within Thesis (like you show), does they always rely on the framework to work or after been created they are ready to be used in another WP installation?
    I did take a look at the Thesis framework v.2 options on DIYthemes and other site, like your’s, and from searching i landed here.
    I must say that i’m impress by the power that i saw on several tutorials concerning Thesis v.2
    I don,t want to spend my money on Thesis, even if it’s look like a SuperHeroFramework, if i can’t use it like i told you before .
    So thank a lot in advance for helping me understand what can i and can’t i do with Thesis!
    Just a last word, i asked you because you say your familiar with Thesis framework, and as i can see you made a lot of person spending less time searching by sharing your tutorial.
    So thanks a lot in advance for making me spend less time and money too maybe :)

    • Hesham Zebida October 23, 2012, 3:15 pm

      Thanks for your kind words.

      Let’s make things clear first… Thesis is a theme framework, this means it has hooks and filters that helps you build on top of it. You can then build Skins or Child Themes, those Skins or Child Themes is what you can sell (so you can’t distribute or resell Thesis itself).

      Where or how to sell is not a problem though, you can sell your Skin on any site or on your own site if you wish.

      P.S. I may saved you time or money, but if you decided to develop, you will actually need a lot of time and probably money, so be prepared for it. Good luck.

      • lebcit October 23, 2012, 5:39 pm

        Hello Hesham,

        Thanks a lot for your reply, i have now a clear idea.
        I’m good with html/css and was wondering after reading some posts on your site,
        will i get faster by using Thesis or Headway, knowing that i already have my design on paper :) and want it responsive??? Any advises, guides or directions are welcome LOL
        Many thanks again :)
        From newbie developer to confirmed Thesis Grand Master :) LOL

  • Salim October 22, 2012, 12:07 pm

    Hi Hesham,
    Are you sure the method you described above does create custom templates which works? Custom template where you can create a new page using the custom template created? I can create templates and see them listed in wp admin as you suggested, but a new page created applying the template does not work. The new page instead takes its property from the “page” template which seems to be the default. If I change the page template under skin editor then all pages are effected. Let me know if there is something I am missing here.

    • Hesham Zebida October 22, 2012, 12:18 pm

      This method will help you get the idea fast! Make sure then you don’t move/delete the elements from the visual editor,

      You need to realize the difference between these two areas:

      1- (Shift + drag boxes here to remove them from the page)

      2- (Shitf + drag blue and white boxes here to delete them on save)

      If you drag any elements to the second area, it will be deleted from all template. So, be careful with that. Make sure you drag them to the area #1

  • Larsen Pedersen October 7, 2012, 3:24 am

    Hi Hesham,I’m trying to make a new responsive skin for Thesis 2.0. I want to make a completely new skin, and not just template modifications. I tried copying the folders for both “Thesis Classic” and “Thesis Blank”, and change the name of the skin, author, etc., but it didn’t work. Do you have any advice creating a new skin?

    Best,S

    • Hesham Zebida October 7, 2012, 4:58 am

      Try start from the end!

      Here is the steps as I see it:

      1- Customize the “Thesis Classic” or start with building using the “Thesis Blank”
      2- Distribute your Skin
      3- Name it!

    • Puneet Sahalot October 17, 2012, 10:42 am

      Create a copy of Classic Skin, rename the folder to your Skin’s name.
      After that in skin.php and seed.php files replace “thesis_classic” with your own class name that you want to use for your Skin :-)
      Puneet Sahalot recently posted..Thesis Eleven40 : A responsive Thesis 2.0 skinMy Profile

  • Kulwant Nagi October 6, 2012, 12:40 am

    I am still in dilemma about how to use custom skins like Marketer Delight with Thesis 2.0.

    Please help me regarding this so that I can make my site live ASAP.
    Kulwant Nagi recently posted..Beginner’s Guide to Create Landing Page for High ConversionMy Profile

  • James October 4, 2012, 6:24 am

    Thanks for the heads-up and the cool tut in such a short amount of time. Much appreciated :)

  • Russell Stewart October 4, 2012, 5:30 am

    Hesham,
    I am a complete newbie to all this.

    I purchased Thesis a couple of weeks ago and host it through GoDaddy. It was no easy task for someone a green as I. Anyway, my question: I wanted to upgrade to the next level but would you know where the is a place or link to upgrade. Once I have done this I wanted to then upload Thesis 2 onto another server, maybe Blue Host or Hostagor.

    Pardon me but I am at the total basic level at this sort of thing but determined to see it through.

    Any advice would be appreciated

    Cheers ……..Russ (Brisbane)

    • Hesham Zebida October 4, 2012, 6:12 am

      Russell, there is no upgrade between Thesis 1.x and Thesis 2.x , Both are different theme, different in almost everything!

      I suggest (as I see you are a new Thesis member) that you install Thesis 2.0 in some test site, and check it out. If you just started your site, then I think it’s best to go with Thesis 2.0 Today better than involved in the upgrading matter!

      Also, a good thing to do is to search/read through the diythemes.com support forum, there are many active people there, and they mostly will solve any problem you are facing with the theme.

      Good luck.

      • Russell Stewart October 4, 2012, 8:30 am

        Thanks Hesham,

        To use it on more than one url I thought I had to upgrade to the developers package. I tried to do this but the option tab does not work.

        I’ll see if I can get on to the company

        Thanks for your help

  • Abhik Biswas October 4, 2012, 12:06 am

    That’s a neat trick.
    Thesis 2.0 is going save a lot (time and money) for IM guys. :)

  • Herman October 3, 2012, 11:33 pm

    I am using thesis 1.8 on many of my sites do you think it is advisable to change to thesis 2 and will it affect my sites in anyway?

    • Hesham Zebida October 4, 2012, 6:14 am

      I don’t think the upgrade is a good choice (if you have a heavy customized site), it will require some hard work!

      My advice would be, stick with 1.x for the sites you already run, and go for 2.0 for the brand new sites you will build in the future.

  • DiTesco October 3, 2012, 5:37 pm

    This is a great tutorial buddy, but I am definitely a “dork”.. I just can’t get the thing to work.. Not sure if I installed it wrong. The way I understood it, Thesis 2.0 can now be installed directly from WordPress, right?
    DiTesco recently posted..What is the ONE thing that your blog is missing (and what to do about it?)My Profile

    • Hesham Zebida October 3, 2012, 6:45 pm

      Hey Buddy,

      Yes, it can be installed like any other theme by uploading the .zip file via the WP themes page.

      The link is giving me a blank page, I’ve explained the installation steps in the review I did before, maybe you can go through it again and figure it out.

      Don’t worry you will get it to work soon :)

  • cowboy Mike October 3, 2012, 4:47 pm

    Howdy Hesham,
    Nice tutorial. I hope you’ll consider making some responsive Thesis 2.0 skins. I need one for two real estate web sites that my wife and I have.
    Happy trails, Mike

    • Hesham Zebida October 3, 2012, 6:46 pm

      Hi Mike,

      Will do my best to release something soon, however not sure if it will fit a real estate site.

Leave a Comment

CommentLuv badge