WordPress.org

Support

Support » Themes and Templates » how to insert custom image in header (Admired)

how to insert custom image in header (Admired)

  • Pardon the newbie question, but I am racking my brain trying to figure out something that is probably really easy and am just not finding where to do this. I am just getting started with building a WP site and I am using the Admired theme – which doesn’t have a header image by default.

    Yet I want to replace the header head and subhead with just an image. Where do I need to go to make these changes and what changes do I need to make? Any pointers hugely appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • What you’ll want to do first is create a child theme using Admired as the parent theme, then copy the file header.php from /wp-content/themes/admired to /wp-content/themes/<you child theme> where “<your child theme>” is the name you picked for your child theme.

    Within header.php, you’ll find a block of code that looks like this:

    <header id="branding" role="banner">
    			<div id="header-group" class="clearfix">
    				<div id="header-logo">
    					<?php
    					if ( ! empty( $options['admired_hide_title_discription'] ) && $options['admired_header_logo'] ) { ?>
    						<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><span id="header-link"> </span></a>
    					<?php } ?>
    					<hgroup>
    						<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
    						<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
    					</hgroup>
    					<?php
    					if ( isset ($options['admired_search_placement'])&&  ($options['admired_search_placement'] == "Header") ) {
    					get_search_form(); }
    					if ( isset ($options['admired_show_social_icons'])&&  ($options['admired_show_social_icons'] != "") ) {
    					get_template_part('header','social');} else { echo "";}
    					?>
    				</div>
    			</div>
    		</header><!-- #branding -->

    That’s the section you’ll want to modify to add your header image. What changes you make depend on what features you want to keep and whether you want the header image to be full-width, just a logo, a background with overlying text, or whatever. The nice thing about working with the child theme is that you can experiment and if you mess things up, just overwrite your child theme’s header.php with the one from Admired and you’re back to where you started.

    I added an image using the theme options. Howeverm I would like to increase the size. I have already created a child theme. Now when I go to upload a new image I choose choose image under the header tab and nothing happens. It won’t let me upload the image into the theme options.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘how to insert custom image in header (Admired)’ is closed to new replies.