Hoe het ontwerp van de taalswitcher wijzigen?
In dit artikel leer je hoe je je taalswitcher kunt aanpassen en hoe deze eruit ziet.
Met Weglot kun je het ontwerp van je taalswitcher veranderen. Om dat te doen, heb je verschillende mogelijkheden:
1. Wijzig de opties van de taalswitcher
Als je naar je Weglot Dashboard > Projecten > Selecteer een project > Instellingen > Taalswitcher gaat, heb je de mogelijkheid om sommige elementen en weergave te wijzigen:
- De taalnaam (bijvoorbeeld "en" voor Engels)
- De volledige taalnaam
- De taalvlaggen en het type vlaggen (vierkant, cirkel, rechthoek)
- Het type switcher (lijst/dropdown)
Als je hier wijzigingen aanbrengt, klik dan op "Wijzigingen opslaan".
Verderop op de pagina vind je ook het gedeelte "Uiterlijk van de Switcher", waar je de gewenste taal kunt slepen en neerzetten en de positie ervan in de taalswitcher kunt wijzigen:
In dit gedeelte kun je de vlaggen wijzigen die worden weergegeven op je taalswitcher. Je kunt de vlag van een ander land of je eigen vlag weergeven. Je kunt ook het uiterlijk van de taalswitcher wijzigen door de namen van de talen en de weergegeven vlaggen te wijzigen. (Zie: Hoe kan ik de vlaggen van de taalswitcher wijzigen?)
2. Aangepaste CSS toevoegen
Op je Weglot Dashboard > Instellingen > Taalswitcher, heb je de mogelijkheid om wat aangepaste CSS toe te voegen:
Laat je inspireren door verschillende stijlen en voeg je eigen CSS toe. Je vindt enkele voorbeelden van aangepaste CSS in het volgende deel.
3. Gebruik de schakelpeditor
Raadpleeg de volgende specifieke documentatie voor algemeen gebruik van de Switcher Editor:
Hoe gebruik je de Switcher Editor?
Je vindt er verschillende secties in om je eigen switcherontwerp te maken of om enkele van de Weglot-sjablonen te gebruiken.
Raadpleeg het gedeelte Switcher-stijl om er een te gebruiken:
Eenmaal in de sectie vind je een aantal sjablonen die je kunt gebruiken voor je website.
Klik erop om er een te selecteren en plaats hem waar je maar wilt op je webpagina.
4. Maak je eigen aangepaste switcher
Als je liever je eigen ontworpen switcher hebt die past bij de CSS-codes van je website, kun je een aangepaste switcher maken.
Je moet zelf het ontwerp instellen en de Weglot-functies gebruiken om de links te laten verwijzen naar de door jou gekozen talen.
Bekijk hiervoor onze documentatie voor ontwikkelaars over handige JavaScript-functies die je kunt gebruiken:
https://developers.weglot.com/javascript/link-hooks
Heb je feedback op dit artikel? Laat het ons weten!