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 "Talen weergeven", waar je de gewenste taal naartoe kunt slepen 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. Bewerk de taalnaam en vlag
Om de taalnaam en -vlag te wijzigen, kunt u naar dezelfde pagina gaan, dat wil zeggen naar uw Weglot Dashboard > Projecten > Selecteer een project > Instellingen > Taalswitcher.
Ga naar het gedeelte "Talen uiterlijk" en gebruik de pen aan de rechterkant.
Daar kunt u de taalnaam bewerken, zodat de naam die u wilt weergeven in uw switcher op uw live website verschijnt:
Zodra je het gedeelte "Naam lokale taal" hebt aangepast, kun je op de knop "Bewerken" klikken.
Om de vlag te wijzigen, moet je ervoor zorgen dat je de optie "Taalvlaggen weergeven in knop" hebt geactiveerd in de instellingen van je switcher.
Klik in het gedeelte "Talen uiterlijk" op "Selecteer een vlag" om een vlag te selecteren (1). Je kunt ook de zoekbalk (2) gebruiken om een vlag te vinden:
Ga nu terug naar je website en je kunt de nieuw toegevoegde vlag zien in de taalswitcher. In ons voorbeeld staat hieronder de vlag van de Verenigde Staten van Amerika:
Als je de vlag die je eerder hebt toegevoegd wilt verwijderen en terug wilt gaan naar de oorspronkelijke vlag, klik je op'Selecteer een vlag' in de vlaggenselector en wordt de vlag verwijderd:
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 de sectie 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. 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.
5. 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!