WordPress e IA: cómo corregir el idioma y la dirección de un fragmento HTML pegado

Identificar qué parte de la página cambia de idioma

Se añade un fragmento en árabe a una página en francés sobre un taller ficticio. La frase dice que el taller empieza a las 10:30. Al pegarla en un bloque HTML personalizado, los caracteres árabes aparecen en pantalla. Sin embargo, el fragmento carece de una declaración de idioma propia y toma la dirección de la página. En otra versión de la propuesta figura lang="ar", pero dir="ltr" sigue imponiendo una dirección de izquierda a derecha. Cada caso requiere una corrección distinta.

Empieza por leer el texto que rodea el fragmento. El título, la introducción, el menú y las indicaciones posteriores están en francés. El idioma general se declara en la etiqueta html que generan WordPress y su tema. Conserva el francés como idioma de referencia del documento. En el fragmento añadido, indica el idioma real de la frase y la dirección que corresponda a su escritura. El idioma describe el texto. La dirección base determina cómo ordena el navegador los caracteres, las cifras y los signos de puntuación en su contexto.

Anota lo que esperas antes de tocar el bloque. La página sigue en francés y de izquierda a derecha. La frase debe poder identificarse como árabe y leerse en un fragmento con dirección base de derecha a izquierda. Las dos frases francesas contiguas deben conservar su comportamiento inicial. Comprueba también el número 10:30 después de guardar. La corrección se limita a los atributos y a su alcance. Conserva la frase y el idioma general del sitio.

Guardar una referencia antes de guardar el contenido pegado

Trabaja sobre una copia de una entrada o página. Escribe una frase introductoria en francés, una cita sobre la hora de inicio y otra frase en francés después de la cita. Las dos frases que rodean el bloque sirven de control. En el estado de referencia, la cita está en francés. Guarda la revisión o el contenido exacto del bloque y abre la copia como visitante. Anota el texto de las tres zonas y el idioma de la etiqueta principal. Si la página ya declara un idioma incorrecto, registra ese problema por separado. Para evaluar la configuración de las demás páginas harían falta comprobaciones aparte.

Para reproducir la propuesta sin recurrir a un servicio, sustituye la cita en francés por la frase árabe de ejemplo en un bloque HTML personalizado. Conserva una primera versión en la que la cita no declare idioma ni dirección. Prepara una segunda en la que la cita tenga lang="ar" y dir="ltr". Mantén el mismo texto árabe en las dos versiones. Así podrás atribuir las diferencias a los atributos, con la redacción y el número como constantes.

Si partes de una propuesta real, comprueba el texto y el marcado antes de pegarlo. El fragmento de contenido debe ir en el cuerpo de la página. Si la propuesta lo envuelve en un documento con html, head o body, conserva solo el fragmento necesario. Al traducir una página entera, el idioma principal depende de la página que se muestra y de su configuración. En este ejercicio, solo cambia de idioma una cita. Limita la declaración a esa cita.

Mantén las variantes separadas en tus notas. El bloque de referencia permite volver atrás rápidamente si un error al pegar afecta también a otro fragmento. Para localizar el punto exacto después de guardar, anota las primeras palabras de las frases francesas anterior y posterior. También puedes conservar un identificador de prueba en la copia. Si hay varias citas, registra la ubicación exacta para encontrar la que te interesa aunque aparezca más adelante.

Distinguir el idioma heredado de la dirección heredada

En el DOM, el idioma declarado en un elemento se aplica también a sus descendientes sin declaración propia. Por tanto, una cita sin lang puede heredar el francés de la página aunque contenga caracteres árabes. El navegador puede mostrar esos caracteres con independencia del idioma declarado. En el primer estado de prueba, la inspección indica que el idioma efectivo es el francés porque la declaración más próxima está en la página.

En este ejercicio, basta con lang="ar" para indicar que el idioma es el árabe. La dirección base se establece por separado. En el segundo estado, el navegador identifica la cita como árabe y mantiene la dirección de izquierda a derecha porque la cita aún lleva dir="ltr". Registrar ambos valores por separado ayuda a entender por qué una primera corrección puede parecer completa aunque la dirección siga siendo incorrecta.

La dirección determina cómo se dispone el texto. Una frase de derecha a izquierda puede contener cifras, una hora o un nombre escrito con otro sistema de escritura. Evita invertir a mano el orden de los caracteres o mover la puntuación para compensar un contenedor mal declarado. Corrige primero la dirección base del fragmento y relee la frase y la hora en pantalla. La alineación a la derecha fija la posición en la línea. La dirección de lectura se configura por separado.

Elige el elemento que abarque exactamente el fragmento. Si toda la cita está en árabe, sirve el contenedor de la cita. Si solo son unas palabras dentro de una frase francesa, marca únicamente ese segmento. Un nombre propio aislado o un término que ya se usa en el idioma del texto puede prescindir de una declaración aparte. Si hay dudas sobre el idioma o la dirección, pide que revisen el texto antes de elegir los atributos. La declaración debe describir con precisión el texto que recibe el lector.

Corregir el fragmento en el bloque que lo genera

En la copia, abre el bloque HTML personalizado y busca la cita. Añade o corrige lang="ar" y dir="rtl" en su contenedor. Mantén las dos frases en francés fuera de ese contenedor. En el fragmento siguiente, la frase dice que el taller empieza a las 10:30. Los atributos describen toda la cita y se aplican a su párrafo hijo.

Limita la corrección a los atributos que describen el idioma y la dirección. Relee el texto antes de guardar para evitar que la hora cambie si vuelves a pegarlo. Si la propuesta usaba una regla CSS de dirección o alineación, comprueba su alcance. El marcado HTML es el punto de partida para la dirección base. Según el tema, una regla de presentación puede producir otra dirección calculada. En ese caso, comprueba qué regla se aplica al fragmento.

Si el bloque procede de una plantilla o un patrón reutilizado, comprueba dónde se guarda el texto. Cambiar el origen compartido puede afectar a varias páginas. Este ejercicio utiliza un bloque local de una sola entrada para limitar ese alcance. Si necesitas cambiar un elemento compartido, localiza otra instancia del mismo origen en una copia del sitio. Así podrás comprobar que las páginas sin la cita conservan su comportamiento inicial.

<blockquote lang="ar" dir="rtl">
  <p>تبدأ الورشة عند الساعة 10:30.</p>
</blockquote>

Comprobar el DOM de la página después de guardar

Guarda la copia, cierra la vista previa anterior y vuelve a abrir la dirección de la entrada. Inspecciona la cita en el panel Elementos del navegador. Comprueba primero que la etiqueta html sigue declarando el francés. A continuación, verifica que los atributos están en la cita del documento que se muestra. Su alcance debe incluir el párrafo en árabe y terminar antes de la frase siguiente. Una declaración en el nivel equivocado puede corregir la cita y, al mismo tiempo, alterar el comportamiento de otro bloque.

Compara el código del bloque con el DOM. Si lang o dir estaba en el contenido pegado y falta en el DOM, vuelve a abrir el bloque para ver qué se conservó. Si el atributo ya falta en el bloque guardado, hay una diferencia entre lo que pegaste y lo que se guardó. Si el bloque lo conserva, examina el componente que genera la página y el resultado del análisis del HTML por parte del navegador. En ambos casos, anota la diferencia antes de modificar un ajuste global o los permisos de tu cuenta.

En los estilos calculados de la cita, busca la propiedad direction. Con el fragmento corregido del ejercicio, su valor es rtl. En la frase siguiente en francés, sigue siendo ltr. Si el DOM contiene dir="rtl" y la dirección calculada sigue siendo ltr, busca una regla aplicada a ese elemento o a uno de sus descendientes. Anota también la declaración de idioma más cercana a cada párrafo. El panel de estilos muestra lo que el navegador aplica a la presentación. Comprueba los atributos por separado para determinar el idioma declarado.

Relee la frase árabe y el número en su contexto. La prueba compara el texto del DOM con el texto inicial, incluido 10:30. Esto ayuda a detectar cambios de contenido al pegar. Para comprobar la posición visual de cada signo hace falta una revisión aparte. Si el fragmento contiene varios sistemas de escritura, míralo con los estilos habituales del sitio y pide a alguien que conozca el idioma que lo revise.

Interpretar los resultados y precisar los límites de la prueba

En la instancia de demostración de WordPress, la etiqueta principal conservó lang="fr-FR" y una dirección calculada de izquierda a derecha durante los cinco estados. En el primer pegado, sin atributos, la cita heredó el francés. En la segunda versión, Chrome reconoció lang="ar" y mantuvo la dirección de izquierda a derecha. Tras la corrección, la cita tenía los valores esperados y su párrafo los heredaba. Las dos frases francesas conservaron su idioma, su dirección y su texto.

Las variantes se guardaron en un bloque HTML personalizado mediante las funciones del núcleo de WordPress y se inspeccionaron en el DOM de la página cargada. El procedimiento comprueba que los atributos y el texto se conservan al guardar y generar la página en ese entorno. Reproduce posibles estados del contenido pegado. El resultado de pegar desde el portapapeles en el editor visual puede variar. La prueba bloquea las hojas de estilo del tema y los scripts de la página para aislar el comportamiento de los atributos.

La prueba dejó fuera los lectores de pantalla. El atributo lang="ar" proporciona información de idioma que pueden utilizar las tecnologías de asistencia. El cambio de voz, la pronunciación del texto y la lectura de la hora requieren una comprobación aparte. Si la validación incluye esa experiencia, añade una prueba con el lector de pantalla y la voz que utilice tu equipo. Registra el resultado de la lectura por separado del resultado del DOM.

Restaurar el estado de referencia y conservar la comprobación para reutilizarla

Para deshacer el cambio en la copia, restaura la revisión que contiene el fragmento de referencia. Si se han editado otros fragmentos desde entonces, repón solo la cita y los atributos que anotaste al principio. Vuelve a abrir la entrada en el navegador. Comprueba la etiqueta principal, la cita y las dos frases de control. La restauración puede quedar incompleta si el texto vuelve a su estado original y el contenedor conserva un atributo añadido.

En la prueba, la revisión restauró exactamente el contenido guardado y el fragmento que se mostraba. La cita volvió a estar en francés y los elementos que la rodeaban conservaron su comportamiento. El resultado sería distinto si tu referencia ya incluyera un fragmento válido en árabe. En ese caso, restaura su texto y sus atributos originales. Usa como punto de partida la referencia que guardaste de esa página.

Para entregar el trabajo a revisión, indica la dirección de la copia, el fragmento en cuestión y los valores esperados. Añade los atributos observados y la dirección calculada en las tres zonas. Conserva tanto la propuesta tal como se probó como la versión corregida. Quien revise el trabajo podrá comprobar que la hora sigue siendo la misma, que la cita está bien declarada y que el resto de la página conserva el idioma y la dirección previstos.

Adaptar la comprobación a una expresión dentro de una frase

El fragmento puede consistir en una expresión en inglés dentro de un párrafo en francés. En ese caso, los dos textos siguen la misma dirección. Marca el segmento con el idioma que le corresponda y relee las palabras anteriores y posteriores. Si toda la frase en francés hereda el inglés, el atributo está demasiado arriba en el documento. Comprueba también las palabras que rodean el segmento, aunque la dirección visible de la línea siga siendo la misma.

Si todo el fragmento es un párrafo en un sistema de escritura que va de derecha a izquierda, aplica la dirección al párrafo o a su propio contenedor. El borde al que se alinea el texto puede seguir siendo una decisión de presentación del tema. Comprueba la dirección declarada y la dirección calculada antes de cambiar la alineación. Si el lector debe reconocer una hora o una referencia, pide que revisen el resultado final y conserva el número en el registro.

En los dos casos, abre el bloque después de guardar y comprueba dónde se ha colocado exactamente el atributo. Si la propuesta añade varios fragmentos, elige un texto de control en francés entre dos de ellos. Así podrás detectar un contenedor demasiado amplio que transmita sus atributos a todo el contenido posterior. Empieza con una corrección aislada. Extiéndela a los demás fragmentos cuando hayas confirmado su idioma, su dirección y su ubicación en el DOM.