• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Interior Pro – Replace Hero with Featured Image

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Interior Pro – Replace Hero with Featured Image

This topic is: not resolved

Tagged: hero image, Interior pro

  • This topic has 7 replies, 4 voices, and was last updated 6 years, 6 months ago by sonam.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 17, 2016 at 3:31 pm #183792
    Sheldon
    Member

    I really like the Interior Pro theme, but would like to replace the hero images with featured images, so each page would have a unique header.

    Is this easily doable?

    I've achieved that look using Blox Lite and Outreach theme and happy with that, but if I can upgrade to an HTML 5 theme that already does that, would be sweet.

    Home

    http://wmbc.ca
    April 18, 2016 at 6:29 am #183823
    Brad Dalton
    Participant

    Each page or each post?

    Featured images can be added to both pages and posts but how about archives?

    What do you want to display on category, tag, author, date, blog and other archive pages as these don't include a meta box for adding a featured image.

    Hero? What do you mean by this? Do you mean the header image?

    Its doable using many different coding methods as well as plugins like WP Display Header


    Get Help – Book Consultation.

    April 18, 2016 at 8:02 am #183828
    Brad Dalton
    Participant

    Ok got it now.

    One method would be to modify the value for the $image_post in lib output.php


    Get Help – Book Consultation.

    April 18, 2016 at 11:27 pm #183885
    Sheldon
    Member

    Thanks for your quick reply!

    As you figured out from my obscure question, I am looking to display a unique header image for each page, post, and select archive pages. Blox Lite is great for posts and pages, but hasn't worked for archives. I tried to bypass the restriction of no meta box for featured image for archives by adding a plugin - Category Featured Images, but wherever that plugin is placing the info for the featured image, is not being picked up by Blox Lite.

    I'll try your suggestion, and look for a plugin that both displays the featured image as a header and adds the ability to assign featured images to archives. Thanks again!

    April 29, 2016 at 6:58 pm #184713
    webcami
    Participant

    Sheldon,

    Did you find a plugin for this? Would love to know!

    Cami

    April 29, 2016 at 7:21 pm #184715
    Brad Dalton
    Participant

    Here's the solution for using the featured image as the hero image


    Get Help – Book Consultation.

    April 29, 2016 at 8:01 pm #184718
    Sheldon
    Member

    Actually moved to a different theme, and discovered Blox Lite actually can do the job, just had to change how I approached the problem. Instead of configuring one Blox to display featured image for each archive (which failed, as there IS no featured image for an archive), had to a create a Blox / custom image for each archive. Same effect, just a couple more steps if I add an archive. Works well.

    Home

    July 14, 2016 at 4:07 pm #189505
    sonam
    Member

    Hi - you can make the featured image the hero image on pages, or posts, in the output.php file.

    Firstly, find the three parts like this in the output.php file, relating to front-page, page and post

    $image_page = preg_replace( '/^https?:/', '', get_option( 'page-interior-image', sprintf( '%s/images/bg-post.jpg', get_stylesheet_directory_uri() ) ) );

    And replace with:

    $image_page = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );

    I also commented out the code relating to that section in the customize.php file to avoid confusion with uploading imags through customizer.

    Hope this helps

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble