Things I Wish I Knew When I Started Using Thesis

by R.J. on May 20, 2009

Let me guess,

…you bought Thesis because of all the flexibility it offered in customizing your wordpress theme, not to mention the SEO benefits that it advertised.  Or maybe you bought Thesis because social media gurus like Chris Brogan and Darren Rowse were using it, you copycat…

Regardless of why you bought Thesis, if you’re a web amateur* like me you probably thought it would be, well, EASIER!

I mean, come on!  What the heck is CSS?  Or custom functions?  What about just regular functions?

I mean, Thesis is nice and all straight out of the box, especially if you want a simple theme with a lot of options on the back end.  But I like to think of Thesis as a motorcycle.  You can buy a motorcycle and drive it straight off the lot and it will work just fine.  But that motorcycle will also be just like everyone else’s motorcycle unless you start chopping it up and adding your own personality to it.

That’s what Thesis is to me.  It’s a perfectly-functioning web motorcycle that I can’t help but to chop up and put back together with my own style.

In order to be able to chop it up, I’ve had to learn a few things along the way.  I’d like to share those things for all the people looking for the answers.

1. How to FIND custom.css and custom_functions.php

Remember where you installed wordpress?  They’re there under:

wp-content/themes/thesis-15/custom/

Note that “thesis-15″ might be different depending on what version you’re running.  It might just be called “thesis,” for example.

2. How to edit my custom files in my SFTP client.

When you want to change the look of your site, are you sick of downloading your custom.css file to your desktop, opening it in textedit or notepad, making your changes, saving the file, re-uploading it via FTP and refreshing your page?

Me too.  That’s why I use TextWrangler so I can change my code in real time. You could also use FileZilla if you like FireFox.

3. How to edit my site offline

Download MAMP and turn you laptop into your own personal server.  This is how I build sites and make changes to FoCP to fine-tune stuff before I take it live.

4. How to select a color pallette

Picking colors that go well together from PS takes too much time, especially when you factor in the css. Use a Hex Color Code compatability chart like this one to speed things up.

5. How to add gradients

This is a great design reference. However, there is an easier way (as long as you’re not possibly worried about load time.)

6. How to use other people’s photos from flickr

There is a lot of confusion about what you can and can’t use others’ photos for. Fortunately, flickr has a page that explains it all. If you want to use a picture you found on flickr, make sure it has a Creative Commons license. Then just give them credit with a name and link on your blog post.

7. How to use OpenHook

A great plugin that eliminates the need for custom_functions.php.

8. Why I SHOULD NOT use OpenHook

Rick Beckman definitely made openhook a popular plugin, and Thesis newbies will appreciate it since it lets them edit their custom_functions.php from their WP dashboard. But for people who like to chop their site up, it’s a little limiting. If you’re into a lot of customization then the original way is still the best. At least until the next version :)

9. How to make and install a favicon

Nuff said.

10. Firebug

Firebug for Mozilla’s Firefox web browser is probably my most-used tool for CSS problem solving.  It is a tool that I could not live without.  Click here to download.  Also, check out Kristarella’s video tutorial on how to use it!

If you’d like more ways to “piece-of-cake” your Thesis blog, please read this:

Beat the Thesis Learning Curve

So that’s about it.  I hope I’ve answered a lot of questions but I’m sure I’ve missed some as well.  If you have any questions please leave them in the comments and I’ll be glad to answer every single one.

{ 3 trackbacks }

Beat the Thesis Theme Learning Curve
May 26, 2009 at 7:55 am
Advanced Sidebar Widget Styling for Thesis
May 29, 2009 at 7:01 am
Do It Yourself Websites for Small Business
August 16, 2009 at 10:50 pm

{ 21 comments }

1 Elaine Johnston May 21, 2009 at 10:11 pm

Thanks so much for your info…sure do appreciate all the help I can get as I am as new as can be to Thesis and CSS…..trying to dance as fast as I can!

Especially like finding the Color Pallette information…….

Thanks again!
elaine johnston
http://www.gladeexplorers.com

2 R.J. May 22, 2009 at 1:21 am

You are very welcome Elaine! In no time you will be dancing with the stars.

3 Kendall May 23, 2009 at 9:01 pm

Thanks for the advice on thesis updates. Your recommendation is already helping my site look better.

4 R.J. May 23, 2009 at 10:43 pm

Glad to help, Kendall. What’s been your biggest hurdle with your site design so far?

5 Armen Shirvanian May 26, 2009 at 5:02 pm

As a Thesis user, I am glad to have run across this. I was able to see a couple of items I had not seen before. It is pretty enjoyable to be part of the Thesis community. Your favicon looks to be pretty memorable.

6 R.J. May 26, 2009 at 5:17 pm

Thanks Armen! I’m glad you like the favicon. I also like the Thesis community because I think they’re super helpful to new people. I’ve set up about 4 sites using Thesis and the first three I just gritted my teeth the whole way through because the learning curve was so high. Since then, I feel a lot more comfortable and want to try to help other people get to that point as quick as possible as well.

7 Carol May 31, 2009 at 2:37 am

This was helpful RJ. I need all the extra tips I can get. I want to be a Thesis expert when I grow up. I’ll have to fake it til I make it.

8 Bryan Thompson June 5, 2009 at 9:38 pm

My absolute favorite Editor is UltraEdit. I use FlashFXP as my FTP client software. FlashFXP has an option to specify which editor I want to use. So I can use UltraEdit on both my machine and on the website

9 Mike McDermott June 12, 2009 at 8:10 pm

Thanks for the tutorials and help. I would love to know some of the techniques you used to fix your background and allow the rest of the page to flow. Also, it looks as if you went fullscreen with your header and paginate with the body. Cool!
I am with you on the CSS chopping. Even superstars like Chris Brogan has a Thesis theme that is conspicuously like the template. Yours is very unique.

Do you plan to share how you pimped your twitter box? :-)

Thanks,
Mike

10 R.J. June 14, 2009 at 9:35 pm

Hey Mike, thanks for letting me know you like the site design so far! I really appreciate it. The fixed bg image is easy, just set the position to fixed in your custom.css. Also, there is a great tutorial about how to make full page headers and footers at kristarella’s site. I have a link in my sidebar called Credit with links to it if you want to check it out. I’ll write up the twitter box soon but I want to keep working on it first. I think I’m still missing something with it.

11 tresna June 21, 2009 at 1:53 am

Hi RJ.
As a newbie to blogging and thesis I felt so relieved to read that other people are as perplexed as me with the whole css thing! I’m really enjoying reading your Theis tips (also really enjoy your communication articles). At the minute I’m still battling trying to make my blog look good but I know that once I get in to the swing of things, that these tips are going to come in handy.

Cheers

12 R.J. June 21, 2009 at 4:35 pm

Hi Tresna, thanks for letting me know that you’re enjoying the Thesis tips, I really appreciate it! It took me a loooooong time to feel comfortable using css. In fact, my first 3 sites were bad because I just couldn’t figure out how to make sense of all the code, not to mention the php. Most of the tutorials I write are an attempt for me to simplify something that at one time seemed really complicated. Anyway, I hope you get your site set up soon and send me a link so I can take a look.

13 Rob June 28, 2009 at 12:05 pm

What would you recommend for a newbie to learn wp and css? I want to start learing to make changes/customizations myself.
Thanks.

14 R.J. June 28, 2009 at 2:45 pm

Hey Rob, very good question. As a person who is self taught in CSS and PHP, it can be a struggle to get the hang of these new foreign languages, especially if you’re used to WYSIWYG editors. If you want to approach it like a class, you could check out resources like this: CSS References.

However, since there is SOOO much information, I think it’s too much to digest in one setting. What I did when I was learning how to use CSS and PHP with Thesis was to go to the DIY forums and read every post that contained a snippet of code that I found interesting. I’d then copy and paste it into my custom files and see what happened. Shortly, patterns began to emerge within the code and I learned how to do the basics like change colors and add functions and built from there.

But I’m leaving one important thing out: I’ve been trained how to troubleshoot and problem solve for a long time. When the code doesn’t work, I know how to take it apart and see what’s broken. But I know that everyone is not like that, and sometimes I think people get a better ROI by focusing on running their businesses or writing content for their site instead of spending hours trying to learn code.

15 Rob June 29, 2009 at 4:45 am

R.J…

I really dont want to learn code. If I could by osmosis I would do it. I would like some wordpress/thesis basics. So much to tweak for SEO, link backs, ARGGH!

16 R.J. June 29, 2009 at 1:00 pm

Hey Rob, here are two good resources for SEO as it pertains to Thesis. One and Two

There are really only about 5 places where you need to worry about inputting your seo-friendly content and the above tuts will walk you through it.

I might be in the minority, but I think that if you don’t want to learn code because you have more important things to do with you work/business then you shouldn’t do it. If you know exactly what needs to be done to your site you can just contract the work out to css and php pros. Anyone worth their salt should be able to complete your project and deliver it to you while you focus on the core of whatever it is that you do.

I’ve got some thesis basics here that will teach you some userful tweaks, and you can also find a lot of good info here.

17 DaniGirl July 11, 2009 at 7:26 pm

This is a really great tutorial, thanks. My only quibble, as someone who posts photographs to Flickr every day, is that I really think it would be better if you changed your advice to say that it’s best to ask the Flickr user’s permission before using one of their photographs. There’s quite a range of permissions under a creative commons licence, especially when you use an image for commercial purposes. And even if it’s for non-commercial purposes, it’s still just nice netizenship to ask before taking, even with an attribution.

I didn’t know you could use FileZilla as a real-time editor — gotta look into that. Thanks!

18 R.J. July 11, 2009 at 7:45 pm

That’s a great point about Flickr, Dani. Yes folks, send an email to the photo’s owner and let them know that you’d like to use their work. It’s a compliment, after all and people generally love to see how their work has been used. I know that I really love it when I find a site that’s built something using one of my tutorials and I wish everyone would let me know when they use them. For those interested, you can find more info on the creative commons license including limitations here.

19 John O. August 27, 2009 at 12:43 am

Hi R.J.,

I am developing my first Thesis site, and have my Mac set-up with MAMP, and need to know if there is a way to copy all my files from my Mac to my ftp site so I can show my client their site pages as they are developed. I noticed the method is different than say a regular css/html website. Can you send me instructions on how to do this?

PS: On a earlier post, I asked about styling a horizontal rule, and found it easier to slice it, and save it out as a jpg. It seemed like whenever I created a style for the rule and edited a page, it would break the rule.

Thanks for your help!

John

20 R.J. August 27, 2009 at 1:33 am

Hey John, since you’ve used MAMP to set up a local Thesis site I’m assuming that you’ve dealt with three primary things: custom.css, custom_functions.php and your custom>images folder. To move these to live pages all you have to do is copy the custom files and add the custom>images to the live site’s custom>images folder. Once the two custom files are moved and you have all the images placed on your server your client will be able to see all the changes you make to their site in real time. One thing to watch out for (besides browser compatibility) is that your local/MAMP version of Thesis and WP is the same as what’s on your or the client’s server. This might not be so much of an issue now but back when Thesis-15 was upgraded to Thesis_151 some devs found that their sites broke down due to abs path problems and Theme/WP compatibility issues. Hope that helps!

21 Rob August 28, 2009 at 3:36 pm

Rob,

I will contact you about “contracting out”. I need to get my site rolling.

Rob

Comments on this entry are closed.

Next post: Frankenmuth Skin for Thesis