Insert image between header and postname?

benkleiner · 09-02-2009, 06:22 PM

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

WendellC · 09-02-2009, 09:24 PM

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

archkre · 09-03-2009, 06:00 AM

Quote:

Originally Posted by 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

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" />


<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

Mohsin Rasool · 09-04-2009, 04:32 AM

Quote:

Originally Posted by benkleiner

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

WendellC · 09-04-2009, 06:59 AM

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

09-02-2009, 06:22 PM	#1
benkleiner HyperActive Warrior Join Date: May 2009 Posts: 159 Thanks: 2 Thanked 1 Time in 1 Post	Insert image between header and postname? 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

09-02-2009, 09:24 PM	#2
WendellC HyperActive Warrior War Room Member Join Date: Jan 2008 Location: Southern California Posts: 190 Thanks: 9 Thanked 52 Times in 34 Posts Social Networking	Re: Insert image between header and 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
	Get a free one-way link from No Opt In Required for your no opt-in product. PM for details. Twitt..er...Me!

09-04-2009, 06:59 AM	#5
WendellC HyperActive Warrior War Room Member Join Date: Jan 2008 Location: Southern California Posts: 190 Thanks: 9 Thanked 52 Times in 34 Posts Social Networking	Re: Insert image between header and postname? 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
	Get a free one-way link from No Opt In Required for your no opt-in product. PM for details. Twitt..er...Me!