Insert image between header and postname?

by 4 replies
5
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
#website design #header #image #insert #postname
  • 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
    • [1] reply
    • 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
      • [1] reply
  • 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
Join the discussion

Next Topics on Trending Feed