Hoe voeg je een taalmenu toe in WordPress

Denk je erover om een WordPress-taalmenu aan je website toe te voegen, zodat je de taal van je site kunt aanpassen? Zo ja, lees dan verder!

Door een taalschakelaar aan je WordPress-site toe te voegen en je content te vertalen, zodat bezoekers deze in hun eigen taal kunnen lezen, kun je nieuwe markten aanboren, meer kansen creëren op het gebied van SEO en online zichtbaarheid, en vertrouwen opbouwen bij een nieuw publiek. Weet je niet zeker welke plug-in je moet gebruiken? Bekijk dan onze vergelijking op vande beste meertalige WordPress-plug-ins op .

Met Weglot kun je in minder dan 5 minuten meerdere talen toevoegen aan je WordPress-site of WooCommerce , zonder dat je daarvoor hoeft te programmeren.

In dit artikel geven we een gedetailleerde stap-voor-staphandleiding over hoe je een WordPress-taalswitcher kunt toevoegen aan je site en hoe je deze kunt aanpassen aan het ontwerp van je site.

Handleiding: een WordPress-taalswitcher toevoegen met Weglot

Een WordPress-taalkeuzeschakelaar is een navigatie-element waarmee bezoekers hun voorkeurstaal kunnen selecteren en kunnen schakelen tussen de vertaalde versies van uw site. U kunt er een toevoegen aan elke WordPress-site door een vertaalplug-in te installeren, uw talen te selecteren en de schakelaar via een shortcode in uw menu, widgetgebied of op een pagina te plaatsen.

Met Weglot, een door AI aangestuurdeplug-in voor automatische vertaling ( ) voor WordPress, kun je binnen 5 minuten meerdere talen aan je website toevoegen en het ontwerp aanpassen zonder te hoeven programmeren. Dezelfde installatie werkt ook voor WooCommerce : de taalkeuzeknop ziet er hetzelfde uit en werkt op identieke wijze, of je nu een standaard WordPress-website of een WooCommerce beheert.

Je kunt ervoor kiezen om een WordPress-taalswitcher aan je site toe te voegen op verschillende plaatsen, waaronder in je menu, in een widget of in de broncode van je HTML-pagina. 

In deze tutorial tonen we hoe je een taalswitcher toevoegt aan de navigatie van je site. Standaard voegt Weglot de taalswitcher toe aan de linkeronderkant van je site. We laten zien hoe je deze kunt verplaatsen via de instellingen of met behulp van Weglots Visuele editor. 

Stap 1: Installeer en activeer de Weglot

Installeer en activeer de Weglot plugin op je WordPress site. Maak vervolgens een Weglot account aan, waar je je vertalingen kunt beheren en bewerken en je unieke API-sleutel voor de integratie kunt krijgen.

Stap 2: Koppel Weglot selecteer je talen

Druk op de Weglot-tab in je WordPress-dashboard en voeg je API-sleutel toe. Selecteer de oorspronkelijke taal van je site en de taal of talen die je wilt toevoegen en druk op 'Opslaan'. 

Stap 3: Controleer je website en de taalkeuzeschakelaar

Uw WordPress-website is nu meertalig! Weglot de inhoud van uw site automatisch gedetecteerd, deze met behulp van AI vertaald en weergegeven in taalsubmappen.

Neem een kijkje op de front-end van uw site en u ziet rechtsonder een nieuwe WordPress-taalkeuzeschakelaar.

Als je erop klikt, worden de beschikbare talen weergegeven en kun je de vertaling van je voorkeur kiezen en weergeven.

Dit is het standaardontwerp dat wordt geleverd met Weglot. Je kunt nu het uiterlijk en de locatie van je WordPress-taalmenu op een paar verschillende manieren aanpassen.

Je WordPress-taalmenu aanpassen

Om te beginnen met het maken van basisaanpassingen, ga je naar Weglot-taalknopontwerp (Optioneel) in de WordPress-backend. Op dit scherm kun je kiezen uit:

• Of er een vervolgkeuzemenu moet worden gebruikt;
• Of je vlaggen wilt gebruiken in je taalmenu, en het type daarvan'
• Of je de namen van je talen weergeeft;
• Of je alleen de taalcode weergeeft.

Er is ook een sectie voor het overschrijven van CSS en het vervangen door je eigen aangepaste taalmenu's. We komen hier later op terug. Laten we nu de taalswitcher aanpassen, zodat de taalnamen zonder vlaggen worden weergegeven, maar het vervolgkeuzemenu behouden.

Haal hiervoor het vinkje weg bij 'Met vlaggen' en zet een vinkje bij 'Is volledige naam'. Bekijk vervolgens je site:

‍

U kunt ook enkele geavanceerde aanpassingen doorvoeren. Laten we bijvoorbeeld de taalschakelaar weergeven in het navigatiemenu of de zijbalk.

Opties voor de plaatsing van de taalschakelaar

Er zijn verschillende manieren om dit te doen: via een menu, als widget, met een shortcode, via HTML of als zwevende knop die in de hoek van het scherm blijft staan terwijl de gebruiker scrolt. Je kunt de schakelaar ook rechtstreeks in de inhoud van een bericht of pagina plaatsen met de shortcode [weglot] – plak deze in je pagina-editor op de plek waar je hem wilt weergeven. De schakelaar Weglot werkt met alle WordPress-thema's, inclusief FSE- en blokthema's.

Ga terug naar het Weglot-scherm in het WordPress-dashboard en scrol naar beneden tot je opties ziet om de taalswitcher weer te geven:

Volg de aanwijzingen, afhankelijk van waar je de taalswitcher wilt hebben. In dit geval gaan we naar 'Uiterlijk -> menu' en slepen we de switcher om de volgorde van de items in het menu te wijzigen. 

Als je klaar bent en je wijzigingen hebt opgeslagen, bekijk dan je frontend nog eens:

Hoewel de taalswitcher in de header staat, wordt hij niet op de juiste manier weergegeven. Je zou ook inline taalcodes kunnen gebruiken in plaats van een vervolgkeuzemenu.

Geavanceerde taalwisselaarstyling

Daarbij gebruik je CSS. Schakel eerst de vervolgkeuzelijst uit in het Weglot-menu in WordPress. Vink vervolgens het vakje aan om taalcodes weer te geven.

Vanaf hier kun je het tekstgebied Override CSS gebruiken om selectors in te stellen voor je lettertypen, kleuren en tekstgewicht, zodat het past bij het ontwerp van je site:

Bekijk vervolgens je ontwerp aan de frontend:

Met de juiste plaatsing en een paar regels CSS kun je de taalswitcher van Weglot eenvoudig aanpassen aan jouw site, zonder dat je complexe sjablonen hoeft te bewerken of kennis van HTML of PHP nodig hebt. 

Gepersonaliseerde CSS-aanpassingen zijn optioneel. Je kunt het ontwerp verplaatsen en wijzigen via de opties die beschikbaar zijn in de Weglot-tabsectie van je WordPress-admin. 

Je kunt ook Weglots Visuele editor gebruiken als je het liever visueel aanpakt. 

Met de visuele editor van de taalswitcher kun je dezelfde instellingen beheren als in je WordPress-dashboard. Je kunt de switcher naar de gewenste positie slepen en vervolgens op 'Opslaan' drukken om de wijzigingen live op je WordPress-site te zetten. 

Best practices voor het weergeven van WordPress-taalmenu's

Taalswitchers vallen vaak uiteen in twee kampen met relevante kenmerken:

• Niet-bestaand. Met andere woorden, de website biedt helemaal geen vertalingen.
• Het is moeilijk te vinden. De taalschakelaar kan verborgen zijn in de navigatie of op een andere locatie, waardoor de gebruiker verstoppertje moet spelen en een slechte gebruikerservaring krijgt.
• Gemakkelijk te vinden. Misschien vind je de WordPress-taalswitcher op een duidelijke, relevante plek, zoals in de header of footer.
• Heel gemakkelijk te vinden. Je hebt geluk als de WordPress-taalswitcher op een prominente plek op het scherm staat, zoals in de header. Zo kun je snel de juiste taal kiezen.

Daarom is het cruciaal dat u het de bezoekers van uw site gemakkelijk maakt om een voorkeurstaal te kiezen en dat u de internationale bezoekers van uw site een gebruiksvriendelijke ervaring biedt. In een ideale wereld zou u dit moeten kunnen doen zonder add-ons. Overweeg daarom het volgende:

1. Kies je talenopties zorgvuldig. Het is niet omdat je elke taal kunt inschakelen dat je dat ook moet doen; je moet alleen de talen activeren die je nodig hebt. 
2. Zorg dat je taalswitcher gemakkelijk te vinden is. Het is een goed idee om je taalswitcher in de header of footer van je pagina te plaatsen. Voor mobiele apparaten vind je de taalswitcher vaak in de hoofdnavigatie als menu-item.
3. Geef je WordPress0taalswitcher een stijl die bij je ontwerp past. Hoewel het verleidelijk kan zijn om de algemene taalswitcher te gebruiken, is het een goed idee om deze aan te passen aan de look van je site.
4. Selecteer vlaggen of namen voor de door jou gekozen talen. Hoewel vlaggen om veel redenen verleidelijk zijn voor ontwerpers om te gebruiken (ze zijn kleurrijk, iconisch en ruimtebesparend), zijn vlaggen niet ontworpen om talen af te beelden. Dit levert verschillende problemen op.

Drie voorbeelden van succesvolle taalswitchers

Je ziet vaak taalswitchers als je op het web surft. Als je geen andere taal spreekt (of niet naar een optie zoekt), ben je je er misschien niet van bewust hoe divers ze kunnen zijn qua ontwerp en locatie op de pagina.

1. Microsoft Translator

De Microsoft Translator-site laat bezoekers kiezen uit bijna 40 talen met behulp van een dropdown (of in dit geval, een 'drop-up') in de buurt van de voettekst van de pagina. Ze hebben er ook voor gekozen om elke taalnaam volledig weer te geven in de moedertaal. Hierdoor kunnen bezoekers hun taal in één oogopslag herkennen en zijn de opties om van taal te wisselen duidelijk.

2. Etsy

Als internationale marktplaats waar ambachtelijke mensen hun handgemaakte producten kunnen verkopen, is het geen verrassing dat Etsy een goed ontworpen taalmenu biedt. Je vindt deze in de voettekst van elke pagina op hun site.

Je kunt een regio, taal en valuta kiezen. Als je hierop klikt, verschijnt er een pop-upvenster waarin je al deze opties kunt aanpassen – een overzichtelijke aanpak die voorkomt dat gebruikers naar een regionale website moeten navigeren.

3. Evernote

De populaire notitie-app Evernote houdt zijn taalmenu eenvoudig en gebruikt een vervolgkeuzemenu in de voettekst om van taal te wisselen.

Het is gemakkelijk te vinden en duidelijk gelabeld – wat bewijst dat een minimalistische schakelaar toch een heldere, soepele ervaring kan bieden.

Krijg een goed ontworpen WordPress-taalswitcher

Met de juiste tools is het heel eenvoudig om een WordPress-taalkeuzeschakelaar aan je site toe te voegen. Met Weglot krijg je automatisch een taalkeuzeschakelaar, volledige AI-vertaling vanaf dag één en volledige controle over het bewerken – je hebt geen ontwikkelaar nodig. De vertaaltool werkt op de achtergrond en zorgt ervoor dat je vertalingen up-to-date en in lijn met je huisstijl blijven, zonder dat je er iets voor hoeft te doen. U kunt ook automatische omleiding inschakelen via uw Weglot – deze detecteert de browsertaal van een bezoeker en toont automatisch de juiste taalversie van uw site.

Weglot bovendien ontwikkeld met het oog op meertalige SEO. Het maakt automatisch taalsubmappen aan voor elke vertaalde versie van uw website. Het voegt hreflang-tags toe en vertaalt uw metagegevens. Zoekmachines kunnen elke taalversie vanaf dag één vinden en indexeren.

Kies een WordPress vertaalplugin die ook gebouwd is met meertalige SEO in gedachten. Dankzij automatisch aangemaakte taal subdirectories, vertaalde metadata, hreflang tag implementatie, zorgt Weglot voor de technische, SEO en vertaling van je meertalige site.

Klaar om een WordPress-taalkeuzeschakelaar aan je website toe te voegen? Ga aan de slag met Weglothet gratis abonnementWeglot; je hebt geen creditcard nodig.