Multilingual Blogger


Al poner en marcha este blog se nos presentó un problema interesante: ¿cómo trabajar en los tres idiomas de la asignatura? Las webs en varios idiomas suelen ser un quebradero de cabeza, sobre todo porque piden un esfuerzo considerable a la hora de publicar (incluso con las mejores herramientas para ello).


En nuestro caso, el exceso de trabajo no era un gran problema, porque este blog no es un blog de actualidad, sino un sitio para publicar ejemplos, tutoriales y similares para el alumnado. Si se tratara de un blog de viaje, seguramente evitaría publicar en tres idiomas con una frecuencia alta. ¡Es una locura!

Para el experimento de Serverless myRIO, al llegar al momento de adquirir un dominio, seguimos el consejo del tutorial y adquirimos un dominio de Google Domains. Al hacer esto, Blogger está incluido en el precio y ese no es un mal criterio para inclinarse por una plataforma u otra.

Pero Blogger no tiene soporte multilingüe. ¡Ay! La única manera es tener un blog para cada idioma y mantenerlos lo más parecidos posible para poder saltar de uno a otro dando la impresión de que es solo uno. Además, exige mantener nombres en común para los artículos en diferentes idiomas.

Buscando por ahí, encontramos una solución parcial en un blog muy interesante en inglés y portugués:

https://www.broculos.net/2013/05/how-to-create-multilingual-blog-in.html

La sugerencia de Nuno Freitas estaba bien, pero no funcionaba (todavía no sé por qué) en nuestro Blogger. Lo que sí está bien es el método que propone, usando permalinks. Lo dicho, no funcionaba, pero con paciencia desempolvamos el JavaScript que usábamos hace ya veinte años y usamos una técnica muy compacta, que es usar la sintaxis javascript:method.

<a id="eus" href = "javascript:window.location.assign('https://blog.industriainformatika.pw'+window.location.pathname)">EU</a>

Ponemos este código en el bloque HTML/JavaScript que queramos, donde 'https://...' es la dirección raíz del idioma correspondiente. Para no hacer efectos raros, una vez hecho el copia-pega del bloque entero, sustituimos el link del idioma actual con lo siguiente:

<a id="esp">ES</a>

Y el efecto es el que podéis ver en este blog. ¡Siempre está bien saber un poco de HTML y JavaScript!

Por cierto, si queréis hacer pruebas con HTML y JavaScript, entre otras cosas, w3schools tiene unos tutoriales geniales y su propio playground, esto es, puedes probar online las pruebas que hagas, sin instalar nada. Las pruebas para poner el código en gris las hemos hecho allí. En próximos blogs mencionaremos más playgrounds de este tipo.

https://www.w3schools.com/