For all of you code-savvy bloggers, theme creators, and WordPress enthusiasts. If you love creating WordPress websites with the Genesis Theme Framework software, in this post, I want to share with you my web design setup and how I customize Genesis child themes using the awesome Themer Pro IDE plugin.

If you haven’t heard of Themer Pro before, then you’re going to love it, at least I think you will.

A while ago I published a detailed review of Themer Pro which you can check it out here if you wish.

So, in this post or I should say video post, I’ll show you how simple it is to get set up and edit your existing Genesis child theme with this developer plugin.

You can also take any other existing child themes, heavily modify it to your heart’s content, and export it as a customized child theme you can call your own, to use on your client’s websites.

Not just for freelance web designers and developers

Yes, Themer Pro is the perfect freelance web design tool I must admit, however, I think it can be put to good use by almost anyone.

Even if you happen to have some basic knowledge of HTML, CSS, and PHP, you can benefit greatly from using Themer Pro to assist you in the modification of your Genesis powered website.

If you’re starting out on the road to Genesis child theme development, the Themer Pro IDE plugin is the perfect tool to have in your developer toolbox.

Watch the video below to learn more about how I use this plugin and my web design setup.

My web design setup

As a freelance web developer, I use quite a variety of tools, plugins, apps, services.

I like to have a good selection as each web design project I undertake is different.

However, when it comes to developing custom Genesis child themes or even customizing existing child themes to a clients specification, for example, I prefer to use just a few essential tools.

These tools include –

1. Genesis theme framework
2. MAMP (For hosting WordPress websites locally)
3. Themer Pro IDE plugin
4. Google Dev Console (Right-click on a web page in Google Chrome)
5. Color Picker App for finding the HTML HEX or RGB code of any color

Where can you find the Themer Pro IDE plugin?

The Themer Pro plugin was created by developer Eric Hamm over at CobaltApps. You can learn more about it here as well as discover a range of other useful developer tools created by the company.

Don’t forget to check out my review of Themer Pro here if you wish to.

Good luck and enjoy.