¿Cómo traducir contenidos dinámicos?

En este artículo, aprenderá a traducir contenido dinámico para sitios web que no utilizan WordPress.




Tenga en cuenta que esta función no está disponible actualmente en WordPress. La traducción de contenido dinámico en sitios web de WordPress se puede realizar mediante filtros PHP, tal y como se describe en nuestra documentación para desarrolladores.

¿Qué es el contenido dinámico?

El contenido dinámico de un sitio web se refiere a los elementos que cambian en respuesta a la interacción del usuario o a las actualizaciones en tiempo real. Algunos ejemplos de contenido dinámico son los comentarios generados por los usuarios, las actualizaciones de cotizaciones bursátiles en tiempo real o los saludos personalizados. Traducir contenido dinámico puede resultar un poco complicado, pero esta guía le simplificará el proceso.

Pasos para traducir contenido dinámico con Weglot

  1. Acceda al Inspector web

Navegue hasta la página web que desea traducir. Haga clic con el botón derecho del ratón en la página para mostrar el menú contextual y seleccione «Inspeccionar» para abrir el panel del inspector web de las Herramientas de desarrollo del navegador. También puede mostrar las Herramientas de desarrollo pulsando la tecla F12 o utilizando Ctrl+Mayús+I (Win/Linux) o Cmd+Opción+I (macOS).

1. Haga clic con el botón derecho del ratón en la página para que aparezca un menú y seleccione
Haga clic con el botón derecho en la página para que aparezca un menú y seleccione "Inspeccionar" para abrir el panel del inspector web
  1. Identifique el elemento dinámico

En las Herramientas para desarrolladores, vaya a la pestaña Elementos (Chrome) o Inspector (Firefox) y utilice la herramienta de selección para pasar el cursor por encima del área que no está traducida. Esto resaltará el elemento.

Panel del inspector: utilice la herramienta de selección para pasar por encima del elemento que desea traducir
Panel del inspector: utilice la herramienta de selección para pasar por encima del elemento que desea traducir
  1. Busque el selector CSS del elemento.

Una vez resaltado el elemento, busque su clase o ID en el panel Inspector y copie su nombre. Deberá anteponerle un punto (.) si se trata de un nombre de clase, o un hashtag (#) si se trata de un documento de identidad.

Selector CSS: .class o #ID
Selector CSS: aquí el selector CSS puede ser .primary-text, ya que es el nombre de clase del elemento.

También puede copiar el selector CSS de un elemento desde el panel Inspector haciendo clic con el botón derecho del ratón sobre él y seleccionando Copiar > Copiar selector.

Haga clic con el botón derecho del ratón sobre el elemento y seleccione Copiar > Copiar selector.
  1. Actualizar la configuración de Weglot

Acceda a su Dashboard de Weglot. A continuación, en Configuración, vaya a Configuración de la aplicación (o Configuración de «Su nombre de CMS»).

Para añadir el contenido dinámico que desea traducir, haga clic en el botón «Añadir dinámico». Se abrirá el cuadro «Añadir elemento dinámico», donde podrá introducir la clase o el ID específicos asociados al contenido.

Consejos rápidos

  1. Anteponga un punto al nombre de la clase (.) y un ID con un hashtag (#).
  2. También puede añadir una descripción para ayudarle a recordar a qué se traduce el selector añadido.
Casilla "Añadir elemento dinámico" con los campos Selector y Descripción
  1. Guardar y actualizar

Haga clic en «Guardar». Es posible que tenga que borrar la caché de su navegador y actualizar la página para ver el contenido traducido. No dude en actualizar la página de su sitio web (Mac: cmd shift R (minúscula) / PC: ctrl F5) y volver a comprobarlo en una ventana de incógnito si no ve los cambios.

Importar/Exportar reglas dinámicas

Para importar o exportar reglas dinámicas, debe tener al menos un Advanced plan consulte nuestra página de precios).

Una vez en los ajustes de su aplicación (o en los ajustes de "Su nombre CMS"), puede utilizar el botón "Acciones" para importar/exportar traducciones:

Exportar reglas dinámicas

Puede exportar todas las reglas dinámicas haciendo clic en Acciones > Exportar; su archivo estará disponible para su descarga en unos instantes.

También puede seleccionar las reglas dinámicas que desea exportar marcando las casillas situadas junto a ellas. A continuación, haga clic en el icono Exportar situado en la parte inferior de la ventana.

Importar reglas dinámicas

Tenga en cuenta que solo puede importar archivos CSV con un máximo de 500 elementos dinámicos; los archivos deben seguir una estructura específica. Al hacer clic en «Importar», puede descargar un archivo de ejemplo.

Es fundamental no modificar los encabezados ni la estructura del archivo, ya que la importación no funcionará correctamente si se alteran los encabezados.

Para importar un archivo, haga clic en el botón Acciones > Importar. A continuación, puede arrastrar el archivo CSV o hacer clic en el botón «Añadir». Una vez añadido el archivo, haga clic en «Siguiente» para continuar con la importación.

Comentarios

Si tiene alguna opinión o pregunta sobre esta guía, ¡háganoslo saber! Nos encantaría saber de usted.

¿Responde esto a su pregunta? Gracias por sus comentarios Ha habido un problema al enviar su comentario. Vuelva a intentarlo más tarde.

¿Aún necesita ayuda? Contacte con nosotros Contacte con nosotros