Cambiar fotos de fondo según idioma con WPML:

Si usas el plugin de traducción WPML me he encontrado con un problema, cuando hago alguna personalización en mi tema de Elegant Theme del tipo poner foto de fondo en un DIV o por ejemplo poner un logotipo diferente según el idioma.

¿Cómo solucionarlo? con un poco de CSS y la función ICL_LANGUAGE_CODE;

En mi caso tenia esto:

 

Esto en el código del HEADER:

<div id=»header» class=»clearfix»>

y su css correspondiente:

#header { position: relative; padding:20px 35px 3px;}

 

Pues bien, la idea es esta:

<div id=»header_<?php echo ICL_LANGUAGE_CODE; ?>» class=clearfix»>  // Le indicamos mediante la función que llame a header_es o header_ca o header_en según el idioma

y solo falta generar en el CSS lo siguiente:

#header_ca { position: relative; padding:20px 35px 3px;  background: url(http://direccion.com/wp-content/uploads/333/33/foto-ca.png);background-repeat:no-repeat; background-position:right bottom;  }
#header_es { position: relative; padding:20px 35px 3px;  background: url(http://dirección.com/wp-content/uploads/333/33/foto-es.png);background-repeat:no-repeat; background-position:right bottom;  }
… y por cada idioma que tengamos uno diferente, como podeis ver la imagen cambia para cada idioma

De esta misma manera podemos tener un logo para cada idioma, o incluso una estructura de header o footer diferente para cada idioma.