WordPress - Ontwerp - Hoe verwijder ik een extra knop?

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

Waarom verschijnen er meerdere taalswitchers?

Als er meerdere taalswitchers worden weergegeven na het toevoegen van de Weglot switcher aan de eigen menu's van je website, moet je misschien de extra taalswitchers verbergen. Dit kan eenvoudig worden gedaan met behulp van een eenvoudige CSS-regel.

1. Identificeer de bovenliggende selector van de taalselector

Zoek eerst het HTML parent element dat de Weglot switcher bevat die je wilt verbergen. Het is belangrijk om de juiste container te vinden om ervoor te zorgen dat alleen de onnodige taalswitcher wordt verborgen.

Hoe de bovenliggende selector te vinden :

1. Open je website in een browser.

   Klik met de rechtermuisknop op de taalswitcher die je wilt verwijderen en selecteer "Inspecteren".

   Identificeer in het paneel Hulpmiddelen voor ontwikkelaars het HTML-element dat de taalswitcher omhult.

   Noteer de ID of klassenaam :

   • Als het een IDvoorafgegaan door # (bijv. #hoofdnavigatie ).
   • Als het een klassevoorafgegaan door.  (bijv. .menu-container ).

Als het parent element bijvoorbeeld de ID hoofdnavigatie zou de overeenkomstige selector zijn :

#main-navigation .wg-li {
    display: none;
}

2. Voeg de CSS-regel toe

1. Ga naar je WordPress dashboard.
2. Navigeer naar Weglot plugin instellingen > CSS overschrijven.
3. Plak de volgende code, ter vervanging van [INSERT_PARENT_SELECTOR_HERE] met de juiste CSS-selector:

[INSERT_PARENT_SELECTOR_HERE] .wg-li {
    display: none;
}

4. Klik op "Wijzigingen opslaan".

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

3. Controleer de wijzigingen

Vernieuw na het opslaan je website om te bevestigen dat de relevante taalswitcher niet langer zichtbaar is. Dat is het! Je hebt met succes de ongewenste taalswitcher van je WordPress site verwijderd.