Come modificare il design del commutatore di lingua?

In questo articolo scoprirete come personalizzare il commutatore di lingua e modificarne l'aspetto.

Con Weglot puoi personalizzare l'aspetto del tuo selettore di lingua. Ci sono diversi modi per farlo:

1. Modificare le opzioni del commutatore di lingua

Per personalizzare il selettore di lingua, vai alla tua dashboard di Weglot > Progetti > Seleziona un progetto > Impostazioni > Selettore di lingua.

Da lì, è possibile personalizzare diverse opzioni di visualizzazione, tra cui:

• Il nome della lingua (ad esempio "en" per l'inglese)
• Il nome completo della lingua
• I flag della lingua e il tipo di flag (quadrato, cerchio, rettangolo)
• Il tipo di commutatore (elenco/down)

Se si apportano modifiche, fare clic su "Salva modifiche".

Più in basso nella pagina troverai la sezione "Lingue e aspetto". Qui puoi trascinare le lingue per modificarne l'ordine di visualizzazione nel selettore della lingua.

Questa sezione ti permette di personalizzare le bandiere e i nomi delle lingue visualizzati nel selettore della lingua.

2. Modificare il nome della lingua e il flag

Per modificare il nome e la bandiera della lingua, puoi andare sulla stessa pagina, ovvero alla tua dashboard di Weglot > Progetti > Seleziona un progetto > Impostazioni > Selettore lingua.

Andare alla sezione "Aspetto delle lingue" e utilizzare la penna a destra.

Da lì, puoi modificare il nome della lingua in modo che nel selettore del tuo sito web online venga visualizzato il nome che desideri:

Una volta modificata la sezione "Nome nella lingua locale", è possibile fare clic sul pulsante "Salva".

Per modificare la bandiera, assicurati di aver attivato l'opzione "Mostra le bandiere delle lingue nel pulsante" nelle impostazioni del selettore.

Puoi anche cliccare su "Seleziona una bandiera" per scegliere una bandiera. Puoi utilizzare la barra di ricerca per trovare una bandiera:

Ora torna al tuo sito web: vedrai la bandiera appena aggiunta nel menu di selezione della lingua.

Inoltre, se desideri rimuovere la bandiera aggiunta in precedenza e tornare alla bandiera originale, clicca su "Seleziona una bandiera" nel selettore delle bandiere: in questo modo la bandiera verrà rimossa:

3. Utilizzare l'Switcher Editor

Per l'uso generale dell'Switcher Editor, consultare la seguente documentazione dedicata:

Come si usa l'Switcher Editor?

Al suo interno troverete diverse sezioni per creare il vostro progetto di switcher o per utilizzare alcuni dei modelli Weglot.

Per utilizzarne uno, consultare la sezione Stile Switcher:

Una volta entrati nella sezione, troverete una serie di modelli da utilizzare per il vostro sito web.

Basta fare clic su di esso per selezionarne uno e posizionarlo dove si desidera sulla pagina web.

4. Aggiungere alcuni CSS personalizzati

Nelladashboard diWeglot > Impostazioni > Selettore lingua, è possibile aggiungere del codice CSS personalizzato:

Sentitevi liberi di ispirarvi a diversi stili e di aggiungere il vostro CSS. Troverete alcuni esempi di CSS personalizzati nella prossima parte.

5. Creare uno switcher personalizzato

Se si preferisce avere uno switcher personalizzato da abbinare ai codici CSS del proprio sito web, è possibile creare uno switcher personalizzato.

Dovrete impostare voi stessi il suo design e utilizzare le funzioni di Weglot per fare in modo che i link si rivolgano alle lingue prescelte.

Per farlo, consultare la nostra documentazione per sviluppatori sulle funzioni JavaScript utili da utilizzare:

https://developers.weglot.com/javascript/link-hooks

Avete commenti su questo articolo? Fatecelo sapere!