Come creare siti multilingue con WPBakery e WPML

Scopri come tradurre il contenuto di WPBakery in più lingue e creare un sito web multilingue con WPML.

Primi passi

Inizia installando e attivando i seguenti plugin:

• Il plugin page builder WPBakery (si apre in una nuova scheda)
• Il plugin core WPML e il componente aggiuntivo WPML Traduzione stringhe

Se non hai mai usato WPML, consulta la nostra Guida introduttiva. Ti illustrerà rapidamente le diverse opzioni di traduzione che puoi utilizzare.

Come tradurre le pagine di WPBakery usando WPML

WPBakery è compatibile con la modalità Traduci tutto automaticamente di WPML. Se scegli questa modalità durante la configurazione di WPML, tutto il contenuto delle tue pagine WPBakery verrà tradotto automaticamente man mano che lo aggiungi o lo modifichi.

Se vuoi decidere tu stesso quali contenuti tradurre, scegli la modalità Traduci in parte quando configuri WPML.

Per tradurre i contenuti del tuo sito usando la modalità Traduci in parte:

1. Nell'elenco delle tue pagine, fai clic sull'icona più sotto la lingua e accanto alla pagina che vuoi tradurre.
2. Verrai indirizzato all'Editor di traduzione avanzato di WPML. Se hai parole per la traduzione IA, vedrai i tuoi contenuti tradotti automaticamente. Puoi rivedere queste traduzioni e accettarle, oppure fare clic su Annulla traduzione per inserire le tue. Se non hai parole per la traduzione IA, aggiungi le traduzioni tu stesso.
3. Fai clic su Salva e completa una volta terminate tutte le traduzioni.

Ora dovresti essere in grado di visualizzare le pagine nella lingua predefinita e nella lingua secondaria sul front-end.

Tutti gli attuali moduli traducibili del page builder WPBakery

WPML supporta la traduzione del testo nei moduli del page builder WPBakery:

1. Blocco di testo
2. Separatore con testo
3. Riquadro del messaggio
4. Riquadro al passaggio del mouse
5. Immagine singola
6. Galleria di immagini
7. Carosello di immagini
8. Schede
9. Tour
10. Fisarmonica
11. Contenitore impaginabile
12. Intestazione personalizzata
13. Pulsante
14. Call to action
15. Barra laterale con widget
16. Slider degli articoli
17. Lettore video
18. Google Maps
19. Widget di Flickr
20. Barra di avanzamento
21. Grafico a torta
22. Grafico circolare
23. Grafico a linee
24. Griglia degli articoli
25. Griglia dei media
26. Griglia masonry degli articoli
27. Griglia masonry dei media
28. Pulsante Tweetmeme
29. FAQ
30. Ricerca WP
31. Meta WP
32. Commenti recenti WP
33. Calendario WP
34. Tag cloud WP
35. Testo WP
36. Articoli recenti WP
37. Categorie WP

Tradurre gli elementi Raw HTML

Un'impostazione di WPML decide se WPML invia alla traduzione il contenuto degli elementi Raw HTML. Per trovarla:

1. Vai alla pagina WPML → Impostazioni.
2. Scorri fino alla sezione Sincronizzazione degli articoli e delle pagine.
3. Sotto Opzioni dei page builder, trova l'opzione Invia alla traduzione il contenuto delle celle HTML grezzo.

Questa opzione è attiva per impostazione predefinita. Tienila attiva se le tue pagine usano gli elementi Raw HTML, Raw JS o Google Maps.

L'opzione decide anche cosa mantiene una pagina tradotta quando l'Editor di traduzione avanzato (ATE) o la traduzione automatica consegna una traduzione:

• Opzione attiva: la pagina tradotta mantiene gli elementi Raw HTML, Raw JS e Google Maps.
• Opzione disattiva: WPBakery rimuove questi elementi dalla pagina tradotta.

I pulsanti con un'azione onclick personalizzata non seguono questa regola. WPBakery rimuove questi pulsanti dalle pagine che l'ATE traduce, anche quando l'opzione è attiva.

Quando l'opzione è attiva, i traduttori vedono il codice dei tuoi elementi Raw HTML. Spesso i traduttori non capiscono il codice e possono danneggiarlo quando lo traducono. Comunica ai tuoi traduttori di modificare solo i testi visibili.

Se i testi di un elemento non appaiono nell'editor di traduzione, leggi di più su come registrare i moduli dei page builder per la traduzione.

Griglie, template, stili e impostazioni SEO

Griglie degli articoli e dei media

WPML traduce i testi degli elementi Griglia degli articoli, Griglia dei media, Griglia masonry degli articoli e Griglia masonry dei media. In una pagina tradotta, la griglia mostra gli articoli nella stessa lingua.

Nelle pagine che traduci con l'Editor di traduzione o l'ATE, il pulsante Carica altro, l'impaginazione, il lazy loading e i filtri della griglia possono mostrare “Nessun risultato”.

Una griglia in una pagina tradotta può anche mostrare il template dell'elemento dal Grid Builder nella lingua originale. Stiamo lavorando a una soluzione.

Template Templatera

WPML non supporta ancora il componente aggiuntivo Templatera. Quando una pagina mostra un template Templatera, tutte le traduzioni di quella pagina mostrano il template nella lingua originale.

CSS personalizzato e opzioni di design

WPML copia il CSS personalizzato della pagina e il CSS delle opzioni di design degli elementi dalla pagina originale alle sue traduzioni:

• Se traduci la pagina con l'Editor di traduzione o l'ATE, WPML copia di nuovo il CSS ogni volta che aggiorni la traduzione.
• Se modifichi la traduzione in WPBakery, la traduzione mantiene il proprio CSS.

Impostazioni SEO di WPBakery

Se usi le impostazioni SEO di WPBakery, WPML invia i loro testi alla traduzione insieme alla pagina. Questo include il titolo e la descrizione SEO, la frase chiave principale, e i titoli e le descrizioni per i social media.

Usare l'opzione di traduzione IA di WPBakery

L'IA di WPBakery può tradurre il testo di un elemento nell'editor di WPBakery. Se la usi in una pagina tradotta, modifichi la traduzione in WPBakery e non nell'editor di traduzione di WPML.

WPML gestisce questa traduzione come qualsiasi altra traduzione che modifichi manualmente:

• Quando apri una pagina tradotta in WPBakery, WPML ti avvisa che le tue modifiche andranno perse.
• La volta successiva che invii la pagina per la traduzione, WPML sostituisce la traduzione. Le tue modifiche in WPBakery andranno perse.

Per mantenere una traduzione diversa in una lingua, leggi come usare editor di traduzione diversi per pagine diverse.

Mantenere la compatibilità del page builder WPBakery con WPML

Abbiamo preparato una documentazione per sviluppatori che spiega come funziona il page builder WPBakery con WPML. Leggi di più sull'aggiornamento del file di configurazione della lingua per mantenere la compatibilità tra WPML e il page builder WPBakery.