Tradurre i siti creati con layout drag-and-drop

A partire dalla versione 3.2, WPML può tradurre le entità create da altri plugin e temi. In questo articolo, mostriamo come tradurre i layout. L’idea è quella di utilizzare un solo layout per tutte le lingue e tradurre solo i testi al suo interno.

Introduzione a Layouts

Il plugin Layouts è un editor drag-and-drop per i layout di pagina. Layouts funziona con i temi basati su Bootstrap e produce design responsive. Fa parte del pacchetto Toolset di plugin per lo sviluppo di WordPress.

Layouts progetta intere pagine, dal primo all’ultimo pixel. Da solo, Layouts è piuttosto semplice, poiché non include elementi di contenuto elaborati. Layouts non ha bisogno di un’enorme (e talvolta pesante) libreria di elementi di pagina, perché funziona insieme al resto dei plugin Toolset. Le celle del layout possono visualizzare contenuti dinamici dal tuo sito e dai moduli. Invece di scegliere una cella da una libreria e personalizzarla, i plugin Toolset ti permettono di creare facilmente le tue celle senza alcuna programmazione.

Tradurre i siti basati su Layouts

I layout che crei di solito includono del testo ‘statico’ e dei contenuti dinamici. Ad esempio, guarda il nostro esempio di ‘sito aziendale’.

Gli elementi dinamici includono l’elenco dei servizi e gli articoli in evidenza. Vengono creati utilizzando Views. Una View è come una WP_Query con un template di visualizzazione. Poiché WPML utilizza gli hook per le query e fa in modo che carichino i contenuti nella lingua giusta, non devi fare nulla per tradurre le View. La stessa identica View caricherà i contenuti corretti nella lingua visualizzata.

Gli elementi statici in questa pagina sono le intestazioni. I testi ‘Our Services’ e ‘Features Articles’ fanno parte del layout. Non provengono da alcun contenuto dinamico. Quando usi lo stesso layout per la homepage in un’altra lingua, vuoi che questi testi appaiano tradotti. È qui che entra in gioco la Traduzione dei pacchetti di WPML. Si tratta di una nuova API che abbiamo aggiunto a WPML 3.2 ed è aperta all’uso da parte di tutti gli altri autori.

Il plugin Layouts crea pacchetti per WPML. Un pacchetto per un layout includerà tutti i testi statici presenti nel layout e che richiederanno una traduzione. Questi pacchetti sono molto simili ai normali contenuti di WordPress che traduci utilizzando l’Editor di traduzione di WPML. Vedrai tutti i campi che richiedono una traduzione.

In questo modo, crei un layout e lo usi per tutte le lingue del tuo sito. Traduci solo i testi statici e tutti i contenuti dinamici vengono visualizzati nella lingua corretta.

Vuoi provare?

Abbiamo creato un sito di prova dove puoi sperimentare con i plugin Toolset e WPML. Per usarlo, avvia il tuo sito di formazione privato e gratuito.

Abbiamo già creato i contenuti di prova per te, così puoi sperimentare con Layouts e il processo di traduzione.

La lingua predefinita del sito è l’inglese ed è completamente tradotto in spagnolo. Abbiamo aggiunto contenuti in francese, ma non abbiamo tradotto i layout in francese.

Segui il video con questi passaggi:

1. Crea il sito di formazione in discover-wp.com
2. Visita la homepage del tuo sito e passa al francese. Noterai che tutti gli elementi dinamici sono effettivamente in francese, ma i testi statici sono ancora in inglese.
3. Inizia provando Layouts per vedere come funziona.
4. Vai su WPML->Gestione traduzioni. Nella scheda “Dashboard di traduzione” nella sezione Filtri, seleziona “Layouts” dal menu a discesa Tipo.
5. Seleziona il layout Home e invialo per la traduzione in francese (è già tradotto in spagnolo).
6. Vai su WPML->Traduzioni, individua il lavoro Layout-Home e fai clic su ‘prendi e modifica’.
7. Traduci i testi. Hai bisogno di aiuto? Usa questo specchietto di traduzione per i testi principali della pagina:

   Inglese	Francese
   Our Services	Nos services
   Featured articles	Articles Vedettes
   Testimonials	Témoignages
   Company Overview	Présentation de l’entreprise
   Recent News	Nouvelles récentes

   
   Ricorda di fare clic su ‘Completato’ accanto a ogni campo e sulla casella di controllo ‘La traduzione è completata’ in fondo alla pagina, appena sopra il pulsante ‘Salva’.
8. Visita di nuovo la tua homepage in francese. Ora dovresti vedere tutto tradotto, inclusi i testi statici.
9. Sperimenta di nuovo modificando il layout. Vedrai che le tue modifiche si applicano a tutte le lingue del sito. Se modifichi o aggiungi testi, dovrai aggiornare la traduzione, a partire dalla Dashboard di traduzione.

I passaggi precedenti si applicano alla traduzione di Layouts utilizzando il nostro sito di riferimento. Il sito viene fornito con tutti i plugin necessari preinstallati.

Se desideri seguire i passaggi sul tuo sito, consulta la documentazione ‘How to translate Layouts’ (Come tradurre Layouts) su wp-types.com. Lì troverai l’elenco di tutti i plugin richiesti e altri esempi.

Quali sono i prossimi passi?

Ovviamente, se ti è piaciuto modificare con Layouts, sei invitato ad acquistare Toolset e a usarlo per i tuoi veri progetti.

Vogliamo vedere molti più plugin e temi offrire una facile traduzione per strutture complesse. Se stai usando page builder, moduli e altri elementi ‘non WordPress’, ti incoraggiamo a contattare gli autori di questi plugin e temi. Parla loro di questa possibilità in WPML. Siamo molto interessati a lavorare con altri autori e a integrare l’API Traduzione dei pacchetti.

Lascia i tuoi commenti qui e ti risponderemo.