Menu icons op je WordPress website toevoegen

02 maart 2022

Één van de mogelijkheden die niet standaard zijn, maar wel vaak gewenst, is het plaatsen van iconen (kleine afbeeldingen) in het WordPress menu. Soms ter vervanging van een woord en soms als “extraatje” naast het woord. Met behulp van een handige plugin kun je dit wel alsnog zelf instellen.

Met behulp van de plugin Menu Icons van Dzikri Aziz kun je zelf heel gemakkelijk en simpel icoontjes toevoegen.

  • Installeer en activeer de plugin.
  • Ga naar het gedeelte waar je het menu kunt beheren (meestal is dit bij Weergave > Menu).
  • Klik op het menu item waar je een icoon aan wilt toevoegen (of die je wilt vervangen door een icoon).
  • Onder het navigatielabel zie je nu een extra optie Icon: select.
  • Klik op het blauwe linkje “select” om een icoon te kiezen.
  • Je krijgt dan een overzicht te zien van beschikbare icons.
  • Klik op de icon die je wilt gebruiken.
  • Aan de rechterkant van het scherm zie je dan verschillende opties.
  • Bij “Hide label” kun je ervoor kiezen om wel/niet het woord óók te laten weergeven. Wil je dus géén woord laten weergeven, maar alleen een icon, dan kies je hier voor “Yes”.
  • Bij “Position” kun je instellen of de icon voor of na het woord weergeven dient te worden.
  • Bij “Vertical align” kun je instellen hoe de verticale uitlijning dient te zijn (ten opzichte van de woorden).
  • En bij “Font size” kun je bepalen hoe groot de icon moet worden weergegeven.
  • Vergeet niet om vervolgens het menu op te slaan ;)

Social media icons

Bovenstaande plugin biedt ook enkele iconen voor social media. Mocht je dit uitgebreider willen, dan is de plugin Menu Social Icons ideaal. Met deze plugin kun je heel simpel social media knoppen toevoegen in het WordPress menu.