Wil je dat de widgets in de sidebar op jouw WordPress website meebewegen wanneer een bezoeker naar beneden scrolt?
Het is een handige functie die ook wel “Sticky Widgets” of “floating sidebar” genoemd wordt en waarmee je ervoor kunt zorgen dat je lezer nooit een lege sidebar te zien krijgt.
Doordat de bezoeker altijd een sidebar in beeld heeft wordt er vaker op een element in de sidebar geklikt.
Scrol in dit artikel gerust naar beneden en blijf de sidebar in de gaten houden om te bekijken wat ik precies bedoel.
In dit artikel zal ik je uitleggen hoe je dit ook op jouw website voor elkaar kunt krijgen.
Q2W3 Fixed Widget (Sticky Widget)
Met behulp van de plugin Q2W3 Fixed Widget (Sticky Widget) kun je het voor elkaar krijgen om een meebewegende sidebar te maken.
In de video hieronder kun je over mijn schouder meekijken hoe de plugin werkt.
Wil je liever de tekstuitleg of meer informatie, dan kun je hieronder verder lezen.
Wanneer je de plugin geïnstalleerd en geactiveerd hebt zal je een extra optie “Fixed Widget” bij alle widgets te zien krijgen.
Het enige wat je eigenlijk hoeft te doen is bij deze optie gewoon een vinkje zetten en de widget opslaan. Ga vervolgens naar de voorkant van je website en scrol naar beneden. Je zal zien dat de widgets in de sidebar meebewegen.
Tip: Selecteer alleen de onderste widgets. Indien je voor de bovenste widget en deze optie niet aanzet voor de widgets eronder, dan overlapt de bovenste widget de overige widgets bij het scrollen.
Naast dat je kunt instellen welke widgets mee moeten bewegen in de sidebar kun je bij “Weergave -> Fixed Widget Options” nog een aantal andere dingen instellen.
Je kunt onder andere aangeven hoeveel ruimte (margin) er tussen de top en footer van je website moet zitten, aangeven of de plugin niet zijn werk hoeft te doen bij smartphones en tablets, en nog een aantal dingen meer.
Wat als Q2W3 Fixed Widget niet werkt?
Bij de meeste WordPress thema’s zal Q2W3 Fixed Widget geen problemen opleveren en gewoon goed werken. Het komt helaas weleens voor dat de plugin niet bij thema werkt en dit kan verschillende oorzaken hebben. Dit zijn de vereisten om het te laten werken:
- jQuery versie 1.7 is minimaal vereist. jQuery 1.8.3 of hoger is aanbevolen;
- Er mogen geen JavaScript fouten zijn (kan veroorzaakt worden door andere plugin);
- Het thema moet gebruikmaken van wp_head () en wp_footer ().
Verder moeten alle widgets ook een unieke ID hebben. Dit probleem wordt in de meeste gevallen verholpen (sinds versie 4.0.4) dankzij de optie “Auto fix widget id” die standaard aanstaat.
Wat zijn de voordelen van een sticky widget plugin?
Er zijn meerdere voordelen te verzinnen om gebruik te maken van een sticky widget plugin. Zo zal bij lange artikelen normaliter niemand meer de sidebar van je website zien aan het einde van het artikel. Met deze plugin kun je er echter voor zorgen dat de sidebar wel altijd zichtbaar is.
Doordat bepaalde widgets in de sidebar altijd zichtbaar zijn kun je het perfect gebruiken om meer nieuwsbrief inschrijvingen te krijgen, je beste artikelen in het zicht te houden of een advertentie altijd zichtbaar te houden.
Ik hoop dat dit artikel je geholpen heeft met het implementeren van meebewegende sidebar widgets op je WordPress website. Wanneer je nog vragen hebt kun je deze hieronder in de reacties stellen.
