WPML 5.0 Beta – Un’esperienza riprogettata e una traduzione automatica più intelligente
WPML 5.0 è il più grande aggiornamento che abbiamo rilasciato da anni.
Le lingue con scrittura da destra a sinistra (RTL) rappresentano una sfida particolare. Fortunatamente, WordPress fa molto per semplificare le cose. Ti mostreremo come creare un sito RTL perfettamente funzionante, basato sul tema predefinito TwentyTen.
Quando crei un sito multilingue RTL / LTR, devi affrontare due problemi:
- Modifica / traduzione
- Visualizzazione
La prima parte, per creare o tradurre il tuo sito, significa lavorare nell’area di amministrazione di WordPress nella lingua e nella direzione corrette. Se stai traducendo tra lingue LTR e RTL, tieni presente che dovrai visualizzare contenuti con direzioni miste sulla stessa schermata.
Durante la visualizzazione del sito, il tuo tema deve gestire la corretta direzione di visualizzazione per le lingue RTL e LTR.
Questo tutorial seguirà il nostro sito demo multilingue Twenty Ten, disponibile in inglese, spagnolo ed ebraico (RTL).
Preparazione – Ottenere i file .mo del core e del tema
WordPress stesso e il tema predefinito sono completamente localizzati in molte lingue. Abbiamo bisogno della versione più recente della localizzazione, quindi ho deciso di scaricarla dalle build localizzate di WordPress. Puoi scaricarle da qui:
- http://es.wordpress.org/ – spagnolo
- http://he.wordpress.org/ – ebraico
Dopo aver scaricato e decompresso WordPress, vai su wordpress/wp-content/languages. Copia l’intero contenuto nella tua directory languages. Fai lo stesso per il tema. I file di traduzione si troveranno in wp-content/themes/twentyten (o nel tema predefinito attuale se stai leggendo questo articolo più tardi).
Dovresti anche configurare WPML per consentirgli di tradurre il tema e i plugin.
Traduzione
Il modulo Gestione traduzioni di WPML permette di inviare lavori di traduzione e di tradurre utilizzando account diversi. Ti permette anche di tradurre con l’Editor di traduzione di WPML. Quando sono coinvolti contenuti con direzioni miste, questo è particolarmente importante, poiché l’Editor di traduzione regola automaticamente la direzione per ogni campo.
Se per te è una novità, leggi prima le informazioni sul modulo Gestione traduzioni.
Ecco come appare quando traduco l’articolo Hello World in ebraico.
Puoi notare che i testi in inglese sono allineati a sinistra, mentre l’ebraico è allineato a destra. Posso persino usare la modalità HTML per copiare e incollare elementi dall’inglese. La modalità HTML viene visualizzata in LTR, per permetterti di inserire i tag correttamente.
Quando traduci le stringhe, anche WPML le visualizza nella direzione corretta. Ecco come appare la schermata Traduzione stringhe quando traduco il titolo del widget Cerca.
I moduli Editor di traduzione e Traduzione stringhe ci permetteranno di tradurre completamente il sito. Successivamente, vedremo come visualizzarlo correttamente nella giusta direzione.
Visualizzare il sito in RTL e LTR
Ora che il tuo contenuto è stato tradotto, è il momento di spostare l’attenzione sul tema.
Questa piccola riga fa gran parte della magia:
<html dir="rtl" lang="he-IL">
Puoi vederlo se visualizzi il codice sorgente di qualsiasi pagina in ebraico. Ad esempio, la home page.
L’attributo dir="rtl" indica al sito che la direzione di visualizzazione per l’intero sito è da destra a sinistra. I browser lo capiscono e capovolgeranno tutto nella giusta direzione.
Questa singola riga PHP, da header.php, lo rende possibile:
<html <?php language_attributes(); ?>>
La chiamata a language_attributes inserisce gli attributi dir e lang. I valori provengono dal file .mo del core. Se hai i file .mo corretti per WordPress, ottieni i valori corretti per questi attributi.
Se l’HTML e il CSS del tuo tema seguono pratiche ‘sicure’, questo è davvero tutto ciò di cui hai bisogno. Per sicure, intendo nessun posizionamento o larghezze assolute. Se devi usare valori assoluti, potresti prendere in considerazione il caricamento di CSS diversi per ogni lingua.
Puoi farlo facilmente utilizzando istruzioni condizionali che esaminano la costante ICL_LANGUAGE_CODE (descritta nell’API di programmazione di WPML).
I risultati
Ecco come appare il nostro sito demo in inglese, spagnolo ed ebraico.
|
|
|
|
