Traducir sitios creados con diseños de arrastrar y soltar

Desde la versión 3.2, WPML puede traducir entidades creadas por otros plugins y temas. En esta entrada, mostramos cómo traducir diseños. La idea es usar un solo diseño para todos los idiomas y traducir únicamente los textos que contiene.

Introducción a Layouts

El plugin Layouts es un editor de arrastrar y soltar para diseños de páginas. Layouts funciona con temas basados en Bootstrap y produce diseños adaptables. Forma parte del paquete Toolset de plugins de desarrollo de WordPress.

Layouts diseña páginas enteras, desde el primer píxel hasta el último. Por sí solo, Layouts es bastante sencillo, ya que no incluye elementos de contenido sofisticados. Layouts no necesita tener una biblioteca enorme (y a veces sobrecargada) de elementos de página, porque funciona junto con el resto de los plugins de Toolset. Las celdas de los diseños pueden mostrar contenido dinámico de su sitio y formularios. En lugar de elegir una celda de una biblioteca y personalizarla, los plugins de Toolset le permiten crear fácilmente sus propias celdas sin necesidad de programar.

Traducir sitios basados en Layouts

Los diseños que cree normalmente incluirán texto «estático» y contenido dinámico. Por ejemplo, mire nuestro ejemplo de «sitio de empresa».

Los elementos dinámicos incluyen la lista de servicios y los artículos destacados. Se crean utilizando Views. Una vista es como una WP_Query con una plantilla de visualización. Dado que WPML aplica hooks a las consultas y hace que carguen el contenido en el idioma correcto, no necesita hacer nada para traducir Views. Exactamente la misma vista cargará el contenido correcto en el idioma mostrado.

Los elementos estáticos en esta página son los encabezados. Los textos «Our Services» y «Features Articles» son parte del diseño. No provienen de ningún contenido dinámico. Cuando usa el mismo diseño para la página de inicio en otro idioma, desea que estos textos aparezcan traducidos. Aquí es donde entra en juego la Traducción de paquetes de WPML. Es una nueva API que hemos añadido a WPML 3.2 y que está abierta para que la usen todos los demás autores.

El plugin Layouts crea paquetes para WPML. Un paquete para un diseño incluirá todos los textos estáticos que están en el diseño y que requerirán traducción. Estos paquetes se ven muy similares al contenido normal de WordPress que usted traduce usando el Editor de traducción de WPML. Verá todos los campos que requieren traducción.

De esta manera, usted crea un diseño y lo usa para todos los idiomas de su sitio. Solo traduce los textos estáticos y todo el contenido dinámico se muestra en el idioma correcto.

¿Quiere probarlo?

Hemos creado un sitio de prueba donde puede experimentar con los plugins de Toolset y WPML. Para usarlo, inicie su sitio de formación privado y gratuito.

Ya hemos creado el contenido de prueba para usted, de modo que pueda experimentar con Layouts y el proceso de traducción.

El idioma predeterminado del sitio es el inglés y está completamente traducido al español. Hemos añadido contenido en francés, pero no hemos traducido los diseños a este idioma.

Siga el vídeo con estos pasos:

1. Cree el sitio de formación en discover-wp.com
2. Visite la página de inicio de su sitio y cambie al francés. Notará que todos los elementos dinámicos están efectivamente en francés, pero los textos estáticos siguen en inglés.
3. Comience probando Layouts y viendo cómo funciona.
4. Vaya a WPML->Gestión de traducción. En la pestaña «Escritorio de traducción», en la sección de filtros, seleccione «Layouts» en el menú desplegable Tipo.
5. Seleccione el diseño Home y envíelo a traducir al francés (ya está traducido al español).
6. Vaya a WPML->Traducciones y busque el trabajo Layout-Home y haga clic en «tomar y editar».
7. Traduzca los textos. ¿Necesita ayuda? Use esta hoja de referencia de traducción para los textos principales de la página:

   Inglés	Francés
   Our Services	Nos services
   Featured articles	Articles Vedettes
   Testimonials	Témoignages
   Company Overview	Présentation de l’entreprise
   Recent News	Nouvelles récentes

   
   Recuerde hacer clic en «Traducción finalizada» junto a cada campo y en la casilla de verificación «La traducción se ha completado» en la parte inferior de la página, justo encima del botón «Guardar».
8. Visite de nuevo su página de inicio en francés. Ahora debería ver todo traducido, incluidos los textos estáticos.
9. Experimente de nuevo editando el diseño. Verá que sus cambios se aplican a todos los idiomas del sitio. Si edita o añade textos, tendrá que actualizar la traducción, empezando desde el Escritorio de traducción.

Los pasos anteriores se aplican para traducir los diseños usando nuestro sitio de referencia. El sitio viene con todos los plugins necesarios preinstalados.

Si desea seguir los pasos en su propio sitio, consulte la documentación «How to translate Layouts» en wp-types.com. Allí encontrará la lista de todos los plugins obligatorios y más ejemplos.

¿Qué es lo siguiente?

Obviamente, si le gustó editar con Layouts, le invitamos a comprar Toolset y usarlo para sus proyectos reales.

Queremos ver muchos más plugins y temas que ofrezcan una traducción sencilla para estructuras complejas. Si está utilizando maquetadores visuales, formularios y otros elementos que no son de WordPress, le animamos a que se ponga en contacto con los autores de estos plugins y temas. Hábleles de esta posibilidad en WPML. Estamos muy interesados en trabajar con otros autores e integrar la API de Traducción de paquetes.

Deje sus comentarios aquí y le responderemos.