¿Cómo convertir un sitio web Astra en multilingüe con TranslatePress?

Si buscas una forma sencilla y gratuita de traducir tu sitio web Astra, puedes utilizar el plugin TranslatePress. TranslatePress le permite utilizar un editor de traducción visual para traducir 100% del contenido de su sitio Astra, junto con su contenido normal de WordPress y el contenido de cualquier plugin que esté utilizando.

Este documento le mostrará cómo hacer su sitio web Astra multilingüe con TranslatePress de forma gratuita.

Configurar

En primer lugar, para traducir su sitio web basado en Astra con el TraducirPrensa plugin gratuito, debe instalarlo desde WordPress.org. Por favor, siga estos pasos:

Paso 1 - Vaya a Panel de control > Plugins > Añadir nuevoy busque "TranslatePress" en la barra de búsqueda de la esquina superior derecha;

Paso 2 - A continuación, haga clic en el botón Instalar ahora para instalar el plugin TranslatePress;

Paso 3 - Una vez finalizado el proceso de instalación, pulse el botón Activar para activar el plugin.

Elegir idiomas en TranslatePress

Una vez que haya activado el plugin TranslatePress, podrá elegir los idiomas que desea utilizar en su sitio.

Paso 4 - Vaya a Panel de control > Configuración > TranslatePress para abrir el área de configuración de TranslatePress;

Paso 5 - Para empezar, configure el Idioma por defecto. Este será el idioma en el que esté escrito el contenido actual de su sitio. Aunque TranslatePress debería detectar automáticamente este idioma, debes verificar que esté correctamente seleccionado;

Paso 6 - Además, utilice el botón "Todos los idiomas" para añadir uno o varios idiomas a los que desee traducir el contenido de su sitio. Utilice el menú desplegable para elegir un idioma y haga clic en el botón "Añadir" para añadirlo a su sitio.

La versión gratuita de TranslatePress permite añadir un nuevo idioma (dos idiomas en total). Para añadir más idiomas, deberá adquirir la versión Premium, que admite un número ilimitado de idiomas.

En nuestro ejemplo, utilizaremos el inglés como idioma por defecto y añadiremos el español como nuevo idioma en nuestro sitio web:

Una vez que haya añadido sus idiomas, asegúrese de hacer clic en Guardar cambios.

Ahora, TranslatePress está listo si usted planea hacer las traducciones en su sitio web manualmente. Por lo tanto, puede empezar a traducir el contenido de su sitio web, menús y otras áreas.

Por otro lado, si desea utilizar "Traducciones automáticas", consulte la siguiente sección.

Configurar la traducción automática (opcional)

Esta sección es totalmente opcional. No obstante, si desea ahorrar tiempo al traducir su contenido, TranslatePress admite la traducción automática. Además, puede configurar traducciones automáticas con los motores de traducción Google Translate o DeepL.

TranslatePress traducirá automáticamente todo el contenido de tu sitio utilizando el servicio que hayas elegido. Sin embargo, aún podrás editar manualmente esas traducciones automáticas, si es necesario.

Si decide utilizar las traducciones automáticas, continúe con el proceso de configuración siguiendo estos pasos:

Paso 7 - Cambia al "Traducción automática" en el área de configuración de TranslatePress;

Paso 8 - Haga clic en el botón "Activar la traducción automática". y seleccione "Sí" para ampliar la configuración de la traducción automática;

Paso 9 - A continuación, elija su motor de traducción automática. La versión gratuita de TranslatePress es compatible con Google Translate API. Por el contrario, necesitarás una versión premium de TranslatePress para utilizar DeepL;

Paso 10 - Generar una clave API de servicio de traducción para el motor de traducción seleccionado. Además, los siguientes documentos de TranslatePress muestran cómo puede obtener la clave API de Google Translate o la clave API DeepL;

Paso 11 - Ahora, añada la clave API al área de configuración de TranslatePress para finalizar la configuración de las traducciones automáticas;

Paso 12 - También puede limitar el uso del servicio de traducción automática con la opción "Limitar la traducción automática/caracteres por día". opción. Es opcional, pero le ayuda a controlar su presupuesto.

Asegúrese de hacer clic en Guardar cambios cuando hayas terminado.

Traducir páginas, entradas y tipos de entradas con TranslatePress

Tras la configuración, es hora de empezar a traducir su sitio web. Lo más importante es que puedes traducir todo tu contenido con el editor de traducción visual TranslatePress. Funciona de forma muy parecida al personalizador de temas de WordPress que utilizas para personalizar el tema Astra. Del mismo modo, se puede acceder al editor de traducción desde el front-end.

Ahora vamos a mostrarle cómo traducir su sitio web en unos sencillos pasos:

Paso 1 - Para empezar, vaya al front-end de su sitio y abra la entrada o página que desea traducir;

Paso 2 - Haga clic en el botón Traducir página en la barra de herramientas de WordPress para abrir el editor TranslatePress;

Paso 3 - Para traducir un elemento, sitúe el ratón sobre él y haga clic en el icono del lápiz. Esto abrirá la barra lateral de traducción para ese elemento. Puedes traducir cualquier texto o imagen en la vista previa de tu sitio. También puede seleccionar una cadena específica para traducir desde el menú desplegable de cadenas;

Paso 4 - A continuación, puedes añadir o editar la traducción del contenido utilizando la barra lateral. Aquí, sólo tienes que añadir el contenido traducido en el campo de traducción vacío si estás traduciendo manualmente tu sitio desde cero. En cambio, si has utilizado la traducción automática, el campo de traducción ya contendrá el contenido traducido que puedes modificar;

Paso 5 - Guarde su traducción pulsando el botón "Guardar traducción". Alternativamente, puede utilizar el atajo de teclado - "Ctrl + S" en Windows o "Cmd + S" en Mac;

Paso 6 - Traduzca todo el contenido de la página de la misma manera;

Paso 7 - Repita el proceso para traducir el resto de sus entradas, páginas y tipos de entrada personalizados.

Traducir imágenes

Además de traducir todo el contenido de texto de su página, también puede "traducir" imágenes. Traducir una imagen significa que puede establecer un archivo de imagen diferente para cada idioma.

Para traducir una imagen, sigue estos pasos:

Primer paso - Acceda al editor de TranlsatePress;

Paso 2 - Haga clic en la imagen que desea traducir;

Paso 3 - En el campo de traducción, añada la URL de la imagen que desea mostrar para cada idioma y guarde los cambios.

De nuevo, puede ahorrar tiempo configurando la traducción automática en cualquier momento. De este modo, el resto del contenido se traducirá automáticamente.

Traducir menús, widgets y otras áreas de su sitio con TranslatePress

Del mismo modo, puede utilizar el mismo método para traducir los menús, widgets y otros contenidos no editoriales de su sitio web.

Aunque en este ejemplo nos centraremos en la traducción de los elementos del menú, puede aplicar los mismos principios a otras partes de su sitio. Del mismo modo, puedes traducir el contenido de cualquier plugin que estés utilizando.

Para traducir cada elemento del menú, puedes seguir estos pasos:

Primer paso - Abra el editor TranslatePress para cualquier pieza de contenido. Eso incluye el menú, widget, u otros detalles que desea traducir.

Paso 2 - Seleccione el elemento del menú que desea traducir situándose sobre él y haciendo clic en el icono del lápiz.

Paso 3 - Añada o edite la traducción utilizando la barra lateral:

Una vez traducido el elemento de menú, esa traducción se utilizará automáticamente para todas las instancias de su menú. No es necesario traducir manualmente los elementos de menú de cada página.

Añadir un conmutador de idiomas con TranslatePress

Por defecto, TranslatePress añade un cambiador de idioma flotante en la esquina inferior derecha de su sitio. El cambiador de idioma permite a sus visitantes elegir su idioma preferido.

Sin embargo, puedes configurarlo y cambiar la ubicación y el comportamiento del conmutador de idiomas.

Configuración del conmutador flotante de idiomas

Paso 1 - Vaya a Ajustes > TranslatePress. Desplácese hasta el Conmutador de idiomas Ajustes. Aquí puede modificar o desactivar el conmutador flotante de idiomas;

Paso 2 - Utilice la Sección lingüística flotante para ajustar la ubicación y la combinación de colores del conmutador flotante de idiomas. También puede elegir si desea mostrar las banderas de los países, el nombre del idioma o ambos.

Además, puede desactivar el conmutador de idiomas por defecto desmarcando la casilla Selección flotante de idioma caja.

También puede añadir el cambiador de idioma a un menú o utilizar un shortcode en cualquier parte de su sitio.

Añadir un conmutador de idiomas al menú

Si quieres añadir un conmutador de idiomas a tu menú, puedes configurarlo de la siguiente manera:

Paso 1 - Vaya a Ajustes > TranslatePress y desplácese hasta Conmutador de idiomas ajustes.

Paso 2 - Utilice la Elemento del menú para configurar el aspecto del conmutador de idiomas. Puedes elegir entre mostrar los nombres de los idiomas, mostrar u ocultar las banderas de los países, etc.

Paso 3 - A continuación, vaya a Apariencia > Menús y seleccione el menú de navegación para añadir el conmutador de idiomas.

Paso 4 - Localice el Conmutador de idiomas en el Añadir elementos de menú en la parte izquierda de la interfaz.

Paso 5 - Añada el Idioma actual como elemento de menú de nivel superior. Expándala para ajustar su posición dentro del menú.

Paso 6 - Por último, añada los distintos idiomas como elementos del submenú para que los usuarios del sitio web puedan pasar de un idioma a otro.

Paso 7 - Haga clic en Guardar menú para guardar los cambios.

Colocación manual de un cambiador de idioma con un shortcode

Si desea colocar el cambiador de idioma en cualquier otra área de su sitio, puede utilizar el shortcode. Por ejemplo, puedes añadirlo a un widget de la barra lateral o a tu pie de página como hemos hecho nosotros:

Paso 1 - Vaya a Ajustes > TranslatePress y desplácese hasta Conmutador de idiomas ajustes.

Paso 2 - Utilice la Código corto para elegir el aspecto del conmutador de idiomas.

Paso 3 - Añada el

en la ubicación deseada. En nuestro ejemplo, hemos añadido el shortcode del cambiador de idioma al elemento HTML en Astra Footer Builder:

Otros ajustes y funciones de TranslatePress

Hasta ahora, hemos cubierto la mayoría de las opciones disponibles con TranslatePress. Sin embargo, si navega hasta Configuración > TranslatePress y elige la opción Avanzado encontrará varias opciones adicionales.

Aunque la mayoría de los usuarios no necesitarán editar ninguna de las opciones avanzadas, aquí puede configurar cómo funciona la traducción. Por ejemplo, puedes excluir un texto concreto de la traducción automática.

También puede acceder a los complementos con la versión premium de TranslatePress. El más notable es el complemento SEO Pack. Le permite traducir sus babosas URL, títulos SEO, meta descripcionestexto alternativo de la imagen y otros detalles esenciales de SEO.

Además, puedes encontrar otros complementos premium para las siguientes funciones:

• Detección automática del idioma del usuario - le permite redirigir automáticamente a los usuarios a sus idiomas preferidos en función del idioma de su navegador o de su ubicación física.
• Cuentas del traductor - te permite crear cuentas de usuario específicas para traductores. Es útil si trabajas con traductores autónomos o servicios de traducción.
• Navegar como rol de usuario - esto le permite añadir traducciones específicas de rol para diferentes tipos de usuarios. Esto es especialmente útil para sitios de afiliación donde distintos tipos de usuarios pueden necesitar ver contenidos diferentes.
• Navegación por idiomas - le permite crear menús de navegación completamente diferentes en función del idioma elegido por el usuario. Con la versión gratuita, solo puedes traducir el mismo conjunto de elementos de menú a diferentes idiomas.

Para más detalles, ayuda y asistencia con el plugin TranslatePress, puede consultar la página documentación oficial de TranslatePress. El equipo de TranslatePress también mantiene su guía sobre la traducción del tema Astra - que que puede encontrar aquí.