El Editor visual carga tu sitio dentro del panel de control, ya traducido, y te permite hacer clic en cualquier fragmento de texto para corregirlo en el lugar. Escribe en las mismas cadenas que la pantalla de Traducciones, por lo que una edición realizada aquí tiene el mismo estado, el mismo historial de revisiones y las mismas acciones. Necesita un proyecto de pago.
Antes de empezar
- Un proyecto de pago. Un proyecto gratuito muestra un panel de actualización en lugar del editor.
- Permiso para editar traducciones. Los propietarios, administradores y editores lo tienen. Los miembros pueden leer traducciones pero no cambiarlas, por lo que el editor está cerrado para ellos.
- Al menos un idioma de destino en el proyecto, ya que la página que te muestra el editor está traducida.
Verificar, desverificar y eliminar requieren el rol de propietario o administrador. Los editores pueden editar y retraducir.
Abrir el Editor visual
- Abre el proyecto y elige Editor visual en la barra lateral.
- El editor ocupa la pantalla y carga tu página de inicio en el primero de los idiomas del proyecto.
- Elige el idioma en el que quieres trabajar de la lista de idiomas de la barra de herramientas.
Una página abierta en un idioma que nunca se ha visto se traduce durante esa solicitud, exactamente como lo haría para un visitante que llega a ella. Tarda unos segundos y consume palabras del total de tu proyecto. Las páginas que ya han sido traducidas se recuperan del almacenamiento.
Qué significan los contornos
En modo Edición, cada elemento traducible tiene un contorno discontinuo, coloreado según el estado de su traducción:
| Contorno | Estado |
|---|---|
| Ámbar | Faltante |
| Gris | Traducido automáticamente |
| Verde | Verificado |
| Azul | Igual que el original |
Coloca el cursor sobre un elemento y su contorno se vuelve sólido, para que puedas ver qué se abrirá al hacer clic antes de hacerlo. Estos son los mismos estados que la pantalla de Traducciones muestra como puntos de colores, y significan lo mismo aquí. Ver Estados de traducción.
Solo el texto en el cuerpo de la página tiene contorno. El título de la página o la meta descripción viven en el <head> de la página, donde no hay nada que hacer clic, por lo que se editan en la pantalla de Traducciones. El texto que JavaScript agrega después de que la página se carga no se traduce en absoluto, y tampoco tiene contorno. Ver Traducir contenido dinámico y de JavaScript.
Editar una traducción
- Haz clic en el texto con contorno en la página. Se abre el diálogo Editar traducción con el texto de origen a la izquierda y la traducción a la derecha.
- Corrige la traducción.
- Haz clic en Guardar, o en Cancelar para dejarla como estaba.
Al guardar, la cadena se marca como Verificada y tu texto se inserta en la página detrás del diálogo de inmediato, sin recargar. El contorno del elemento se vuelve verde, y la cadena se lee de la misma manera en la pantalla de Traducciones, con tu edición al principio de su historial.
El pie de página del diálogo muestra el estado actual de la cadena junto a las mismas acciones que ofrece una fila en la pantalla de Traducciones, bajo los mismos roles:
- Traducir con IA, o Retraducir con IA cuando ya existe una traducción, reemplaza el texto con una traducción automática nueva.
- Marcar como verificado y Marcar como no verificado registran y deshacen una revisión. Solo para propietarios y administradores.
- Historial enumera las revisiones almacenadas, con una diferencia respecto a la versión anterior y una opción para restaurar.
- Eliminar traducción elimina la traducción y devuelve el elemento a tu texto de origen. El siguiente visitante lo traducirá de nuevo. Solo para propietarios y administradores.
Si el texto de origen contiene marcadores de posición que representan código, mantén cada uno de ellos exactamente una vez o se rechazará el guardado. Las reglas son las mismas que al editar desde la tabla, y se explican en Editar traducciones manualmente.
Navegar por el sitio
El campo de página en la barra de herramientas es una barra de direcciones y un cuadro de búsqueda a la vez:
- Haz clic en el campo o presiona
/cuando no estés escribiendo en otro lugar para mostrar las páginas ya vistas en el idioma que estás viendo. Desplázate para cargar más páginas o escribe para acotar la lista. Cada página muestra su recuento de cadenas. Las teclas de flecha se mueven por la lista y Enter abre la página resaltada. - Pega una URL completa como
https://example.com/pricing/?ref=email#planspara buscar/pricing. Se eliminan el nombre de host, la consulta, el hash y la barra final; la página principal se queda como/. - Escribe una ruta como
/pricingy presiona Enter sin resaltar un resultado para abrir una página que la lista aún no tiene.
Si la traducción actual tiene cambios sin guardar, elegir otra página ofrece Guardar cambios, Descartar y Seguir editando. Mantener el borrador deja la vista previa en su página actual.
Navegar desactiva la edición para que los clics sigan los enlaces de tu sitio, y el campo de página se actualiza a medida que te mueves. Vuelve a Editar para continuar corrigiendo el texto. Cambiar de idioma te mantiene en la página en la que ya estás.
La flecha hacia atrás junto al nombre del proyecto sale del editor y regresa a Todos los idiomas.
Mostrar un estado a la vez
El filtro junto al campo de página ofrece Todo traducido, Traducido por máquina, Verificado y Igual que el original. Elige uno y solo los elementos en ese estado conservan su contorno, que es cómo trabajas a través de un idioma un estado a la vez. Todo permanece enlazable de cualquier manera. Todo traducido es la opción predeterminada y no oculta ningún contorno.
No hay una opción Faltante aquí. El texto sin traducir es lo que la mayoría de la gente abre en esta pantalla para completar, por lo que bajo la opción predeterminada conserva su contorno ámbar en lugar de ser ocultado por un filtro.
La barra de direcciones guarda tu lugar
El editor refleja su idioma, página, filtro y modo en la cadena de consulta:
/projects/<id>/visual-editor?lang=fr&path=/pricing&filter=verified&mode=browse
Recarga la pestaña y la misma vista regresa. Envía el enlace a un colega con acceso al proyecto y abrirá la misma página en el mismo idioma. Solo se escriben las partes que difieren de los valores predeterminados, por lo que un editor recién abierto mantiene una URL simple.
Límites
La vista previa no puede cambiar tu sitio. Cada página se obtiene con una solicitud GET, por lo que un formulario enviado dentro de la vista previa no hace nada. Prueba los formularios en el sitio mismo.
Una sesión de vista previa dura 30 minutos. Cuando se agota, el editor solicita una nueva y recarga la página en la que estabas. Nada de lo que hayas guardado se ve afectado.
Las palabras se consumen la primera vez que se traduce una página, ya sea que la solicitud provenga del editor o de un visitante. Abrir una página grande en un idioma nuevo cuesta lo que costaría traducirla de todos modos. Consulte Recuento de palabras y Límites de uso.
Si no funciona
"Esta página no se pudo traducir para previsualizar." El editor no pudo obtener y traducir la página, o no pudo iniciar una sesión de previsualización. Verifique que la ruta exista en su sitio y cárguela directamente en una pestaña del navegador. Si cada página en el editor muestra esto, contacte a soporte.
El texto que nunca se ha traducido permanece en el idioma de origen. Las palabras del proyecto se han consumido, por lo que el traductor se la saltó y devolvió su original. Las cadenas que ya tienen traducciones siguen mostrándolas. Consulte Límites de uso.
No aparecen esquemas. Está en modo Explorar. Cambie a Editar.