• Skip to main content
  • Skip to footer
  • Home
  • Our Work
  • About
  • Our Process
  • Reviews
  • Skills
  • Contact

Genesis Framework Developer And Designer Team

Genesis Developer and Designer Team For WordPress Websites

Selecting the best Genesis 2.0 Child Theme With HTML5 Markup

November 21, 2013 by 3200 Creative 19 Comments

Need A Genesis Developer? Visit Our Client Site


Picking the best Genesis 2.0 Child theme when you start your WordPress website is important. It’s the cornerstone of your entire design. After several years of working with the Genesis Framework We’ve found that not all child themes are created equally. In this article we’re going to address the following:

  1. What we consider great Genesis 2.0 child theme practices.
  2. Genesis 2.0 theme techniques we don’t prefer and why.
  3. What to keep in mind when reading reviews and blog posts regarding the best Genesis 2.0 child theme.
  4. Theme optimization comparison: A theme we like vs. a theme we don’t.
  5. Child themes we recommend and why.
1.

What we look for in a great Genesis 2.0 child theme:

We’ve worked with a TON of child themes over the past 3 years. We’ve used every theme StudioPress offers and through client work we’ve worked with dozens of third-party child themes as well. Here’s what we look for in a great Genesis Child Theme:

  • Most importantly its makeup should be lightweight and kept simple. Too many bells and whistles added to the child theme files deconstruct the elegance of the Genesis Framework.
  • Ever wonder why simple looking websites seem to do extremely well? Fast load-time is a factor and your Genesis child theme should be optimized. The Genesis Framework takes an impressive 1.3 seconds to load. The child theme should not add much more time to the first page load time of your site. For example 3200goodies.com loads in 1.45 seconds.
  • The child theme should have well thought-out and correct mobile responsive coding.
  • A child theme that has few image files helps optimization greatly. With the amount you can do with CSS these days, a ton of image files are unnecessary.
  • We look for child themes that are easy to modify and customize. Typically themes kept closer to the design of Genesis 2.0 are way easier to work with for both developer and client.
  • We prefer a child theme that is built with a small amount of PHP files.
  • Well written and organized CSS helps a ton.
  • Great theme support is also essential. A developer that doesn’t support his themes makes it very hard for novice WordPress users.

Genesis Framework for WordPress

2.

What we stay away from when picking a Genesis 2.0 child theme:

Here’s what we tend to stay away from when we are picking a child theme for a Genesis 2.0 website:

  • Too many files within the child theme structure (see good theme vs. bad theme for example).
  • Multiple CSS files.
  • Large amounts of Javascript files.
  • Too many image files or image files that aren’t properly saved for web use.
  • Poor mobile responsive coding.
  • Gimmicky flare that negatively effects performance.
3.

What to watch out for when searching for the best Genesis 2.0 child theme:

Currently there are 40+ Genesis 2.0 child themes available for download online. Often you’ll come across a blog promoting a gigantic amount of Genesis 2.0 child themes that are “The Best Genesis 2.0 Child Themes with HTM5 Markup.” Look out for blogs promoting giant handfuls of themes claiming they are all the best without facts to support their recommendation. We’ve noticed a trend of authors stockpiling as many themes as they can find into a blog post and coining their collection “The Best Genesis Child Themes.” It’s understandable that these quickly produced collections are out there however they don’t help someone find the best child theme for their needs. In the past we’ve purchased a third-party child theme because of a blog post recommendation and we were surprised to find that the child theme wasn’t built with the same optimization of the themes we’ve been using made by StudioPress. Watch out for the following tell-tale signs of a lackadaisical “Best child-theme recommendation blog post”:

  • There’s only a brief paragraph about each theme and then a big image linking to the theme provider. Child themes have a lot to them and showcasing their features in a recommendation is important.
  • There’s a ton of themes offered in one post.
  • Spotlighted highlights of themes are extremely general. For example: “This theme is simple yet stylish. Great for any business!” This explains nothing about why it’s a good theme.
4.

Theme Comparison: Good vs. Bad

What we consider good and bad is subjective. Rather than throw a hardworking theme designer under the bus we are going to use a real theme provided on all of the primary Genesis child theme depots and call it Nameless. One of the approved child themes we use often at 3200 Creative is the Eleven40 Pro by StudioPress. It’s a part of our Pro Plus package and we use it often as a starting point for a large amount of websites. Here’s a detailed grid showing the difference between an optimized child theme and a non-optimized child theme. The differences are astonishing: [css3_grid id=’good-theme-bad-theme’] As you can see the optimization of the Eleven40 Pro theme speaks for itself. It has a smaller file size, less files, two images, no Javascript, and it loads extremely fast. It’s a GREAT child theme!

5.

Genesis 2.0 Child themes with HTML5 markup we recommend:

Now that you know what we look for in a Genesis child theme. Here are the themes we currently recommend and why.

 Genesis Child Theme #1: Magazine Pro Child Theme

genesis 2.0 child theme with html5

What we like about the Magazine Pro child theme:

  • The entire theme is designed using CSS. It contains no image files. This makes it easier to work with and loads faster.
  • File size of the theme is only 250kb.
  • Its simple 3 color design is elegant, allows for easy reading, and accompanies images extremely well.
  • It has two navigation menu styles to choose from. A black bar fixed to the top of your browser or a navigation bar below your header.
  • The mobile responsive coding of the site is done well and with very little CSS.
  • The theme loads very quickly. We clocked 1.65 seconds loaded on WP Engine hosting.

Click Here To Demo The Magazine Pro Theme

 Genesis Child Theme #2: Eleven40 Pro Child Theme

genesis framework child theme

Eleven40 Pro child theme highlights include:

  • This child theme has only 1 image file. The rest of the theme is styled using CSS.
  • It’s simple 2 color design is a great starting point for custom child themes.
  • The 3 column layout works well for blogs offering space for a wide variety of categories, ads, and links.
  • Elegant mobile responsive design.
  • This child theme requires no JavaScript.

Click Here To View The Eleven40 Demo

 Genesis Child Theme #3: Lifestyle Pro Child Theme

genenesis 2.0 child theme What we like about the Lifestyle Pro child theme:

  • Its design compliments the efficiency of the Genesis Framework.
  • Similar to the rest of our favorite Genesis child themes it’s easy to read and translates well to smartphones and tablets.
  • The images total 33kb in size.
  • The child theme to its entirety is 153kb in size.
  • It’s easily modifiable and is a great starting point for custom Genesis Child Themes.

Click Here To View The Lifestyle Demo

 Genesis Child Theme #4: Metro Pro Child Theme

premium genesis child theme

What impressed us about the Metro Child theme:

  • Aside from the custom background image you add, this child theme requires only 12kb of image files.
  • It uses only one style sheet and 3 PHP files. This allows for easy customizations.
  • Its got style. The CSS and images have a very professional presence.

Click Here To View The Metro Pro Demo

 Genesis Child Theme #5: Wintersong Child Theme

simple genesis child theme What we like about the Wintersong Child theme:

  • Its fixed-left sidebar works well for a variety of website types. It also is visible throughout scrolling while you browse the site.
  • This theme’s simplicity is a great starting point for building custom child themes. It’s black and white color scheme can be changed effortlessly to accommodate a ton of different styles.
  • Its minimalistic approach to blogging makes it easy to understand, work with, and navigate.
  • Its entire design requires no images files. This child theme is 100% CSS.

Click Here To View The Wintersong Demo

 Genesis Child Theme #6: Beautiful Child Theme

elegant wordpress child theme What we like about the Beautiful Pro Child Theme:

  • It requires only 1 image (the header image).
  • The child theme uses 2 PHP files and 1 CSS file. This is a Genesis Child theme built using a very small amount of moving parts.
  • It’s open and airy. This child theme contains very few boxes allowing for a big open space to present your content.

Click Here To View The Beautiful Pro Demo

 Genesis Child Theme #7: Executive Child Theme

premium html5 wordpress child theme What we like about the Executive Pro child theme:

  • It’s flexible and the homepage is extremely easy to modify into a ton of different custom child themes (we used this theme for 3200creative.com)
  • This child theme works well for a company, team, or service. We’ve used it for doctors, app companies, financial developers, makeup artists, and more. Its optional featured areas and call to action banners on the homepage allow for a wide variety of messages.
  • The minimal logo area and menu allow for more content above the fold.

** Our best recommendation to web designers and developers is to purchase the Pro Plus Package from StudioPress.com. It’s all these themes and future themes put out by StudioPress. To date, every theme we use for custom child theme development and client websites are Genesis 2.0 child themes with HTML5 markup offered by StudioPress. We’d always like to expand this list with other well made themes. If you have a Genesis Child theme that you’d like us to review and potentially add to this list please notify us via the contact form at 3200creative.com.

Blog, Development

Reader Interactions

Comments

  1. abby @ thingsforboys says

    March 27, 2014 at 1:02 am

    Do you happen to know if there are any functional differences between Lifestyle Pro and Magazine Pro? I am deciding between the two themes and am having a hard time picking one. Thanks

    Reply
    • 3200goodies says

      March 27, 2014 at 1:10 am

      Very little is different administratively. The nice thing about all studiopress themes is they are built in a very similar fashion. It’s the CSS that changes how they look.

      Both themes work in a very similar manner. The big difference between the two is that Magazine has a fixed menu across the top that can be used as you browse down the site. It also has widgetized footer.

      Reply
  2. Camilla says

    April 3, 2014 at 6:20 am

    What is your take on Focus Pro in terms of loading time, ease to modify/customize, functionality etc. compared to the ones you are listing here? Thanks.

    Reply
    • 3200goodies says

      April 4, 2014 at 12:52 am

      I loaded up Focus Pro today and it’s setup great. Its load time is extremely quick, it’s got a small amount of image files, and the image files are retina ready. In regards to it’s customizations its absolutely comparable.

      I’m going to add it to the list along with a few other themes they’ve recently rolled out that work great.

      Reply
  3. Megan says

    April 8, 2014 at 6:39 pm

    Hi! Thanks so much for this great article. I’m trying to decide on a studiopress theme and honestly I’m a bit overwhelmed! I was wanting to know what you thought about the Foodie child theme? I really like the simple look but am not technologically minded so have no idea about the backend. What are your thoughts regarding this particular theme? Would you recommend it? Thanks so much for your time!

    Reply
    • 3200goodies says

      April 9, 2014 at 3:34 am

      Hi Megan,

      I haven’t designed or developed a site based on the Foodie theme yet so I don’t have a complete view of the dashboard or file structure for the site. I checked it out and it is lightweight, loads fast, and is extremely similar to the themes produced by StudioPress. It looks like Shay did a great job and you should be good to go:)

      Reply
  4. Vivek Adarsh says

    April 21, 2014 at 6:31 am

    These themes have less response time, I will strongly recommend these themes.

    Reply
  5. Daily News Company says

    May 18, 2014 at 6:57 pm

    thanks so much for the reference bcoz this is very difficult task to select large number of themes

    Reply
  6. Neil says

    May 26, 2014 at 6:34 am

    Wintersong looks great. Simple and easy to read.

    Reply
  7. Bob says

    June 24, 2014 at 3:23 pm

    Have you tested the Parallax Pro Theme?

    Reply
    • 3200goodies says

      June 24, 2014 at 4:00 pm

      I have, Parallax is solid!:)

      Reply
  8. Aliaksandra says

    March 16, 2015 at 3:26 pm

    This exactly what I needed to read! I have been primarily choosing themes by the look and feel, so I am glad to know how they actually stack up to each other on the back end.

    Reply
    • 3200goodies says

      June 25, 2015 at 10:31 pm

      Glad to hear it helped;)

      Reply
  9. Robyn Gayton says

    June 9, 2015 at 10:41 am

    I am looking to update our genesis child theme. Love the look of zig zag press Start theme and was wondering if i can achieve a similar look with a studio press theme. Perhaps Modern Portfolio or Parallax pro.Had considered Executive pro as it is similar to the associate theme we have now, but would like more of a one page longer look. And all super fast of course.What are your thoughts.

    Reply
    • 3200goodies says

      June 10, 2015 at 2:20 am

      You may want to check out Altitude. We use altitude pro as the starting point for a fair amount of our projects it’s pretty flexible and very well made.

      Reply
  10. Rob G says

    June 18, 2015 at 7:37 am

    Could you possibly list a few examples to view. Thanks for the advice,

    Reply
    • 3200goodies says

      June 25, 2015 at 10:30 pm

      Hi Rob,

      A few examples of what? Let me know and I’ll add them to a comment.

      Reply
  11. Rob G says

    June 25, 2015 at 10:11 pm

    Thanks for the tip. Could I add a slider similar to Executive pros and add a portfolio page without slowing Altitude down. It seems a little slow ? I love the parallax effect but the good old slider delivers before and after images that convert well for our industry.

    Regards Rob

    Reply
    • 3200goodies says

      June 25, 2015 at 10:30 pm

      Hi Rob,

      With the proper understanding you can mix’n’match features between the StudioPress child themes very efficiently. In regards to slowing down the site, proper compression and setup of the theme should keep it extremely optimized.

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Footer

Genesis Framework Developer Team
Design, Developement, and Consulting Services
  • Our Work
  • Our Process
  • Skills
  • Reviews
  • About
  • Project Inquiry
  • Client Login
  • Client Resources
  • Contact Us

Copyright © 2021 - 3200 Creative
Genesis Framework Developer And Designer Team | Blog | Archives | Privacy Policy