Come modificare il design del commutatore di lingua?

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

Utilizzando Weglot, è possibile modificare il design del commutatore di lingua. Per farlo, avete diverse possibilità:

1. Modificare le opzioni del commutatore di lingua

Se si va sulla Dashboard di Weglot > Progetti > Selezionare un progetto > Impostazioni > Selettore lingua, si avrà la possibilità di cambiare alcuni elementi e la visualizzazione:

• Il nome della lingua (come "en" per l'inglese, ad esempio)
• 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ù avanti nella pagina si trova anche la sezione "Aspetto delle lingue", dove è possibile trascinare e rilasciare la lingua desiderata e modificarne la posizione nel selettore delle lingue:

Questa sezione consente di modificare le bandiere visualizzate sul commutatore di lingua. È possibile visualizzare la bandiera di un altro Paese o la propria bandiera. È inoltre possibile modificare l'aspetto del commutatore di lingua cambiando i nomi delle lingue e le bandiere visualizzate. (Vedere: Come si cambiano le bandiere del commutatore di lingua).

2. Modificare il nome della lingua e il flag

Per modificare il nome e la bandiera della lingua, è possibile accedere alla stessa pagina, ovvero alla Dashboard di Weglot > Progetti > Seleziona un progetto > Impostazioni > Selettore lingua.

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

Lì si può modificare il nome della lingua, in modo da avere il nome che si desidera visualizzare nello switcher sul sito web live:

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

Per cambiare il flag, accertarsi di aver attivato l'opzione "Visualizza flag della lingua nel pulsante" nelle impostazioni dello switcher.

Nella sezione "Aspetto delle lingue", cliccare su "Seleziona una bandiera" per selezionare una bandiera (1). È anche possibile utilizzare la barra di ricerca (2) per trovare una bandiera:

Ora, tornate al vostro sito web e potrete vedere la nuova bandiera aggiunta nel selettore di lingua. Seguendo il nostro esempio, abbiamo la bandiera degli Stati Uniti d'America qui sotto:

Inoltre, se si desidera rimuovere la bandierina aggiunta in precedenza e tornare alla bandierina originale, fare clic su"Seleziona una bandierina" nel selettore delle bandierine e la bandierina verrà rimossa:

3. Utilizzare l'editor di commutazione

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

Come si usa l'Editor di commutazione?

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

Nella Dashboard di Weglot > Impostazioni > Selettore di lingua, è possibile aggiungere un 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!