Cómo crear sitios multilingües con WPBakery y WPML

Aprenda a traducir el contenido de WPBakery a más idiomas y a crear un sitio web multilingüe con WPML.

Primeros pasos

Comience por instalar y activar los siguientes plugins:

• Plugin de maquetador visual WPBakery (se abre en una pestaña nueva)
• Plugin principal de WPML y complemento WPML Traducción de cadenas

Si es nuevo en WPML, consulte nuestra Guía de primeros pasos. Le guiará rápidamente por las diferentes opciones de traducción que puede utilizar.

Cómo traducir las páginas de WPBakery con WPML

WPBakery es compatible con el modo Traducir todo automáticamente de WPML. Si elige este modo al configurar WPML, todo el contenido de sus páginas de WPBakery se traducirá automáticamente a medida que lo añada o edite.

Si quiere decidir usted mismo qué contenido se traduce, elija el modo Traducir una parte al configurar WPML.

Para traducir el contenido de su sitio utilizando el modo Traducir una parte:

1. En su lista de páginas, haga clic en el icono más situado debajo del idioma y junto a la página que quiera traducir.
2. Aparecerá el Editor de traducción avanzado de WPML. Si tiene palabras de traducción por IA, verá su contenido traducido automáticamente. Puede revisar estas traducciones y aceptarlas, o hacer clic en Deshacer traducción para introducir la suya. Si no tiene palabras de traducción por IA, añada las traducciones usted mismo.
3. Haga clic en Guardar y completar cuando haya terminado con todas sus traducciones.

Ahora debería poder ver las páginas en su idioma predeterminado y en el idioma secundario en el front-end.

Todos los módulos actuales traducibles de WPBakery Page Builder

WPML admite la traducción de texto en los módulos de WPBakery Page Builder:

1. Bloque de texto
2. Separador con texto
3. Caja de mensaje
4. Caja con efecto hover
5. Imagen única
6. Galería de imágenes
7. Carrusel de imágenes
8. Pestañas
9. Tour
10. Acordeón
11. Contenedor paginable
12. Encabezado personalizado
13. Botón
14. Llamada a la acción
15. Barra lateral con widgets
16. Slider de entradas
17. Reproductor de vídeo
18. Google Maps
19. Widget de Flickr
20. Barra de progreso
21. Gráfico circular
22. Gráfico redondo
23. Gráfico de líneas
24. Cuadrícula de entradas
25. Cuadrícula de medios
26. Cuadrícula tipo masonry de entradas
27. Cuadrícula tipo masonry de medios
28. Botón de Tweetmeme
29. FAQ
30. Búsqueda de WP
31. Meta de WP
32. Comentarios recientes de WP
33. Calendario de WP
34. Nube de etiquetas de WP
35. Texto de WP
36. Entradas recientes de WP
37. Categorías de WP

Traducir elementos Raw HTML

Un ajuste de WPML decide si WPML envía el contenido de los elementos Raw HTML a traducir. Para encontrarlo:

1. Vaya a la página WPML → Configuración.
2. Desplácese hasta la sección Posts and Pages Synchronization.
3. En Page builders options, busque la opción Send to translation the content of raw HTML cells.

Esta opción está activada de forma predeterminada. Manténgala activada si sus páginas utilizan los elementos Raw HTML, Raw JS o Google Maps.

La opción también decide qué mantiene una página traducida cuando el Editor de traducción avanzado (ATE) o la traducción automática entregan una traducción:

• Opción activada: La página traducida mantiene los elementos Raw HTML, Raw JS y Google Maps.
• Opción desactivada: WPBakery elimina estos elementos de la página traducida.

Los botones con una acción onclick personalizada no siguen esta regla. WPBakery elimina estos botones de las páginas que traduce ATE, incluso cuando la opción está activada.

Cuando la opción está activada, los traductores ven el código de sus elementos Raw HTML. A menudo, los traductores no entienden el código y pueden romperlo al traducirlo. Diga a sus traductores que cambien solo los textos visibles.

Si los textos de un elemento no aparecen en el editor de traducción, lea más sobre cómo registrar módulos de maquetadores visuales para su traducción.

Cuadrículas, plantillas, estilos y configuración de SEO

Cuadrículas de entradas y medios

WPML traduce los textos de los elementos Post Grid, Media Grid, Post Masonry Grid y Masonry Media Grid. En una página traducida, la cuadrícula muestra las entradas en el mismo idioma.

En las páginas que traduce con el Editor de traducción o ATE, el botón Load more de la cuadrícula, la paginación, la carga diferida y los filtros pueden mostrar «Nothing found».

Una cuadrícula en una página traducida también puede mostrar la plantilla del elemento del Grid Builder en el idioma original. Estamos trabajando en una solución.

Plantillas de Templatera

WPML aún no es compatible con el complemento Templatera. Cuando una página muestra una plantilla de Templatera, todas las traducciones de esa página muestran la plantilla en el idioma original.

CSS personalizado y opciones de diseño

WPML copia el CSS personalizado de la página y el CSS de las opciones de diseño de los elementos de la página original a sus traducciones:

• Si traduce la página con el Editor de traducción o ATE, WPML copia el CSS de nuevo cada vez que actualiza la traducción.
• Si edita la traducción en WPBakery, la traducción mantiene su propio CSS.

Configuración de SEO de WPBakery

Si utiliza la configuración de SEO de WPBakery, WPML envía sus textos a traducir junto con la página. Esto incluye el título y la descripción de SEO, la frase clave objetivo, y los títulos y descripciones para las redes sociales.

Uso de la opción de traducción por IA de WPBakery

La IA de WPBakery puede traducir el texto de un elemento en el editor de WPBakery. Si la utiliza en una página traducida, edita la traducción en WPBakery y no en el editor de traducción de WPML.

WPML gestiona esta traducción como cualquier otra traducción que edite manualmente:

• Cuando abre una página traducida en WPBakery, WPML le advierte de que sus ediciones se perderán.
• La próxima vez que envíe la página a traducir, WPML reemplazará la traducción. Sus ediciones en WPBakery se perderán.

Para mantener una traducción diferente en un idioma, lea sobre cómo usar diferentes editores de traducción para diferentes páginas.

Mantener la compatibilidad de WPBakery Page Builder con WPML

Hemos preparado una documentación para desarrolladores que explica cómo funciona WPBakery Page Builder con WPML. Lea más sobre cómo actualizar el archivo de configuración de idioma para mantener la compatibilidad entre WPML y WPBakery Page Builder.