WordPress - Ontwerp - Hoe verwijder ik een extra knop?

In dit artikel leer je hoe je extra taalswitchers op je WordPress website kunt verwijderen. 

Wanneer er meerdere knoppen worden weergegeven na het toevoegen van de Weglot Switcher aan de eigen menu's van je website, kan het nodig zijn om de overbodige switchers te verwijderen. Om dit te doen, kun je een CSS regel toevoegen om ze te verbergen.

1. Zoek de bovenliggende selector van de switcher 

Eerst kun je een HTML parent element vinden dat de Weglot knop bevat die je wilt verbergen. Je moet een specifieke container vinden zodat alleen de gewenste taalselector verborgen is. 

Om het te vinden kun je het gereedschap Inspector in je browser gebruiken(rechtermuisknop > 'Element inspecteren). 

Laten we bijvoorbeeld zeggen dat we de knop rechtsboven op deze website willen verbergen: 

In de inspectieweergave (onderaan de schermafbeelding) is main-navigation de ID-naam van het element dat de taalswitcher bevat die we willen verwijderen.

Het bevat inderdaad de Weglot-knop die we willen verwijderen (zoals het blauwe gebied bovenaan de schermafbeelding laat zien), maar niet de andere switchers.

Ongeacht de naam van de selector, als het een ' ID', moet je de naam vooraf laten gaan door een pondsteken (# ) en als het een 'klasse', moet u een punt (. ) voor.

Hier zou de CSS selector van het parent element zijn #hoofdnavigatie .

2. Voeg de CSS-regel toe om het bovenliggende element te verbergen

Zodra je de juiste selector hebt gevonden, ga je naar je WordPress Dashboard > Weglot plugin instellingen > CSS overschrijven en plak je de volgende code: 

[INSERT THE_PARENT_SELECTOR HERE] .wg-li {
    display: none !important;
}

Hier is een voorbeeld van hoe het eruit zou moeten zien (volgens het vorige voorbeeld):

3. Klik op de knop 'Wijzigingen opslaan' en je bent klaar!

De gerelateerde extra knop wordt niet meer weergegeven.