Cerca nel blog

Articolo:

venerdì 13 ottobre 2017

Post multilingua in Blogger – Seconda parte, traduzione del post e pubblicazione

Seconda parte dell'articolo. Come creare post multilingua con Blogger. Parte Seconda: traduzione del post con Google Translator Toolkit e pubblicazione.

post of mine with translate button. There's a red circle with a "two" in it.

Ricorda che questa è la seconda parte della guida per creare post multilingua su Blogger e che, casomai non lo avessi fatto, è bene leggere prima la Prima Parte. Bene, la prima parte è andata! In questo secondo articolo vedremo come tradurre il contenuto del nostro post. Le operazioni da compiere sono semplici. Per la traduzione invece ci vorrà del tempo e un minimo di attenzione (e di conoscenza della lingua naturalmente).

Cosa andremo a fare in questa seconda guida:

Parte fondamentale di questa seconda guida è tradurre il contenuto e inserirlo nell'apposito <div>. Per fare ciò dobbiamo creare un file HTML con il nostro Editor di testo preferito e inserire all'interno tutto ciò che è dentro il <div class="lang:italian"> (nel nostro caso è questo il div "principale").Fatto ciò andremo a caricare il file HTML in Google Translator Toolkit. Da lì correggiamo la traduzione e scarichiamo un altro file HTML contenente stavolta il contenuto tradotto. Successivamente copiamo e incolliamo la traduzione nel <div class="lang:english" style="display: none;">.

Creazione file HTML e Traduzione

Apriamo il nostro Editor di Testo (andrà bene anche TextEdit o equivalente purché modifichi l'estensione del file in .html; ricorda di usare il formato "solo testo") e creiamo un nuovo file HTML. All'interno incolliamo solo il contenuto del div, senza il div stesso. Salviamo e chiudiamo.
In primo piano Visual Studio Code. Dietro, Blogger in HTML view
Ora andiamo in Google Translator Toolkit e facciamo click sul pulsante CARICA. Si aprirà una nuova finestra. Qui selezioniamo Aggiungi contenuto da tradurre > Carica file. Selezioniamo il nostro file HTML creato in precedenza e ci assicuriamo che a destra sia selezionato "Italiano". Sotto inseriamo la lingua nella quale tradurre, nel nostro caso en:inglese.
google translator toolkit. Traduzione file html dall'italiano all'inglese
Clicchiamo su Avanti e su No, grazie (a meno che non siate interessati).
Il nostro file è ora online. Basta aprirlo e iniziare la traduzione (o meglio la correzione, per fortuna il grosso lo fa già Google Translate). Finita la traduzione/correzione clicchiamo su Completo e poi su File > Salva e chiudi. Nella pagina principale di Google Translator Toolkit selezioniamo il nostro file (ora con la dicitura 100% completato) e poi su Scarica.

screenshot from Google Translator Toolkit. Split-viewScreenshot google translator toolkit, Scarica file tradotto.

Ultimi passaggi prima di pubblicare l'articolo online

Abbiamo quasi finito. Non ci resta che aprire il file scaricato e selezionare solo il contenuto, ossia tutto ciò che è all'interno del tag <body>. Copiamo e incolliamo dentro il <div class="lang:english" style="display: none;"> nel nostro post.
C'è una finestra di Visual Studio Code per macOS con del codice html all'interno
Aggiungiamo l'etichetta en al post ed abbiamo finito. Pronti a pubblicare il nostro post multilingua.