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 del commutatore", dove è possibile trascinare e rilasciare la lingua desiderata e modificarne la posizione nel commutatore di 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. 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.

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. 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!