¿Cómo convertir Astra en multilingüe con WPML?

El tema Astra está 100% preparado para la traducción y es compatible con WPML. Este documento le ayudará a crear un sitio web multilingüe con el plugin WPML.

Dado que WPML es un plugin premium, asegúrese de haber adquirido la licencia WPML antes de continuar.

Añadir WPML

Para traducir su sitio web basado en Astra con WPML, necesitará varios plugins. 

Instalar y activar plugins

Veamos cómo descargar e instalar estos plugins:

Primer paso - Acceda a su cuenta WPML y descargue los siguientes plugins de la sección "Descargar":

• WPML CMS multilingüe
• Traducción de cadenas
• Traducción de medios de comunicación

Paso 2 - Inicie sesión en el backend de su sitio web y navegue hasta Panel > Plugins > Añadir nuevo > Subir plugin. Elija el archivo .zip del plugin y haga clic en el botón "Instalar ahora" para instalar un plugin. Instale todos los plugins mencionados de esta manera;

Paso 3 - Active todos los plugins WPML instalados; 

Paso 4 - Cuando active el plugin "WPML Multilingual CMS", verá una notificación en su Dashboard para empezar a configurar WPML. Puede hacer clic en el botón "Configurar WPML" en la notificación o navegar a Panel > WPML > Configuración. Esto activará el asistente de configuración.

Asistente de configuración

El asistente de configuración le guiará a través de todo el proceso de configuración multilingüe y la preparación de su sitio web para la traducción:

Primer paso - La primera opción del asistente, "Idiomas", es donde añadirás los idiomas que necesites. Elija su "Idioma por defecto". Este es el idioma principal para el contenido de su sitio web;

A continuación, deberá añadir todos los demás idiomas a los que desee traducir su sitio web haciendo clic en el icono "+". Si no encuentra su idioma en la lista desplegable, puede crear un idioma personalizado.

En nuestro ejemplo, utilizaremos los idiomas inglés (por defecto), alemán y francés:

Una vez que haya añadido todos los idiomas, haga clic en "Continuar";

Paso 2 - En el siguiente paso, "Formato de URL", debe decidir qué aspecto tendrán sus URL para los distintos idiomas: distintos directorios, distintos dominios o con parámetros añadidos;

Paso 3 - En el tercer paso ("Registrar WPML") debe añadir su "Clave del sitio". Puede encontrarla haciendo clic en "Obtener una clave para este sitio". Será transferido a la página "Sitios" en el sitio web de WPML.

También puede hacerlo manualmente accediendo a su cuenta WPML. Inicie sesión, vaya a "Mi cuenta" y haga clic en "Registrar WPML en sus sitios" (Cuenta > Sitios). 

En la página "Sitios", haz clic en el botón "Añadir nuevo sitio". Se le pedirá que añada la URL de su sitio web y que confirme si se trata de un sitio web de desarrollo o de producción. Una vez que haga clic en "Finalizar", verá un código - copie este código en el campo del asistente en su sitio web. Haga clic en "Continuar" para pasar al siguiente paso;

Paso 4 - En el cuarto paso, debes decidir cómo quieres traducir tu sitio web. Tienes que seleccionar si quieres que WPML cree automáticamente versiones en todos los idiomas para todas tus entradas, páginas, etc. ("Traducir todo"), o quieres elegir qué traducir ("Traducir algunas").

Si eliges "Traducir algunos", también tendrás que decidir a quién se le permitirá hacer traducciones en el sitio web. Puedes elegir entre permitirlo solo para el administrador ("Solo yo") o permitirlo para más usuarios de tu sitio web ("Traductores individuales"). 

También puede decidir utilizar servicios de traducción profesionales (de pago) a través de WPML ("Un servicio de traducción profesional"), y puede combinar esta opción con la de "Traductores individuales", ya que ambas pueden estar activas y puede elegir quién traducirá qué contenido.

Si está creando un sitio web para un cliente, también puede establecer un "Gestor de traducciones" para elegir las opciones y asignar los traductores.

Para nuestro ejemplo, elegimos las opciones "Traducir algo" y "Sólo yo".

Paso 5 - "Soporte" es el paso donde puedes optar por compartir la información de tu tema y plugins con WPML para obtener un soporte más rápido y alertas de compatibilidad. En nuestro ejemplo, decidimos no compartir esta información;

Paso 6 - Si está ejecutando algunos plugins de terceros como WooCoomerce o WPForms, el siguiente paso ("Plugins") le recomendará componentes WPML para estos plugins (si los hay). Si necesita que estos también sean multilingües, le recomendamos que añada estos componentes.

Para instalar y activar estos componentes (plugins), márquelos en la lista y haga clic en "Instalar y activar". De lo contrario, haga clic en "Omitir" para pasar al último paso;

Paso 7 - Para el último paso, "Finalizar", WPML añadirá un cambiador de idioma en la parte inferior de su pie de página. Puede editar o desactivar este, y habilitar otros conmutadores de idioma navegando a Panel > WPML > Idiomas.

El plugin WPML ya está configurado y se han añadido idiomas adicionales a su sitio web. Ahora necesitas traducir tu contenido, medios y opciones.  

Configuración de la traducción de medios

Una vez finalizada la configuración de WPML, verá la notificación para finalizar la configuración de la traducción de medios. Puede hacerlo haciendo clic en el enlace de la notificación o navegando a Panel de control > WMPL > Traducción de medios. 

Una vez que navegues a esta página, haz clic en el botón "Finalizar configuración". Esto cargará todos los medios de su sitio web y copiará automáticamente el nombre de los medios del idioma original. 

Eso es todo - sus traducciones de los medios de comunicación se establecen. 

Además, si desea editar las traducciones de sus archivos multimedia en cualquier momento, puede hacer clic en el icono de traducción (lápiz) de cualquier archivo multimedia de la lista. Aquí verá los siguientes ajustes:

• Traducir el nombre del archivo
• Utilizar un archivo diferente - se puede utilizar, por ejemplo, si tiene un logotipo o imágenes con texto traducible

Estos ajustes adicionales no son obligatorios, y puedes hacerlos en cualquier momento para cualquier archivo multimedia.

Traducir páginas, entradas y tipos de entradas en Astra

Cuando traduces páginas o entradas con WPML, obtienes versiones enlazadas de páginas o entradas donde a cada versión se le asigna un idioma. 

Le mostraremos cómo crear la versión traducida de su página en sólo un par de pasos:

Primer paso - Vaya a Panel > Páginas y marque la columna junto a los títulos de las páginas en la lista de páginas. Usted notará las opciones de idioma WPML para cada página. Todas las páginas están en su idioma por defecto, y la columna contiene banderas de los otros idiomas disponibles.

Paso 2 - Para crear una versión de la página en otro idioma, basta con hacer clic en el icono "+" de la columna del idioma deseado. Se abrirá un Editor de Traducción Avanzada que permitirá la traducción línea por línea. 

Por defecto, el editor mostrará el contenido en modo "dual", mostrando el contenido original y los campos de traducción en el otro lado. 

Hemos decidido añadir una versión francesa de la página en nuestro ejemplo:

Paso 3 - Para traducir una línea del contenido, debe hacer clic en el campo de traducción correspondiente a cada línea y proporcionar la traducción. Una vez que haya añadido todas las traducciones, haga clic en "Completar" para crear la página traducida.

Tenga en cuenta que no podrá hacer clic en el botón "Completar" hasta que haya realizado todas las traducciones. Si necesita interrumpir la traducción, haga clic en el botón "Volver a la lista". Esto guardará su progreso actual y le llevará de vuelta a la lista de páginas. Para marcar la traducción en curso, observará que el icono "+" ha cambiado al icono "engranajes". Puede reanudar la traducción de la página cuando lo desee haciendo clic en este icono.

Una vez que complete su traducción y haga clic en el botón "Completar", la versión traducida de su página se añadirá automáticamente y se vinculará con la original. La lista de páginas muestra que las versiones traducidas existentes están representadas por un icono de "lápiz" en lugar de un icono "+" para marcar que la traducción existe.

En cuanto al contenido de la página, sus diseños se copiarán automáticamente y el contenido original se sustituirá por el traducido:

Genial, acaba de crear la traducción de su página.

Ahora puedes repetir estos pasos para todas las páginas e idiomas. También puedes traducir todos tus posts y custom post types de esta manera.

Traducir menús y añadir un conmutador de idiomas a la cabecera

Ahora que hemos traducido todas las páginas y entradas, es el momento de traducir los menús y gestionar la configuración del Conmutador de idiomas para que los visitantes del sitio web puedan elegir el idioma que deseen.

Antes de editar sus menús, compruebe si la activación del plugin WPML ha afectado a alguno de sus permalinks o a la ubicación de sus menús, y corríjalo.

Traducir el menú principal (o cualquier otro)

Ahora veamos cómo puedes configurar tus menús para cada uno de los idiomas añadidos. Los menús se pueden traducir de forma similar a las páginas o entradas. Aquí, le mostraremos cómo traducir su Menú Principal:

Primer paso - Vaya a Panel > Apariencia > Menús y seleccione su Menú Primario. Su menú primario estará configurado para su idioma por defecto. En nuestro caso, será el inglés. En la esquina superior derecha de la sección "Estructura del menú", verá las opciones de traducción similares a las que utilizó para traducir páginas:

Paso 2 - Para empezar a traducir su menú, haga clic en la opción de traducción de idiomas. En nuestro ejemplo, hemos decidido traducir el menú al francés;

Paso 3 - Empieza por dar un nombre a tu menú traducido (nosotros hemos utilizado "Menú principal - Francés"). Verás que el idioma y el menú original que estás traduciendo ya están seleccionados. Haz clic en el botón "Crear menú" para crear la traducción;

Paso 4 - Una vez creada la traducción de tu menú, puedes añadir elementos al mismo. Ten en cuenta que sólo verás las páginas y entradas traducidas en tu lista de elementos. Las páginas y entradas que no hayan sido traducidas al idioma del menú que estás editando no estarán disponibles.

Paso 5 - Una vez que haya añadido las versiones en el idioma adecuado de las páginas, entradas y otros elementos al menú traducido, haga clic en "Guardar menú" para guardar los cambios realizados.

También puedes traducir tus otros menús de esta manera.

Gestión del conmutador de idiomas

Nuestro último paso aquí es gestionar el Cambiador de Idioma y añadirlo a la ubicación deseada. WPML proporciona su propio cambiador de idioma que se puede añadir a los menús, widgets y pie de página. 

Puede añadir Language Switcher y gestionar todos sus ajustes en Panel > WPML > Idiomas. Aquí encontrará dos grupos de ajustes:

• Mundial "Opciones del conmutador de idiomas" aplicado a todos los conmutadores de idiomas de su sitio web,
• Ajustes individuales para cada uno de los cambiadores de idioma añadidos a su sitio web

En global "Opciones del conmutador de idiomas", encontrará los siguientes ajustes:

• Orden de las lenguas: establece el orden en que se mostrarán los idiomas disponibles en el conmutador;
• Cómo tratar las lenguas sin traducción: elija si desea con el contenido sin traducción - omitirlo o enlazarlo a la página de inicio en el idioma seleccionado;
• Conservar argumentos URL: si utilizas alguno de los plugins que necesitan argumentos de URL para funcionar correctamente, añádelos aquí para conservarlos al cambiar de idioma;
• CSS adicionalpuede utilizar esta opción para añadir estilo a sus conmutadores de idioma utilizando CSS;

Ajustes individuales pueden aplicarse a cada uno de los conmutadores de idiomas en diferentes secciones de conmutadores de idiomas. Estas secciones son:

• Conmutador de idioma de los menús;
• Widget de cambio de idioma;
• Cambiador de idioma de pie de página;
• Enlace a la traducción de los mensajes.

Añadir un conmutador de idiomas

Como ejemplo de cómo editar estos ajustes y añadir el conmutador de idioma, añadiremos el conmutador de idioma al menú principal. Por favor, siga estos pasos:

Primer paso - Vaya a Panel > WPML > Idiomas y desplácese hasta la sección "Conmutador de idiomas del menú". Haga clic en el botón "Añadir un nuevo conmutador de idiomas a un menú". Se abrirá una ventana emergente para añadir un nuevo conmutador de idiomas al menú;

Paso 2 - Elija a cuál de sus menús desea añadir este conmutador de idiomas. Aquí elegiremos el "Menú principal";

Paso 3 - Seleccione si desea mostrar los idiomas como un menú desplegable o la lista de idiomas;

Paso 4 - Decida cómo deben representarse las lenguas: mediante la bandera, el nombre de la lengua nativa o el nombre en la lengua actual. Además, aquí puedes seleccionar si quieres mostrar u ocultar la opción "idioma actual";

Paso 5 - Al final, establezca los colores del conmutador de idiomas. Haga clic en Guardar para añadir el conmutador de idioma:

Gran trabajo, su sitio web multilingüe está listo para los visitantes.

Otros ajustes de WPML

Además, en Panel > WPMLencontrará muchas opciones adicionales para su sitio web multilingüe.
Para obtener más información o ayuda sobre el funcionamiento del plugin WPML, puede consultar la página documentación oficial de WPML.