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 taalkiezer aan je WordPress-site toe te voegen en je inhoud 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 van de beste WordPress-plug-ins voor taalkiezers.

Met Weglot kun je zonder te programmeren meerdere talen toevoegen aan je WordPress-website of WooCommerce -webshop, en elke vertaling in context controleren voordat deze live gaat.

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.

Weglot 2.0 bouwt voort op de ‘ Weglot ’ die je al kent: een door AI aangestuurde vertaalplugin voor WordPress die automatisch een taalschakelaar toevoegt, je site zonder code vertaalt met behulp van AI-vertalingen die zijn afgestemd op je merk, en SEO-vriendelijke taalsubmappen aanmaakt met hreflang-tags en vertaalde metagegevens. Je kunt ervoor kiezen om een WordPress-taalschakelaar op verschillende plaatsen aan je site toe te voegen, bijvoorbeeld in je menu, in een widget of in de broncode van je HTML-pagina. 

In deze tutorial voegen we een taalschakelaar toe aan de navigatie van je website. Standaard plaatst Weglot de taalschakelaar rechtsonder op je website. Vervolgens laten we je zien hoe je deze kunt verplaatsen via de instellingen van je plug-in of via Visual Editor op Weglot, waar je met de Switcher Editor ook het ontwerp kunt aanpassen. 

Stap 1: Installeer en activeer de Weglot

Installeer en activeer de plug-in ‘Weglot ’ op je WordPress-site. Maak vervolgens een account aan bij ‘ Weglot ’: tijdens de installatie voer je de URL van je site in, kies je de bron- en doeltaal en stel je je ‘Brand Voice’ en vertaalrichtlijnen in, zodat de vertalingen aansluiten bij jouw schrijfstijl. Via je dashboard op Weglot kun je je vertalingen beheren en bewerken en je unieke API-sleutel kopiëren voor de integratie.

Stap 2: Koppel Weglot selecteer je talen

Klik in je WordPress-dashboard op het tabblad ‘ Weglot ’ en open Instellingenen plak je API-sleutel. Je oorspronkelijke taal en de talen die je hebt gekozen toen je je project aanmaakte, verschijnen hieronder (om deze later te wijzigen, ga je naar je ' Weglot '-dashboard). Klik 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 aanbrengen van eenvoudige aanpassingen, ga je naar Weglot > Instellingen in het WordPress-beheergedeelte. De Taalkeuze kunt u de plaatsing instellen: in een menu, in een widget, met een shortcode of in de broncode van uw pagina (we zullen dit hieronder stap voor stap doorlopen):

Het uiterlijk van de schakelaar wordt ingesteld in de Switcher Editor, die je kunt openen via Weglot’s Visual Editor wanneer je op de taalschakelaar op je website klikt. In de editor kun je het volgende kiezen:

• 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 veld voor aangepaste CSS voor je eigen selectors, en daar komen we zo meteen op terug. Laten we voorlopig de taalschakelaar aanpassen zodat de taalnamen zonder vlaggetjes worden weergegeven, maar het dropdown-menu behouden blijft.

Schakel hiervoor de vlaggetjes uit en zet de volledige taalnamen aan; klik vervolgens op Opslaanen 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

Je kunt de Weglot op vijf plaatsen weergeven:

• Menu: Ga naar Weergave > Menu’s, selecteer je menu en vink Weglot aan en sleep het naar de gewenste positie.
• Widget: Ga naar Weergave > Widgets en voeg de Weglot toe aan een willekeurig widgetgebied (koptekst, zijbalk of voettekst).
• Shortcode: Plak [weglot] in een willekeurige pagina, bericht of sjabloon waar je de schakelaar wilt weergeven.
• HTML / broncode: Voeg de schakelaar rechtstreeks toe aan de HTML-code van je pagina, zodat je volledige controle hebt over de plaatsing.
• Zwevende knop: Plaats de schakelaar in een vaste hoek die zichtbaar blijft terwijl gebruikers scrollen (standaardinstellingWeglot).

De switcher Weglot werkt met alle WordPress-thema’s, inclusief FSE- en blokthema’s.

Om in te stellen waar je taalschakelaar wordt weergegeven, ga je terug naar de sectie 'Taalkeuzeschakelaar' in Weglot > Instellingen (zie hierboven) en volg de link op de kaart voor de gewenste plaatsing. In dit geval gaan we naar Weergave > Menu en slepen we de keuzeschakelaar 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 taalschakelaar in de koptekst staat, wordt deze niet correct weergegeven. Je zou ook inline taalcodes kunnen gebruiken in plaats van een vervolgkeuzemenu.

Geavanceerde taalwisselaarstyling

Hier kom je CSS van pas. Schakel in de Switcher Editor (waarover hieronder meer) de dropdown-indeling uit, laat taalcodes zien in plaats van volledige namen en voeg een paar selectors toe voor je lettertypen, kleuren en tekstdikte, zodat de switcher bij het ontwerp van je site past. Dit is het resultaat aan de voorkant:

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. 

Let op: het aanpassen van de CSS is geheel optioneel. Je kunt het ontwerp aanpassen en wijzigen via de kant-en-klare opties in de Switcher Editor. 

Om deze te openen, ga je naar Weglot’s Visual Editor en klik je op de taalschakelaar op je site. De Switcher Editor verschijnt naast een live voorbeeld, zodat je elke wijziging direct ziet terwijl je deze aanbrengt, en de paneel ‘Aangepaste CSS’ (klik op Aangepaste CSS bewerken om het veld weer te geven) is waar de selectors uit de vorige stap moeten worden ingevoerd: 

Stel de positie en indeling in via het paneel en klik vervolgens op ‘Opslaan’ om de wijzigingen op je WordPress-site door te voeren. 

Best practices voor het weergeven van WordPress-taalmenu's

Mensen die van taal wisselen, vallen doorgaans in een van de volgende vier categorieën:

• Niet-bestaand. Met andere woorden, de website biedt helemaal geen vertalingen.
• Het is moeilijk te vinden. De taalschakelaar zit misschien verstopt in de navigatie of op een andere plek, waardoor de gebruiker een soort verstoppertje moet spelen en de gebruikerservaring erg slecht is.
• 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.

Krijg een goed ontworpen WordPress-taalswitcher

Het toevoegen van een WordPress-taalkeuzeschakelaar aan je site is eenvoudig met de juiste plug-in. Met Weglot krijg je automatisch een taalkeuzeschakelaar, volledige AI-vertaling vanaf dag één, beeldvertaling voor de tekst in je afbeeldingen en volledige bewerkingscontrole – zonder dat je een ontwikkelaar nodig hebt. De plug-in draait op de achtergrond en houdt je merkgerichte vertalingen up-to-date naarmate je inhoud verandert. Je kunt ook automatische omleiding inschakelen via je Weglot -dashboard: deze functie detecteert de taal van de browser van een bezoeker en toont automatisch de juiste taalversie van je site.

Weglot is bovendien ontworpen met het oog op meertalige SEO. Het maakt automatisch taalsubmappen aan voor elke vertaalde versie van uw website, voegt hreflang-tags toe en vertaalt uw metagegevens, zodat zoekmachines en door AI aangestuurde zoekervaringen elke taalversie vanaf dag één kunnen vinden en indexeren.

Kies een WordPress-vertaalplugin die ook is ontwikkeld met het oog op meertalige SEO. Dankzij automatisch aangemaakte taalsubmappen, vertaalde metagegevens en de implementatie van hreflang-tags regelt Weglot zowel de technische aspecten als de SEO en de vertalingen van je meertalige website.

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