Build Your Own Business Website header image

Thesis 2.0.1 Skin Management Part 7 – How to Copy and Export a Full Skin

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Whoops, you've found some premium content!

Watch the opening clip of this video to preview it,
the full video is available to paid members.

That brings me now to my new plugin. I have created a new plugin that can be found under Member Benefits, Plugins for the Thesis Theme 2.0. It’s called the Thesis 2 Skin Copier.

BYOB Thesis 2 Skin Copier Plugin

The Thesis 2 Skin Copier can be downloaded from this link right here and once you’ve downloaded it, you can add it to your site. Here I am in lesson1.thesisresponsiveskin, come over to plugins and say, Add New. We’ll upload the plugin, choose a file, scroll down to wherever that is, byob-thesis-2-skin-copier, that’s it right there, install the plugin, activate the plugin.

For those of you who have been using my plugins in the past, you’ll see this familiar girl down here and all of my plugins will install with the menu that sits inside of this. If we come over to the Skin Copier, what you have here now is first, you have a list of your installed skins that cannot be copied. This Skin Copier for reasons of copyright will not copy the Thesis Classic or the Thesis Blank skin.

Copying the Skins

It also turns out, the way I created this Thesis Blue Masters, you also can’t copy it but if you want everything else I create, you can copy it using this. We’ll be able to copy the Nude960 skin here as well. In fact, you can see it here. There’s a Nude960 skin and there’s my Thesis Blue Masters skin. We’re going to copy the Thesis Blue Masters skin and give it a unique name for the new skin.

It says the skin was successfully created and if we come back over and just look, Another Test is now available. Let’s go over to Thesis Skins and select Skin, Another Test is available. Let’s activate that skin and go the Skin Editor. What it’s done now is, it has created a copy of that skin with a new name and all of the skin images, all of the skin CSS, the skin boxes and everything like that.

Export the Skin Using Thesis 2 Skin Copier

Now, there’s one other thing it does and you may have noticed this already but it gives you the ability to export the skin. If we go to Select Skin, you see this thing that says, Create Zip File. Now, you’ll see the Create Zip File either on a current skin or on a preview skin so if we were previewing this skin, you’d see the Create Zip File in both places but those are the only 2 places you’ll see a Create Zip File button, either the current skin or preview skin.

If you select Create Zip File, it now zips everything up, all the data, all the images, all the files. It zips everything up. You can click here to download and now you have a skin that can be installed on a different site.

For example, we’re on Lesson 1, we could come over here to Lesson 2 now and Skins, go to Select Skin, we could upload a skin, choose our file and now we have this Another Test. Open that up, add the skin, the skin was successfully installed, we can activate another test. Once we activate that, we should come to the skin editor, save our template, save our CSS, refresh our skin and now we have that new skin that has been created and exported.

Note For Skin Developers

This has one limitation that’s probably only going to be interesting to skin developers themselves. As a skin developer, if you’re using custom files, for example in this Responsive Skin class, we’ve created this folder called library and we’ve got folders inside of that library. Inside of our skin.php, we have some custom code that we placed in there and that does not get copied. You get a header, you get a class but you don’t get any of the custom code because there’s no way to really safely copy that. For example, as I create a new skin for each of my lessons here, I am manually copying all of the other files over.

For regular folks, that doesn’t really mean anything but for a skin developer who is adding custom code to their skin, you just bear in mind that this does not copy that and that’s smart enough to figure out how to name stuff like that without causing clashes so I’m making you do that manually but otherwise, that’s the new plugin.

6 Comments… add one
6 comments… add one
  • don donadio January 18, 2015, 7:38 pm

    I downloaded the byob-thesis-2-skin-copier-plugin per the lesson on skin management and uploaded it in Wordpress but when I went to activate it I was told it would only work on Thesis 2.0n not Thesis2.1. Is there an updated version of this plugin?

    • Rick Anderson January 19, 2015, 10:07 am

      No, there isn’t an updated version of the plugin. However – Thesis now distributes their Dev Tools Box – which has a similar function. I’ll send you one via email.

  • don donadio January 19, 2015, 3:44 pm

    Sorry to be such a pest Rick but I downloaded the Thesis Dev Tools zip file and went into the Manage Boxes section of Thesis and uploaded and installed it. The install seemed to go alright but even after scouring through the php file I cannot figure out how to use it. Is it supposed to show up in the list of boxes in the HTML section of the Skin Manager because I don’t see it in there? I guess I don’t understand how this box does the same thing as the copy plugin you wrote. God I feel like such an idiot. You can tell if I’m in the skin manager lessons that I am just started to go through the tutorials. I’ll catch up eventually but as of today I have not even gotten to the tutorial on how to use boxes. The way you described you copy plugin was very clear and I understood how to use it to copy a skin but, of course, it does not work on Thesis 2.1.
    Don

  • don donadio January 19, 2015, 4:06 pm

    Please ignore my previous message Rick. I went into Thesis home and found the dev tools box under the boxes tab and it looks pretty easy to use. I upgraded my Thesis to the pro version and that box showed up under boxes. Whether it was there in my lower level Thesis version I don’t know. At any rate I’m good for the moment, this moment that is, who knows about the next moment. I’m going back to running your tutorials now that this hurdle is done with. We’re a bit slow to start out here in NM but we catch up fast.

  • Rick Anderson January 19, 2015, 4:15 pm

    I’m sure you’ll do fine.

Leave a Comment