I’m going through the process of learning to customize my site using Thesis 2.1. As I go along, things are starting to get quite a bit easier. A big part of the puzzle is just figuring out which elements effect each other, and where to change different things. Honestly, it’s a lot easier than the old Thesis, it’s just confusing at first.
My first big roadblock was a really dumb one, so I wanted to post about it. I wanted to start adding in elements from my site that weren’t native to a WordPress installation. This is things like ads, my top navigation bar with links to all of my different sites, and even some additional footer info. This seems like it’d be super easy… but for me it wasn’t. Once you know what to do, it’s a piece of cake, but I’m not sure where the heck you’re supposed to find the info to tell you this stuff. I’ve been going through the steps posted by an awesome blog I mentioned in my first Thesis 2.1 post, called Thrifty Zizel. He’d done the steps with 2.0, and a few things changed in 2.1, especially packages and the way you manipulate a text box.
Adding a text box is done through the Thesis Skin Editor. First you may need to create an HTML Container (if it’s a new area on the page). Use the box on the right, and select it from the “Select a Box to Add” drop down menu. Add the box, then shift drag it on to your page.
Next up is to add the text box, which is Text Box in the drop down menu. Shift drag it in to your new container, or wherever else on the page you’d like it to live. Once it’s placed, rename it from Text Box, to something that makes more sense for what it’s going to be (you’ll see why in a moment).
Now here’s the trick. In 2.0, you’d open it here and add your HTML, but that’s changed now. In 2.1, you need to go to another Admin area to make this change.
Navigate to the Thesis > Skin Content page. You’ll see a list of Classic Responsive Skin Content items. Your new Text Area should appear here. Click it and add your code.
To style it, you have a couple of options. If your code has classes and IDs already, just add new CSS to the CSS page and you’ll be good to go. However, the new thesis wants you to give this Text Area a class or ID when you add it in, which will help automate certain things as you expand your site. To assign these classes or ID’s, you use the Thesis Skin Editor, click on the gear icon of the Text Area, and name it there.