Cómo incluir una URL a la traducción de un texto en el blog
Utilizo habitualmente el castellano en mis publicaciones, pero me relaciono también mucho en inglés en micro.blog y en euskera en mi vida diaria, así que suelo combinar un poco de todo. Incluí los tres idiomas en la sección Sobre mí del blog, pero en los textos breves en inglés y euskera quería añadir un enlace que llevara directamente a la traducción de esos textos en Google Translate, para facilitar su lectura a quien no conozca esas lenguas.
He encontrado la respuesta en este foro, y la documento aquí en el blog para que me sirva de recordatorio y para que alguien más pueda utilizar la fórmula.
En enlace ha de seguir el siguiente formato:
https://translate.google.com/#origin_language_or_auto|destination_language|encoded_phrase
No hace falta cambiar #origin_language_or_auto
. Se deja tal cual para que detecte automáticamente el idioma del texto de origen.
En destination_language
se ha de poner el código de la lengua de destino elegida: en
para inglés, es
para español y eu
para euskera.
La frase a traducir se copia tal cual se escribe, con sus espacios y signos de puntuación, esto no tiene más complicación.
En este caso, quería ofrecer la traducción de estas dos frases:
- En euskera: Talde handi eta zaratatsuak ez ditut gustoko. Banan-banan, gizakiak zoragarriak iruditzen zaizkit.
- En inglés: I’m not really sure of anything. I argue a lot, I learn a lot by arguing. I like cooking and baking, software and productivity tools. I want to learn to sail boats and fly planes. Skiffs and balloons will do too.
Así que, con los códigos HTML necesarios para incluir los enlaces a las traducciones correspondientes, la publicación de estas frases ha quedado así:
- Talde handi eta zaratatsuak ez ditut gustoko. Banan-banan, gizakiak zoragarriak iruditzen zaizkit. ES EN
- I’m not really sure of anything. I argue a lot, I learn a lot by arguing. I like cooking and baking, software and productivity tools. I want to learn to sail boats and fly planes. Skiffs and balloons will do too. ES EUS
El código completo, para que quede a la vista, es el siguiente:
I'm not really sure of anything. I argue a lot, I learn a lot by arguing. I like cooking and baking, software and productivity tools. I want to learn to sail boats and fly planes. Skiffs and balloons will do too. <a href="https://translate.google.com/#origin_language_or_auto|es|I'm not really sure of anything. I argue a lot, I learn a lot by arguing. I like cooking and baking, software and productivity tools. I want to learn to sail boats and fly planes. Skiffs and balloons will do too." target="_blank" title="Traducir a español">ES</a> <a href="https://translate.google.com/#origin_language_or_auto|eu|I'm not really sure of anything. I argue a lot, I learn a lot by arguing. I like cooking and baking, software and productivity tools. I want to learn to sail boats and fly planes. Skiffs and balloons will do too." target="_blank" title="Euskarara itzuli">EUS</a>
Talde handi eta zaratatsuak ez ditut gustoko. Banan-banan, gizakiak zoragarriak iruditzen zaizkit. <a href="https://translate.google.com/#origin_language_or_auto|es|Talde handi eta zaratatsuak ez ditut gustoko. Banan-banan, gizakiak zoragarriak iruditzen zaizkit." target="_blank" title="Traducir a español">ES</a> <a href="https://translate.google.com/#origin_language_or_auto|en|Talde handi eta zaratatsuak ez ditut gustoko. Banan-banan, gizakiak zoragarriak iruditzen zaizkit." target="_blank" title="Translate into English">EN</a>
Bonus track (actualización)
Después de lo anterior, también he querido añadir una etiqueta para que los enlaces se abran en una nueva ventana o pestaña, truco que he documentado aquí. Y, por último, otro para que los enlaces muestren un texto explicativo al pasar el ratón por encima. MacGPT me ha vuelto a ayudar:
Para que un enlace muestre un texto cuando pasas el ratón por encima, puedes utilizar el atributo “title” en la etiqueta HTML “a”. Aquí tienes un ejemplo de cómo hacerlo:
<a href="https://www.ejemplo.com" title="Este es el texto que se mostrará">Haz clic aquí</a>
En este caso, cuando pasas el ratón por encima del enlace “Haz clic aquí”, se mostrará el texto “Este es el texto que se mostrará”.
Los códigos de los ejemplos anteriores ya están actualizados con esos dos atributos target
y title
.