page-header

Como cambiar el logo en Polylang

polylang-compressor

Cambiar el logo según el idioma con Polylang

Para cambiar el logo según el idioma con Polylang, se tiene que agregar un poco de código en el header de su sitio web.

En Polylang, para saber el idioma activo hay que llamar a la función :

<?php

if (pll_current_language() == 'es') {
   echo '<img src="/images/logo-es.jpg">';
} elseif (pll_current_language() == 'en') {
   echo '<img src="/images/logo-en.jpg">';
} else{
   echo '<img src="/images/logo.jpg">'; }
?>

Es así que en el lugar donde se encuentra el logo en su sitio WordPress, puede modificar su header para que el logo cambie según el idioma.

En mi caso lo tenia que cambiar en dos idiomas (Inglés y Español).

Quedo así:

Quedo así:

<div class=”logo_container”>
<span class=”logo_helper”></span>

<?php
if (pll_current_language() == ‘es’) {
echo ‘<a href=”http://www.susitio.com/”><img src=”http://www.susitio.com/wp-content/uploads/2018/03/logo-es.svg”></a>’;
} elseif (pll_current_language() == ‘en’) {
echo ‘<a href=”http://www.susitio.com/en/welcome-2/”><img src=”http://www.susitio.com/wp-content/uploads/2018/03/logo-en.svg”></a>’;
} else{
echo ‘<img src=”http://www.susitio.com/wp-content/uploads/2018/03/logo-es.svg”>’; }
?>
</div>

Si quieren, para comparar, ver el código original de mi header, se los dejo aquí:

<div class=”logo_container”>
<span class=”logo_helper”></span>
<a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>”>
<img src=”<?php echo esc_attr( $logo ); ?>” alt=”<?php echo esc_attr( get_bloginfo( ‘name’ ) ); ?>” id=”logo” data-height-percentage=”<?php echo esc_attr( et_get_option( ‘logo_height’, ’54’ ) ); ?>” />
</a>
</div>