5. Een taalschakelaar toevoegen

1. De beschikbare opties

Er zijn veel opties beschikbaar om de taalschakelaar te configureren. Zo kun je bijvoorbeeld een vlag tonen voor elke taal of in plaats daarvan een tekstlabel gebruiken. Je kunt er ook voor kiezen om de talen in een dropdownmenu weer te geven. Bekijk de wpMula demo als voorbeeld.

Bekijk de onderstaande lijst voor alle beschikbare opties. Enkele belangrijke instellingen kun je aanpassen in de wpMula-configuratie.

Taalschakelaar opties

– format
default : toon een korte taalcode (nl)
flags : toon links met een vlagafbeelding
title : toon de volledige taalnaam (Nederlands)
flag-title : toon een vlagafbeelding en de volledige taalnaam (Nederlands)
title-flag : toon de volledige taalnaam en een vlagafbeelding
flag-slug : toon een vlagafbeelding en een korte taalcode (nl)
slug-flag : toon een korte taalcode (nl) en een vlagafbeelding

– display
default : toon alle talen
dropdown : toon de huidige taal en de rest in een dropdown

– direction
default : marge aan de rechterkant
left : marge aan de linkerkant
center : items centreren
vertical : items verticaal weergeven

– current
default : verbergen
true : huidige taal weergeven

– wrapper
default : div
ul : ul

– style
Hier kun je je eigen aangepaste CSS-regels toevoegen

– styles_container_padding
15px

– styles_item_padding
15px

– styles_dropdown_bg
#fff

– styles_dropdown_container_padding
0px

– styles_dropdown_item_padding
5px 15px

– styles_flags
height: 20px; width: auto;

– class
Aangepaste class

– classitem
Aangepaste item-class

– classlink
Aangepaste link-class

– divider
Een scheidingsteken tussen talen, bijvoorbeeld “|”

2. Shortcode

De meest eenvoudige manier om een taalschakelaar toe te voegen is met een shortcode. Dit werkt op alle WordPress-sites, omdat shortcodes een WordPress-corefunctie zijn. De shortcode van wpMula werkt op de standaard manier — je kunt alle opties gebruiken die in het vorige onderdeel zijn beschreven als option="value". De standaard shortcode is:

Je kan dus op de onderstaande manier opties toevoegen aan de shortcodes:

Als je de bovenstaande shortcode gebruikt dan wordt je taalschakelaar getoond met vlaggen.