There is so much to cover when it comes to Genesis theme customization, that I’ve mapped out an entire series of posts to throughly cover it. I’m hoping this series will help people get a basic understanding of what it takes to start customizing their own WordPress sites and have the confidence to get started.
While my specific examples will be aimed at the Genesis theme framework, most of what I share will have general application as well and can be used on most WordPress websites.
Here are some of the things I’ll be covering in this series:
- Introduction – Why Customize? (current post)
- The Anatomy of a Child Theme
- 23 Tools for Customizing WordPress Themes
- Workflow for Customizing Genesis Themes
- HTML Basics of the Genesis Framework
- CSS Basics of the Genesis Framework
- The Marriage of HTML 5 and Genesis
- Customizing Image Elements
- PHP Basics
- How to Use Genesis Hooks to Manipulate Theme Elements
- Working with Filters: It Isn’t Just PHP Voodoo
Best Practices for Theme Customization
I’ll be approaching all these topics from the perspective of best practices. I think I’ve got a good perspective on that, especially when it comes to the Genesis theme framework.
When I first met Brian Gardner, the founder of StudioPress (which is the company that produces Genesis), we were at a small conference with maybe 100 people in the room. Brian was all excited because he had this idea of designing a WordPress theme that he could offer for sale. I think he might have even been coding and designing there in the back of the room during some of the sessions.
He called that first theme Revolution and when he offered his first developer’s license I bought it because I needed some themes that I could offer my clients. There are many things I do well, but graphic design is not one of them. I quickly realized Brian’s themes were perfect for customizing. So when he started StudioPress, I knew it would be top quality and purchased a developers license right away too.
All that to say, I started customizing themes years ago and have been working with Genesis themes since their inception. I’ve got a pretty good idea of how to do it right. Well, mostly because I’ve made many, many mistakes over the years.
My goal here is to help you avoid some of the major pitfalls that can crop up so that you can learn how to do things the best way possible and much more quickly than I did.
Without any further ado, let’s dive in.
Why Customize Your New Theme?
Well there are several reasons. You may find a great stock WordPress theme that is close to what you want for your site, but maybe if you could just change the colors it would be perfect. Or maybe a few small tweaks to the way the content is laid out would make it fit your own situation so much better.
Stock WordPress themes are made for a general category of sites. They are designed to be as appealing as possible in a variety of situations. Often that means there’s a theme that will get you in the ballpark of what you need for a site, but it may need some tweaking to make it exactly what you need.
Bending WordPress to your will and making it uniquely your own is empowering. One of the best ways to learn how to work with WordPress is to look “under the hood” so to speak and see how other people have coded up stuff.
That’s exactly how I got started. Back in 2005 I setup my first WordPress site. It was a hobby blog and I didn’t have any kind of income associated with the site. That meant I needed to do everything on the cheap, which meant if I couldn’t figure it out myself it didn’t get done.
So I found some free themes that I thought looked cool and looked at the code to see how they did things. Whenever I could see how someone else did something I was able to take what they did and modify it to my own needs. I still do the same thing even today. (Shhh! Don’t tell Rebecca!)
It was a truly wonderful day when I discovered that my web browser would let me view the source code of a website with a simple right click of the mouse. “Oh, so that’s how you do that!”
Tinkering was my thing. Because it was a hobby site there were times when I would do things that I knew would crash my site just so I could see what it would take to fix it. While I don’t recommend that approach, it sure made the dreaded WordPress “white screen of death” much less intimidating.
You can build a great freelance business simply with the ability to customize WordPress themes. There’s a really big market for people who are good at Genesis theme customization in particular. You will have to invest some time on your own to learn the skills needed.
In my case not only did I tinker with my own sites, but new friends that I was meeting online would say, “I saw what you did with your site. Can you help me with mine?” Eventually it got to the point that I was “helping” so often that I realized some of those folks would be glad to pay me. So I put together a plan and left my job to do this full-time.
It took me nearly 2 years to learn the skills I needed to be able to start charging folks. But theme customization was one of the key skills I used to earn a living in those early days.
A Warning About Customizations
You should know that customizing WordPress themes is not for everyone. If you’re going to start modifying your themes there are some things you’re going to need to learn. You’re leaving the comfortable world of drag-and-drop and a-setting-for-everything.
You’re stepping into a world of true power where you can control your own destiny.
Ok, that may be a bit over the top. But you are going to have to take off the training pants and put your big boy (or big girl) pants on. In order to customize themes you are going to have to begin learning about the acronym soup world of FTP, HTML, CSS, some PHP, and maybe even (gasp!) MySQL. Plus, it will help if you have the ability to use an image editing program like Photoshop or Gimp.
If that last paragraph set a wave of nausea coursing through your body then you should seriously consider stopping right now. Theme customization is not for everyone becasue there are technical things involved.
There’s no shame in that. In fact I know a lot of people who are very successful online without ever messing with code at all. The key is to know the areas where you are gifted, because you know the things you are enthusiastic about and can stick with until you master them. Those are the things that add value and enrichment to your life.
So if the very thought of picking through CSS gives you the shivers, then theme customization may not be your gifting. I’m just saying.
Now It’s Your Turn
I realize there’s not a lot of red meat in this particular post. But these introductory things needed to be said. We’ll soon be adding the rest of the posts in this series and they’ll provide lots of great information for you to dig into.
But while were still getting started I’d like to hear from you. Which Genesis theme customization topic do you want to learn about most? Is there anything over and above the list above that would you like to see discussed? If so, leave us a comment below and we’ll consider throwing it into our series of blog posts.
qtcc says
Great article Chris, I cannot wait to learn more. It is a bit overwhelming but I have the desire to learn WP and hope to at least be able to make changes to the child theme so it has a look and feel that will ultimately represent my style of business. I love and learn so much from WebSavvy. Thank you all for your dedication and hard work. I sell Preschool (educational) products and would love to see another (more) ‘preschool store’ option(s) offered in a child theme. Something simple with a slider for product displays and descriptions. I keep looking….
Rebecca Gill says
Thanks for your comments. We are committed to producing more and more stock themes, so feel free to email me any suggestions you have for future themes. While I may have my own thoughts, I love hearing what others think since I know i’m far from normal!
hicks1220 says
Thanks for doing this series Chris. I’m looking forward to many of the topics you’ll be covering. Specifically on workflow, PHP, and using hooks. I’m a big fan of Genesis and the themes that you guys at Web Savvy have developed. Keep up the good work! I’ll be following 🙂
Rebecca Gill says
Thanks Steve! Love the nice comments and that you’re just a hop, skip, and jump away from a few of us. Chris is in Colorado, but Debbie and I are in metro-Detroit.
Scott says
I really want to learn how to make a Genesis Child Theme my very own. I tend to search for a theme that will fit exactly what I picture in my head. I need to learn the art of taking the basis and creating what I want from there.
Rebecca Gill says
I used to be in the same boat, then I hired a graphic designer and a coding team. LOL!
Really, I tell people to look for a theme that has the components (or content buckets) they want and go from there. Colors and content are easy to exchange out, but themes start to look very different when you start moving things around. It is also a lot more challenging than people think it will be.
Chris Cree says
My recommendation is to start tweaking easier things like CSS first, changing colors, background images, etc. When I first started I looked for themes that had the layout I wanted and then adjusted the colors as needed.
Fortunately there are a ton of code snippets out there for the Genesis framework. Most of them can be incorporated into most any Genesis child theme with very little modification required.
Rob Cubbon says
Wow, I’m late onto this. I’ve been tinkering with themes since 2006 and ended up with Genesis a couple of years ago. Can’t wait to read the series! Thanks 🙂
Natalie says
Thanks for sharing the info. We love the Genesis framework. It is amazing to work with once you get the hang of it.