Meertalig
Giuliomax Menu Builder werkt naadloos samen met de populairste WordPress-vertaalplugins. Je kunt één menu bouwen en het automatisch laten aanpassen aan de taal van de bezoeker, zonder dubbel configuratiewerk.
WPML
Met WPML (WordPress Multilingual Plugin) kun je voor elke taal afzonderlijke menu-items vertalen en tonen.
- Installeer en configureer WPML zoals gebruikelijk.
- Ga naar Weergave › Menu's en vertaal de menu-items via het WPML-menu-vertaalscherm.
- Wijs het vertaalde menu toe aan de locatie die Giuliomax Menu Builder uitleest.
- De plugin detecteert automatisch de actieve taal van WPML en toont het bijbehorende menu.
Tip: gebruik de WPML-widget voor de taalkiezer en voeg deze toe aan het header-gedeelte van je thema om bezoekers eenvoudig te laten schakelen.
Polylang
Polylang gebruikt hetzelfde WordPress-menusysteem. Elke taal krijgt zijn eigen menulocatie-toewijzing.
- Maak per taal een aparte versie van het menu aan in Weergave › Menu's.
- Wijs elk menu toe aan de juiste menulocatie voor de bijbehorende taal.
- Polylang zorgt er automatisch voor dat de juiste locatie-toewijzing actief is op basis van de bezochte taal.
- Giuliomax Menu Builder leest de actieve menulocatie uit en geeft het correcte menu weer.
TranslatePress
TranslatePress vertaalt de volledige pagina, inclusief menu-items, via een visuele vertaalinterface.
- Installeer TranslatePress en voeg je doeltalen toe in de instellingen.
- Gebruik de visuele vertaler (tandwiel op de frontend) om menu-items rechtstreeks op de pagina te vertalen.
- TranslatePress slaat de vertalingen op en past ze toe op elke pagina, ook op de menuitems van Giuliomax Menu Builder.
Opmerking: custom HTML-blokken en megamenu-inhoud worden ook vertaald zolang de tekst zichtbaar is in de DOM tijdens het vertalen.
Handmatige aanpak zonder plugin
Als je geen vertaalplugin gebruikt, kun je toch meertalige menu's aanbieden via WordPress-paginastructuur:
- Maak voor elke taal een aparte menustructuur aan en wijs die toe aan dezelfde locatie via conditionele code in
functions.php. - Gebruik een sessie- of cookie-gebaseerde taalkiezer om de taalvoorkeur op te slaan en de juiste menu-structuur te laden.
- Verwijs menu-items naar vertaalde pagina-URL's (
/en/about/,/it/chi-siamo/).
RTL-taalondersteuning
Giuliomax Menu Builder detecteert automatisch de RTL-richting (rechts naar links) op basis van het dir="rtl"-attribuut op het <html>-element, ingesteld door WPML of Polylang.
- Dropdowns openen naar links in plaats van rechts.
- Megamenu-kolommen worden in omgekeerde volgorde weergegeven.
- Het mobiele menu-icoontje en de sluitknop worden gespiegeld.
- Marges, paddings en pijltjes worden automatisch omgekeerd via logische CSS-eigenschappen.
Best practices
- Test het menu in elke taal na het vertalen om te controleren of alle labels, tooltips en megamenu-titels correct zijn.
- Gebruik hreflang-tags op je pagina's voor correcte SEO-indexering per taal.
- Zorg dat de sluiting (
Esc-toets) en focus-volgorde ook in RTL-talen correct werken — test dit met een schermlezer. - Sla vertaalde badge-labels en aankondigingsteksten op in de vertaalplugin, niet hardgecodeerd in de HTML-output.