Al crear un sitio web multilingüe, es posible que a veces necesite más control sobre el contenido que aparece en diferentes idiomas. Por ejemplo, es posible que desee mostrar una promoción, mostrar texto legal diferente según el idioma o ocultar completamente el contenido en traducciones específicas.
TranslatePress lo hace posible mediante códigos cortos específicos que te permiten incluir o excluir contenido basado en el idioma activo.
Cómo utilizar los códigos cortos condicionales TranslatePress para mostrar contenido en función del idioma
Hay dos códigos cortos disponibles para restringir contenido por idioma:
- [language-include] – muestra el contenido solo en los idiomas seleccionados.
[language-include lang="fr_FR"] Bonjour [/language-include]- [language-exclude] – oculta el contenido en los idiomas seleccionados.
HolaEstos códigos cortos le brindan control total sobre cuándo y dónde deben aparecer contenidos específicos, y si deben ser traducibles o mostrarse exactamente como están escritos.
Esto también se puede hacer con PHP:
<?php
$current_language = get_locale();
if( $current_language == 'en_EN' ){
echo 'texto en idioma es_ES';
}
if( $current_language == 'fr_FR' ){
echo 'texto en idioma fr_FR';
}
?>[language-include]
El shortcode muestra el contenido dentro de él solo para los idiomas que especifiques.
Tu contenido aquíAtributos:
- lang – Una lista separada por comas de códigos de idioma donde se debe mostrar el contenido.
Ejemplo: lang=”en_US, fr_FR, es_ES”
Los códigos de idioma se pueden encontrar en la pestaña General, dentro de la columna Código asociada a cada idioma.
[language-exclude]
El código corto oculta el contenido que contiene para los idiomas especificados.
[language-exclude lang="en_US, es_ES"]
Your content here
[/language-exclude]Atributos:
- lang – Una lista separada por comas de códigos de idioma donde el contenido debe ocultarse.
Ejemplo: lang=”en_US, es_ES”
Los códigos de idioma se pueden encontrar en la pestaña General, dentro de la columna Código asociada a cada idioma.
También es posible utilizar el shortcode condicional para mostrar bloques de Gutenberg solo en el idioma deseado.
Para hacer esto, tendrás que envolver el bloque de Gutenberg entre dos bloques de shortcodes. El primer bloque de shortcodes contendrá el inicio de nuestro shortcode condicional (por ejemplo, ).
El resultado se puede ver en las siguientes imágenes. La primera página es la versión predeterminada en inglés y la segunda es la versión en español de la misma página.
Mostrar videos según el idioma
Puedes usar códigos cortos condicionales para mostrar diferente contenido de video para cada idioma en tu sitio web.
Para hacer esto, simplemente envuelve cada bloque de video entre dos bloques de shortcode para el idioma de destino. El primer bloque de shortcode contendrá el inicio de nuestro shortcode condicional (por ejemplo, ).
Los resultados se pueden ver en las siguientes imágenes. La primera página muestra el video en la versión predeterminada en inglés y la segunda página muestra el video en la versión en español de la misma página.
código corto (!OBSOLETO)
El código corto se usó originalmente para mostrar contenido solo para un idioma específico. Por ejemplo:
[trp_language language="en_US"] English content only [/trp_language]Empezando por TranslatePress versión 2.9.21, este shortcode se considera obsoleto. Si bien seguirá funcionando y no se eliminará, te animamos a usar el nuevo [language-include] y [language-exclude] códigos cortos en su lugar.
Los nuevos códigos cortos proporcionan más flexibilidad, te dan control sobre si el contenido debe ser traducible o no, y son la forma recomendada de gestionar contenido condicional en el futuro.
Si ya estás usando , no es necesario que actualices tu sitio inmediatamente. todo seguirá funcionando como antes, pero para proyectos futuros sugerimos cambiar a los nuevos códigos cortos.
Mostrar imágenes según el idioma con el shortcode condicional
Otro caso de uso del shortcode condicional es para traduciendo imágenes, básicamente mostrando diferentes imágenes para diferentes idiomas.
[trp_language language="en_US"]
<img src="https://example.com/image_en.png" />
[/trp_language]
<img src="https://example.com/image_es.png" />
[/trp_language]Sin embargo, esto ahora se puede lograr fácilmente directamente desde el front-end utilizando el integrado traducción de imagen funcionalidad.
También es posible usar el código corto condicional para mostrar Bloques de Gutenberg solo en el idioma deseado.
Para hacer esto, tendrás que envolver el bloque Gutemberg entre dos bloques de shortcode. El primer bloque de shortcode contendrá el inicio de nuestro shortcode condicional ().
El resultado se puede ver en las siguientes imágenes. La primera página es la versión predeterminada en inglés y la segunda es la versión en español de la misma página.
Otra alternativa al código abreviado condicional TranslatePress es el Traducción de cadenas interfaz donde puedes acceder a strings gettext (como correos electrónicos) y traducirlos fácilmente desde una lista.