5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

Insert image between header and postname?

by benkleiner
4 replies
  • WEB DESIGN
    • |
How to insert an image below the header in a Wordpress theme?
That image must be incorporated to the template for all the pages.
Thank you
#header #image #insert #postname
  • Profile picture of the author WendellC
    Hi.

    I think it really depends on the WP theme you're using, since they're all coded a little differently.

    In most cases, you'll need to edit a file called Header.php. Sometimes you'll see a wp_head() function and you can insert your image somewhere in that area.

    Are you using a public WP theme? If so, let us know the name of the theme and I'm sure someone will be able to give you the exact line to modify.

    Wendell
    Signature

    List your no opt-in product here for free: No Opt In Required

    {{ DiscussionBoard.errors[1145480].message }}
    • Profile picture of the author archkre
      Originally Posted by WendellC View Post

      Hi.

      I think it really depends on the WP theme you're using, since they're all coded a little differently.

      In most cases, you'll need to edit a file called Header.php. Sometimes you'll see a wp_head() function and you can insert your image somewhere in that area.

      Are you using a public WP theme? If so, let us know the name of the theme and I'm sure someone will be able to give you the exact line to modify.

      Wendell
      It is a Theme I put together with Artisteer2

      This is the corresponding Header.php :

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
      <head profile="http://gmpg.org/xfn/11">
      <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
      <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
      <title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); }
      elseif (is_single() ) { single_post_title(); }
      elseif (is_page() ) { bloginfo('name'); echo ': '; single_post_title(); }
      else { wp_title('',true); } ?></title>
      <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
      <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
      <!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
      <!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /><![endif]-->
      <link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
      <link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
      <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
      <?php wp_head(); ?>
      </head>
      <body>
      <div id="art-page-background-gradient"></div>
      <div id="art-main">
      <div class="art-Sheet">
      <div class="art-Sheet-tl"></div>
      <div class="art-Sheet-tr"></div>
      <div class="art-Sheet-bl"></div>
      <div class="art-Sheet-br"></div>
      <div class="art-Sheet-tc"></div>
      <div class="art-Sheet-bc"></div>
      <div class="art-Sheet-cl"></div>
      <div class="art-Sheet-cr"></div>
      <div class="art-Sheet-cc"></div>
      <div class="art-Sheet-body">
      <div class="art-Header">
      <div class="art-Header-png"></div>
      <div class="art-Header-jpeg"></div>
      <div class="art-Logo">
      <h1 id="name-text" class="art-Logo-name">
      <a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
      <div id="slogan-text" class="art-Logo-text">
      <?php bloginfo('description'); ?></div>
      </div>

      </div>
      <div class="art-nav">
      <div class="l"></div>
      <div class="r"></div>
      <div class="art-nav-center">
      <ul class="art-menu">
      <?php art_menu_items(); ?>
      </ul>
      </div>
      </div>


      Thank you
      {{ DiscussionBoard.errors[1146513].message }}
      • Profile picture of the author WendellC
        Hi. You may have to experiment a little with this -- I believe you want to insert your image right before the "art-nav" class.

        ...

        </div>
        <img src="YOUR PATH TO YOUR IMAGE GOES HERE">
        <div class="art-nav">
        <div class="l"></div>
        <div class="r"></div>
        <div class="art-nav-center">
        <ul class="art-menu">
        <?php art_menu_items(); ?>
        </ul>
        </div>
        </div>

        Hope this helps.

        Wendell
        Signature

        List your no opt-in product here for free: No Opt In Required

        {{ DiscussionBoard.errors[1150394].message }}
  • Profile picture of the author Mohsin Rasool
    Originally Posted by benkleiner View Post

    How to insert an image below the header in a Wordpress theme?
    That image must be incorporated to the template for all the pages.
    Thank you
    Hi,

    You just need to place this in header.php file of your current wp theme...
    Simply place the image html code after the header stuff, so it appears before the posts...

    No you do not need to edit all template pages, just header.php will be enough!

    Best Regards,
    Mohsin Rasool
    Signature
    Warriors4Hire: WordPress & GENESIS Experts | Custom WP Theme | WordPress Troubleshooting | Customizations | WP Security | Responsive Themes

    My Business site: WarMarks - Web Development | My Personal Blog: Mohsin Rasool
    {{ DiscussionBoard.errors[1150137].message }}

Trending Topics