Changing the Genesis Minimum 2.0 Banner Image – GMIE

 

Introducing Genesis Minimum Images Extended – GMIE

One of the first things I fell in love with in the new Minimum 2.0 child theme was the large banner image on the homepage. Then I was sold on using it more and more (I’m running it on 2 of my own sites) when I saw the banner was also on the single post pages.

Pinterest's shortcomingThen I noticed an issue with it that affects the social media sharing (hi, Pinterest) and the grid loop or archive settings when displaying the featured images I was creating. When there is only one featured image assigned to a post or page, regardless of them thumbnail sizes that can be created, aspect ratio is often king. Pinterest (unlike Facebook, Google+, and LinkedIn) doesn’t even allow you to scroll to another image, so you’re stuck with the original image AND aspect ratio of the featured image.

Most great things people use come out of having a need or want and finding a solution. This is my solution to this dilemma. Never having written or published a plugin before, I sought out the teaching help of Nick Croft, Robert Neu, and Brandon Kraft to release Genesis Minimum Images Extended, known by us as GMIE. Even the legendary Bill Erickson contributed some assistance with portions of code that included his work with Custom Metaboxes (CMB).

How it works

GMIE overview

It’s rather simple (and we have an update to some tiny improvements in the next day or two). We’re all familiar with featured images for posts/pages, right? Well, the stock use of that in Minimum 2.0 is to also make that into the banner image below the header in single posts and pages. To fit the 1600px width of the theme’s CSS, that calls for a 600px tall image.

Who wants a 600px tall image pushing down their valuable content? That’s fine for the homepage like a big banner (like I’m using now), but not for posts. I quickly started shrinking the banner images to 350px on down to 250px. That was making for awkward slivers of images on the homepage grid loop, blog index page, and in Pinterest (see above).

My only solution at the time was to disable the images in the blog index and homepage. That made my content very plain until people arrived at my posts. I didn’t like that.

No longer is that the solution with GMIE. Now you can select another image to be used for the banner and you can make it any wonky aspect ratio you want and still keep a beautiful featured image for social media and the other uses Genesis has for featured images, such as the featured widgets and more. Just treat it like you would the featured image function and it’ll automatically appear below your header.

Why don’t you give it a try on your own Minimum 2.0 sites/projects and see how you like it?

Did you enjoy this article?
get posts delivered to your inbox

This site/post/code/(everything) runs on Genesis Framework

Genesis Framework for WordPress

The Genesis Framework empowers you to quickly and easily build incredible websites with WordPress. Genesis provides the secure and search-engine-optimized foundation that takes WordPress to places you never thought it could go.

Check out the incredible features and the selection of designs. It's that simple - start using Genesis now!

  • http://twitter.com/wmwebdes Keith Davis

    Lots of peeps using Minimum 2.0 theme and most of them will love this plugin.
    Appreciate the work that you and the other guys have put into this one – many thanks.
    BTW – would be nice to be able to overlay text, real text SEO type text, on the image.
    Just a thought.

    • http://www.petersenmediagroup.com/ Jesse Petersen

      Thanks, Keith. Glad it’s well-received.

      It would be nice – I left a comment on Brandon’s post back to you. Brian Gardner might have the PHP and CSS you want for that. Not sure how to incorporate it into the theme, since it’s mainly useful for the homepage banner, but it is nice to have to avoid using a layered slider like http://codecanyon.net/item/layerslider-wp-the-wordpress-parallax-slider/1362246

  • Jamie Reimer

    Can this work for other child themes?

    • http://www.petersenmediagroup.com/ Jesse Petersen

      No. No other child themes have a banner image.

  • http://twitter.com/Amit_Kolambikar Amit Kolambikar

    Epic stuff.You are contribution is truly respected.#Thanks.

  • Amit Kolambikar

    Sir I have one question though, in my theme.
    What is the image under the header ? its located in the assets file and i don’t know what it is ? how should i remove it ? Please suggest me a way to remove it

    /** Add new image sizes */
    add_image_size( ‘header’, 0, 0, TRUE);
    //add_image_size( ‘portfolio’, 330, 230, TRUE );

    /** Add support for custom background */
    add_theme_support( ‘custom-background’ );

    /** Add support for custom header */
    add_theme_support( ‘genesis-custom-header’, array(
    ‘width’ => 1423,
    ‘height’ => 59
    ) );
    It has something with the code in functions.php ? what could it be ? I had installed this plugin set a banner image and then deleted the plugin because the image was not full scaled and it looked pathetic so maybe because of that something is going wrong ?