Share on email
Share on whatsapp
Share on twitter
Share on linkedin
Share on facebook

Social media iconen in menu toevoegen met Elementor

Social media iconen in menu toevoegen op je WordPress website? Als je Elementor Pro gebruikt, kun je eenvoudig de social media iconen toevoegen aan je menu en/of header. Om te beginnen is het handig dat je alvast de links van je social media kanalen bij de hand hebt.

Stap 1: header maken met Elementor

Als je nog geen header hebt gemaakt met Elementor dan doe je dit eerst. Als je gebruik maakt van de header templates die Elementor al aanbiedt, zie je vaak dat de social media iconen in menu zijn geplaatst.

Stap 2: Social media iconen in menu toevoegen

Om social media iconen in menu te plaatsen op je WordPress site, gebruik je de ‘sociale iconen’ widget van Elementor. Deze is ook beschikbaar in de gratis versie (alleen kun je dan geen menu maken). Deze sleep je naar de plek waar je de iconen wilt plaatsen. Wanneer je ze naast het menu wilt hebben, kun je het beste eerst een extra kolom toevoegen. 

Stap 3: Social media iconen instellen in menu

Als je de widget op de juiste plek hebt staan, kun je nu de juiste social media iconen selecteren. Bijvoorbeeld Facebook, Instagram en Twitter. Je kunt eenvoudig social media iconen toevoegen of verwijderen door op ‘item toevoegen ‘ te klikken en op het kruisje om te verwijderen.

Stap 4: Styling van de sociale media iconen in menu

De volgende stap is om de social media iconen te stijlen. Elementor biedt hiervoor een aantal opties:

Vorm van de iconen aanpassen

Je kunt de vorm van de social media iconen aanpassen naar ‘Afgerond’, ‘Vierkant’ of ‘Cirkel’

Kleuren van van de social media iconen aanpassen

Onder het tabblad ‘Stijl’ vind je de optie om de kleuren van de social media iconen in menu aan te passen. Je kunt de officiële kleur van de social media platformen gebruiken, of de iconen zelf een kleur geven die past bij je huisstijl.

Social media iconen vergroten of verkleinen

  • Met de optie ‘Afmeting’ kun je de grootte van de iconen aanpassen. Schuif de balk heen en weer voor het beste resultaat.
  • Met de optie ‘Padding’ kun pas je de grootte van de iconen ten op zichte van de achtergrond aan.
  • Om de afstand tussen te iconen te vergroten of verkleinen, gebruik je de schuifbalk ‘Afstand’

Met de Sociale media iconen widget van Elementor kun je dus eenvoudig social media iconen in menu van je WordPress website toevoegen.

Share on email
Share on whatsapp
Share on linkedin
Share on twitter
Share on facebook
Sanne IJspeerd

Sanne IJspeerd

Sanne is eigenaar van SIJ Web. Ze ontwikkelt WordPress websites met Elementor. Daarnaast ondersteunt ze bedrijven bij de inzet van marketing- en communicatieactiviteiten.

Geef een reactie

Hulp nodig?

We helpen je graag! Stel hieronder je vraag:

Elementor Expert gezocht

tips ontvangen?

Schrijf je in voor onze nieuwsbrief!

We respecteren je privacy.
Je ontvangt max. 1 keer per maand een mail.