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 uiterlijk van je taalschakelaar aanpassen. Er zijn verschillende manieren om dit te doen:
1. Wijzig de opties van de taalswitcher
Om je taalschakelaar aan te passen, ga je naar je Weglot-dashboard > Projecten > Selecteer een project > Instellingen > Taalschakelaar.
Van daaruit kun je verschillende weergaveopties aanpassen, waaronder:
- 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 het gedeelte ‘Talen en weergave’. Hier kun je talen verslepen om de volgorde te wijzigen waarin ze in de taalkeuzeschakelaar worden weergegeven.
In dit gedeelte kun je de vlaggen en taalnamen aanpassen die in je taalkeuzeschakelaar worden weergegeven.
2. Bewerk de taalnaam en vlag
Om de taalnaam en de vlag te wijzigen, ga je naar dezelfde pagina, dat wil zeggen naar je Weglot-dashboard > Projecten > Selecteer een project > Instellingen > Taalkeuzeschakelaar.
Ga naar het gedeelte "Talen uiterlijk" en gebruik de pen aan de rechterkant.
Daar kun je de taalnaam aanpassen, zodat de gewenste naam wordt weergegeven in de taalkeuzeschakelaar op je live website:
Zodra u het gedeelte "Naam in lokale taal" hebt aangepast, kunt u op de knop "Opslaan" klikken.
Om de vlag te wijzigen, moet je ervoor zorgen dat je de optie „Vlaggen van talen weergeven in knop“ in de instellingen van je schakelaar hebt ingeschakeld.
Je kunt ook op "Selecteer een vlag" klikken om een vlag te kiezen. Je kunt de zoekbalk gebruiken om een vlag te vinden:
Ga nu terug naar je website; je zult dan de nieuw toegevoegde vlag in je taalschakelaar zien staan.
Als je bovendien de eerder toegevoegde vlag wilt verwijderen en terug wilt gaan naar de oorspronkelijke vlag, klik dan op‘Selecteer een vlag’ in het vlaggenmenu; hierdoor wordt de vlag verwijderd:
3. De Switcher Editor gebruiken
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 jeWeglot-dashboard > Instellingen > Taalkeuze kun je aangepaste CSS toevoegen:
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!