Add a graphic above the header WordPress
- SOLVED
Hello,
I'd like to add a graphic above the header on my website, but I dont konw how to do that. Could someone help me with that ?
Website: http://www.thepremierleague.eu
Thanks in advance,
Laurent
Answers (3)
Abdelhadi Touil answers:
Hi. Send me you FTP login info and I''l do it for you.
Good luck!
TPLANGE comments:
Well i'm not sending out the logins sorry :/
Could you tell mehere what code i should use and where ?
Abdelhadi Touil comments:
Ok. Can you tell me the content of your header.php file? It's in your theme folder.
TPLANGE comments:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?> class="no-js">
<head>
<meta charset=<?php bloginfo('charset'); ?> />
<title><?php bloginfo('name'); ?> | <?php is_home() || is_front_page() ? bloginfo('description') : wp_title(''); ?></title>
<?php require(ghostpool_inc . 'options.php'); ?>
<?php wp_head(); ?>
<?php require(ghostpool_scripts . 'custom.php'); ?>
<?php require(ghostpool_inc . 'page-styling.php'); ?>
</head>
<!--[if lte IE 6]>
<style>#left, #right { display: none; }</style>
<![endif]-->
<![if !IE]>
<body <?php body_class($ios_class.$layout.$padding.$frame); ?>>
<![endif]>
<!--[if gt IE 8]>
<body <?php body_class('ie9 '.$ios_class.$layout.$padding.$frame); ?>>
<![endif]-->
<!--[if lt IE 9]>
<body <?php body_class('ie8 '.$ios_class.$layout.$padding.$frame); ?>>
<![endif]-->
<!--Begin Page Wrapper-->
<div id="page-wrapper">
<!--Begin Profile Links-->
<!--End Profile Links-->
<!--Begin Header Top-->
<div id="header-top">
<!--Begin Logo-->
<!--End Logo-->
<!--Begin Nav-->
<div id="nav">
<span id="nav-left"></span>
<?php wp_nav_menu('sort_column=menu_order&container=ul&theme_location=header-nav&fallback_cb=null'); ?>
</div>
<!--End Nav-->
<!--Begin Descr-->
<!--End Descr-->
<?php //get_search_form(); ?>
</div>
<!--End Header Top-->
<!--Begin Slider-->
<?php if(function_exists('bp_get_options_nav') && !bp_is_blog_page()) {} else { if((is_home() && $theme_slider_display == "Homepage") OR $theme_slider_display == "All Pages" OR is_page(explode(',',$theme_slider_pages)) OR is_single(explode(',',$theme_slider_posts))) { require('slider.php'); } } ?>
<!--End Slider-->
<!--Begin Header Bottom-->
<div id="header-bottom">
<div id="display-options">
<?php if((is_home() && $theme_homepage_buttons == "0") OR (is_category() && $theme_cat_buttons == "0") OR (is_page_template('blog.php') && $theme_blog_buttons == "0") OR (is_tax('review_categories') && $theme_review_cat_buttons == "0")) { ?>
<a id="display-compact"></a><a id="display-extended"></a>
<?php } ?>
</div>
<?php if(!is_home()) { if($theme_breadcrumbs == "1") {} else { ?><div id="breadcrumbs"><?php echo the_breadcrumb(); ?></div><?php }} ?>
<!--Begin Social Icons-->
<div id="social-icons">
<?php if($theme_email) { ?><a href="mailto:<?php echo($theme_email); ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_email.png" alt="<?php _e('Email', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php if($theme_rss_button == "0") { ?>
<a href="<?php if($theme_rss) { ?><?php echo($theme_rss); ?><?php } else { ?><?php bloginfo('rss2_url'); ?><?php } ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_rss.png" alt="<?php _e('RSS Feed', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php if($theme_twitter) { ?><a href="<?php echo($theme_twitter); ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_twitter.png" alt="<?php _e('Twitter', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php if($theme_myspace) { ?><a href="<?php echo($theme_myspace); ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_myspace.png" alt="<?php _e('MySpace', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php if($theme_facebook) { ?><a href="<?php echo($theme_facebook); ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_facebook.png" alt="<?php _e('Facebook', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php if($theme_digg) { ?><a href="<?php echo($theme_digg); ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_digg.png" alt="<?php _e('Digg', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php if($theme_flickr) { ?><a href="<?php echo($theme_flickr); ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_flickr.png" alt="<?php _e('Flickr', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php if($theme_delicious) { ?><a href="<?php echo($theme_delicious); ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_delicious.png" alt="<?php _e('Delicious', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php if($theme_youtube) { ?><a href="<?php echo($theme_youtube); ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_youtube.png" alt="<?php _e('YouTube', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php if($theme_googleplus) { ?><a href="<?php echo($theme_googleplus); ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_googleplus.png" alt="<?php _e('Google+', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php echo stripslashes($theme_additional_social_icons); ?>
</div>
<!--End Social Icons-->
</div>
<!--End Header Bottom-->
<!--Begin Content Wrapper-->
<div id="content-wrapper">
Abdelhadi Touil comments:
Replace your header.php code with this one:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?> class="no-js">
<head>
<meta charset=<?php bloginfo('charset'); ?> />
<title><?php bloginfo('name'); ?> | <?php is_home() || is_front_page() ? bloginfo('description') : wp_title(''); ?></title>
<?php require(ghostpool_inc . 'options.php'); ?>
<?php wp_head(); ?>
<?php require(ghostpool_scripts . 'custom.php'); ?>
<?php require(ghostpool_inc . 'page-styling.php'); ?>
</head>
<!--[if lte IE 6]>
<style>#left, #right { display: none; }</style>
<![endif]-->
<![if !IE]>
<body <?php body_class($ios_class.$layout.$padding.$frame); ?>>
<![endif]>
<!--[if gt IE 8]>
<body <?php body_class('ie9 '.$ios_class.$layout.$padding.$frame); ?>>
<![endif]-->
<!--[if lt IE 9]>
<body <?php body_class('ie8 '.$ios_class.$layout.$padding.$frame); ?>>
<![endif]-->
<!--Begin Page Wrapper-->
<div id="page-wrapper">
<!--Begin Top Graphic -->
<div id="top-graphic">
<img src="[image link]" alt="[image alt]" />
</div>
<!--END Top Graphic -->
<!--Begin Profile Links-->
<!--End Profile Links-->
<!--Begin Header Top-->
<div id="header-top">
<!--Begin Logo-->
<!--End Logo-->
<!--Begin Nav-->
<div id="nav">
<span id="nav-left"></span>
<?php wp_nav_menu('sort_column=menu_order&container=ul&theme_location=header-nav&fallback_cb=null'); ?>
</div>
<!--End Nav-->
<!--Begin Descr-->
<!--End Descr-->
<?php //get_search_form(); ?>
</div>
<!--End Header Top-->
<!--Begin Slider-->
<?php if(function_exists('bp_get_options_nav') && !bp_is_blog_page()) {} else { if((is_home() && $theme_slider_display == "Homepage") OR $theme_slider_display == "All Pages" OR is_page(explode(',',$theme_slider_pages)) OR is_single(explode(',',$theme_slider_posts))) { require('slider.php'); } } ?>
<!--End Slider-->
<!--Begin Header Bottom-->
<div id="header-bottom">
<div id="display-options">
<?php if((is_home() && $theme_homepage_buttons == "0") OR (is_category() && $theme_cat_buttons == "0") OR (is_page_template('blog.php') && $theme_blog_buttons == "0") OR (is_tax('review_categories') && $theme_review_cat_buttons == "0")) { ?>
<a id="display-compact"></a><a id="display-extended"></a>
<?php } ?>
</div>
<?php if(!is_home()) { if($theme_breadcrumbs == "1") {} else { ?><div id="breadcrumbs"><?php echo the_breadcrumb(); ?></div><?php }} ?>
<!--Begin Social Icons-->
<div id="social-icons">
<?php if($theme_email) { ?><a href="mailto:<?php echo($theme_email); ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_email.png" alt="<?php _e('Email', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php if($theme_rss_button == "0") { ?>
<a href="<?php if($theme_rss) { ?><?php echo($theme_rss); ?><?php } else { ?><?php bloginfo('rss2_url'); ?><?php } ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_rss.png" alt="<?php _e('RSS Feed', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php if($theme_twitter) { ?><a href="<?php echo($theme_twitter); ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_twitter.png" alt="<?php _e('Twitter', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php if($theme_myspace) { ?><a href="<?php echo($theme_myspace); ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_myspace.png" alt="<?php _e('MySpace', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php if($theme_facebook) { ?><a href="<?php echo($theme_facebook); ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_facebook.png" alt="<?php _e('Facebook', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php if($theme_digg) { ?><a href="<?php echo($theme_digg); ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_digg.png" alt="<?php _e('Digg', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php if($theme_flickr) { ?><a href="<?php echo($theme_flickr); ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_flickr.png" alt="<?php _e('Flickr', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php if($theme_delicious) { ?><a href="<?php echo($theme_delicious); ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_delicious.png" alt="<?php _e('Delicious', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php if($theme_youtube) { ?><a href="<?php echo($theme_youtube); ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_youtube.png" alt="<?php _e('YouTube', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php if($theme_googleplus) { ?><a href="<?php echo($theme_googleplus); ?>"><img src="<?php echo get_template_directory_uri(); ?>/lib/images/social_googleplus.png" alt="<?php _e('Google+', 'gp_lang'); ?>" rel="nofollow" target="_blank" /></a><?php } ?>
<?php echo stripslashes($theme_additional_social_icons); ?>
</div>
<!--End Social Icons-->
</div>
<!--End Header Bottom-->
<!--Begin Content Wrapper-->
<div id="content-wrapper">
the code I'v added is:
<!--Begin Top Graphic -->
<div id="top-graphic">
<img src="[image link]" alt="[image alt]" />
</div>
<!--END Top Graphic -->
As you see I'v added a div above the header, the div contains an image, so you should replace [image link] with the image link, and [image alt] with the text you want to as alt value.
If you want the image to be a link, then use this instead:
<!--Begin Top Graphic -->
<div id="top-graphic">
<a href="[link]"><img src="[image link]" alt="[image alt]" /></a>
</div>
<!--END Top Graphic -->
After adding this code you should see your graphic, if it's not positioned as you wish then tell me to help you adding some CSS code to fix it.
Good luck.
TPLANGE comments:
Thanks man, working perfect !! :)
Francisco Javier Carazo Gil answers:
You can do it inside header.php, below the divs that contain the header you place your HTML.
TPLANGE comments:
Oh ok thanks. Where should I put it exactly ? (i found many <div ).
I'd like the picture to appear on the very top of the page, above the header, and in the middle
Francisco Javier Carazo Gil comments:
I can do it, send me PM, we need to modify code.
TPLANGE comments:
Like that :