WPML 5.0 Beta – Una experiencia rediseñada y una traducción automática más inteligente
WPML 5.0 es la mayor actualización que hemos publicado en años.
Los idiomas de derecha a izquierda suponen un reto especial. Afortunadamente, WordPress hace mucho para reducir las dificultades. Le mostraremos cómo crear un sitio RTL perfectamente funcional, basado en el tema predeterminado TwentyTen.
Al crear un sitio multilingüe RTL / LTR, debe abordar dos cuestiones:
- Edición / traducción
- Visualización
La primera parte, para crear o traducir su sitio, implica trabajar en el panel de administración de WordPress en el idioma y la dirección correctos. Si está traduciendo entre idiomas LTR y RTL, tenga en cuenta que necesitará ver contenido con direcciones mixtas en la misma pantalla.
Al mostrar el sitio, su tema debe manejar la dirección de visualización correcta para los idiomas RTL y LTR.
Este tutorial seguirá nuestro sitio de demostración multilingüe de Twenty Ten, disponible en inglés, español y hebreo (RTL).
Preparación: obtener los archivos .mo del núcleo y del tema
El propio WordPress y el tema predeterminado están completamente localizados a muchos idiomas. Necesitamos la versión más reciente de la localización, así que decidí obtenerla de las versiones localizadas de WordPress. Puede obtenerlas desde aquí:
- http://es.wordpress.org/ – español
- http://he.wordpress.org/ – hebreo
Después de descargar y descomprimir WordPress, vaya a wordpress/wp-content/languages. Copie todo el contenido en su directorio languages. Haga lo mismo para el tema. Los archivos de traducción estarán en wp-content/themes/twentyten (o en el tema predeterminado actual si está leyendo esta entrada más adelante).
También debe configurar WPML para permitirle traducir el tema y los plugins.
Traducir
El módulo Gestión de traducción de WPML permite enviar trabajos de traducción y traducir usando diferentes cuentas. También le permite traducir con el Editor de traducción de WPML. Cuando se trata de contenido con direcciones mixtas, esto es particularmente importante, ya que el Editor de traducción ajusta automáticamente la dirección para cada campo.
Si esto es nuevo para usted, lea primero sobre el módulo Gestión de traducción.
Así es como se ve cuando traduzco la entrada Hello World al hebreo.
Puede ver que los textos en inglés están alineados a la izquierda, mientras que el hebreo está alineado a la derecha. Incluso puedo usar el modo HTML para copiar y pegar elementos del inglés. El modo HTML se muestra en LTR, para permitirle introducir las etiquetas correctamente.
Cuando traduce cadenas, WPML también las muestra en la dirección correcta. Así es como se ve la pantalla de Traducción de cadenas cuando traduzco el título del widget Search.
Los módulos Editor de traducción y Traducción de cadenas nos permitirán traducir el sitio por completo. A continuación, veremos cómo mostrarlo correctamente en la dirección adecuada.
Mostrar el sitio en RTL y LTR
Ahora que su contenido está traducido, es hora de centrar nuestra atención en el tema.
Esta pequeña línea hace la mayor parte de la magia:
<html dir="rtl" lang="he-IL">
Puede verlo si revisa el código fuente de cualquier página en hebreo. Por ejemplo, la página de inicio.
El atributo dir="rtl" le indica al sitio que la dirección de visualización para todo el sitio es de derecha a izquierda. Los navegadores lo entienden y cambiarán todo a la dirección correcta.
Esta única línea de PHP, de header.php, hace que esto ocurra:
<html <?php language_attributes(); ?>>
La llamada a language_attributes inserta los atributos dir y lang. Los valores provienen del archivo .mo del núcleo. Si tiene los archivos .mo correctos para WordPress, obtendrá los valores correctos para estos atributos.
Si el HTML y el CSS de su tema siguen prácticas «seguras», esto es realmente todo lo que necesita. Por seguras, me refiero a no usar posicionamiento ni anchos absolutos. Si debe usar valores absolutos, podría considerar cargar un CSS diferente por idioma.
Puede hacer esto fácilmente usando declaraciones condicionales que examinen la constante ICL_LANGUAGE_CODE (descrita en la API de programación de WPML).
Los resultados
Así es como se ve nuestro sitio de demostración en inglés, español y hebreo.
|
|
|
|
