Ask your WordPress questions! Pay money and get answers fast! (more info)

image header if is page (translated with WPML) WordPress

  • SOLVED

Hi,
I have in the header.php a basic image with class "displayed"





<title><?php wp_title(''); ?></title>
<?php wp_head(); ?>
<?php if(WP_VERSION < 3.0): ?>
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
<?php endif; ?>
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php if (is_file(TEMPLATEPATH .'/favicon.ico')):?>
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
<?php endif; ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>

</head>



<IMG class="displayed" src="http://www.site.com/images/header-bg.jpg" width="990" height="245" /></div>
<body <?php if(function_exists('body_class')) body_class(); ?>>





I would like that when I am on translated pages (with WPML pulgin) the page shows a different image.

Example:

homepage : image
homepage translated: image 2

page1: image
page 1 translated: image 2

post1: image
post1 translated: image 2

category1: image
category1 translated: image 2

Any idea?

Answers (1)

2015-02-01

Romel Apuya answers:

use the constant
ICL_LANGUAGE_CODE

where en = english, fr = french

if(ICL_LANGUAGE_CODE=='en'){
echo '<img class="displayed" src="http://www.site.com/images/header-bg.jpg" width="990" height="245" />';
}else{
echo '<img class="displayed" src="http://www.site.com/images/header-bg2.jpg" width="990" height="245" />';
}



[[LINK href="http://wpml.org/documentation/support/wpml-coding-api/"]]http://wpml.org/documentation/support/wpml-coding-api/[[/LINK]]

also add your image below the body tag... its not html valid to add it above the body tag


noronha comments:

So, is this the exact code I have to insert in the header.php file, after </head> and before <body>?



<?php if(ICL_LANGUAGE_CODE=='en'){

echo '<img class="displayed" src="http://www.site.com/images/header-bg.jpg" width="990" height="245" />';

}else{

echo '<img class="displayed" src="http://www.site.com/images/images/header-bgeng.jpg" width="990" height="245" />';

}



Romel Apuya comments:

yes.. but should be after the body tag.


Romel Apuya comments:

<?php if(ICL_LANGUAGE_CODE=='en'){
echo '<img class="displayed" src="http://www.site.com/images/header-bg.jpg" width="990" height="245" />';
}else{
echo '<img class="displayed" src="http://www.site.com/images/images/header-bgeng.jpg" width="990" height="245" />';
}
?>


Romel Apuya comments:

<title><?php wp_title(''); ?></title>
<?php wp_head(); ?>
<?php if(WP_VERSION < 3.0): ?>
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
<?php endif; ?>
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php if (is_file(TEMPLATEPATH .'/favicon.ico')):?>
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
<?php endif; ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
</head>
<body <?php if(function_exists('body_class')) body_class(); ?>>
<?php if(ICL_LANGUAGE_CODE=='en'){
echo '<img class="displayed" src="http://www.site.com/images/header-bg.jpg" width="990" height="245" />';
}else{
echo '<img class="displayed" src="http://www.site.com/images/images/header-bgeng.jpg" width="990" height="245" />';
}
?>


noronha comments:

thank you!! it works!!