Home / WordPress / Verschillende sidebars per pagina in WordPress

Verschillende sidebars per pagina in WordPress

Verschillende sidebars per pagina in WordPress

Op een WordPress-website heb je in de meeste gevallen de mogelijkheid om een sidebar in te stellen die op alle pagina’s getoond wordt.

Dit is ook meteen het ding. Wat nou als je op een bepaalde pagina een andere sidebar wilt hebben? Of bijvoorbeeld een andere footer.

Bij enkele thema’s zit deze functionaliteit ingebouwd, maar bij de meeste thema’s zal je het anders moeten oplossen en kom je niet verder dan het kiezen van wel of geen sidebar tonen.

In dit artikel laat ik je zien hoe je ervoor kunt zorgen dat je zelf kunt bepalen welke sidebar je toont per pagina op je WordPress website. Zo kun jij jouw belangrijke pagina’s net iets extra’s geven.

Video: WordPress verschilende sidebars

In onderstaande video kun je over mijn schouder meekijken hoe je verschillende sidebars kunt instellen per pagina op jouw WordPress-website.

Abonneer je op mijn YouTube kanaal

Wil je liever de tekstuitleg of meer informatie, dan kun je hieronder verder lezen.

Verschillende sidebars maken in WordPress

Custom sidebars

Om ervoor te zorgen dat je unieke sidebars kunt maken voor verschillende pagina’s op je WordPress-website, kun je de plugin Custom Sidebars installeren.

Zodra je deze plugin hebt geactiveerd op je website kun je naar “Weergave -> Widgets” gaan en zal je een nieuw onderdeel zien, namelijk de knop “Maak een nieuwe sidebar” en een kolom met Speciale Sidebars.

Nieuwe WordPress sidebar maken

In de kolom Speciale Sidebars staan alle sidebars die je zelf aan hebt gemaakt. In de kolom Theme Sidebars staan alle sidebars die al in het thema zaten. Je kunt hier per widget-gebied aangeven of deze vervangen kan worden op een specifieke pagina, door het vinkje aan te laten of weg te halen bij “Allow this sidebar to be replaced”.

In elke sidebar kun je natuurlijk net als normaal widgets toevoegen om ervoor te zorgen dat precies de juiste dingen worden weergegeven.

Hoe maak je een nieuwe sidebar?

Om een nieuwe sidebar aan te maken kun je op de Widgets-pagina in WordPress eenvoudig op de knop “Maak een nieuwe sidebar” klikken.

Nieuw custom sidebar maken

Je hoeft hier alleen maar een naam in te voeren voor de sidebar, zodat je het kunt onderscheiden van de andere sidebars en eventueel kun je ook nog een beschrijving invoeren.

Wil je andere HTML classes gebruiken om bijvoorbeeld de opmaak anders te maken, dan kun je ook nog een vinkje zetten bij “Advanced – Edit custom wrapper code”. Je krijgt vervolgens de mogelijkheid om voor en na de titel en voor en na de widget html code toe te voegen.

Geavanceerde opties bij het maken van een nieuwe sidebar

Ideaal dus als je op een belangrijke pagina de sidebar totaal anders wilt vormgeven dan normaal.

Hoe stel je een andere sidebar in op een pagina?

Wanneer je eenmaal de juiste widgets in je sidebar hebt geplaatst, ben je natuurlijk benieuwd hoe je jouw nieuwe sidebar kunt instellen op een bericht of pagina.

Je kunt dit heel eenvoudig doen door een pagina te bewerken. Aan de rechterkant in de editor zie je vervolgens de kolom “Sidebars”, waar je per widget-gebied een andere sidebar kunt instellen.

WordPress verschillende sidebars instellen

Het is simpelweg klikken op het widget-gebied waar je een andere sidebar wilt hebben en vervolgens de juiste sidebar uitkiezen in het dropdown-menu.

Eenmaal de juiste sidebar uitgekozen, kun je de pagina bijwerken en dan is de andere sidebar op de pagina te zien. Meer werk is het niet.

Ik ben zelf altijd enthousiast over deze handige plugin. Het geeft je de mogelijkheid om de pagina’s op je website net wat beter in te richten. Alhoewel je dus op alle pagina’s van je website een andere sidebar kunt instellen, moet je natuurlijk wel zorgen dat het toegevoegde waarde heeft.

Het is dan ook zeker geen probleem om op de meeste pagina’s gewoon de standaard sidebar te gebruiken en op slechts een aantal pagina’s een compleet andere sidebar.


WordPress Hulp Nodig? Join Het WP Lab

Het WordPress Lab Mockup

Heb je vragen aan de hand van dit artikel of wil je verder op weg geholpen worden met je website?

Sluit je aan bij Het WordPress lab, een community voor WordPress-liefhebbers waarin ik antwoord geef op jouw WordPress vragen en je toegang krijgt tot al mijn WordPress cursussen.

«
»

26 reacties op “Verschillende sidebars per pagina in WordPress”

  1. Ingrid avatar

    Hoi,
    Ik zie mijn sidebar niet op mijn pagina’s. Heb bij widgets in de mainsidebar prductcategoriën en winkelmand toegevoegd maar op de pagina’s zie ik geen sidebar. Weet jij hoe ik dat kan instellen?

    1. Maikel van de Weerd avatar

      Wanneer het er standaard niet is, dan kan het zijn dat je hier iets over kunt terugvinden in de thema instellingen of je kunt het per pagina instellen.

  2. Yvon avatar

    Beste Maikel,
    is het mogelijk om de sidebars aan categorieën toe te voegen?
    Groetjes Yvon

  3. Zeno avatar

    Hi, Ik heb een probleempje. Ik heb onder mijn menu een grote foto geplaatst (over de breedte) echter zodra ik een sidebar aan de rechterkant selecteer, gaat de sidebar door tot aan het menu aan de bovenkant. Ik wil dat mijn sidebar start vanaf de foto. Hoe kan ik dit instellen?

    1. Maikel van de Weerd avatar

      Zo te zien werk je met Elementor. Je zal daar de pagina anders moeten opbouwen gok ik zo.

    2. Amy avatar

      Hoi Zeno,

      Heb je hier al een oplossing voor gevonden? Ik maak ook gebruik van elementor.

  4. Wille avatar
    Wille

    Dag Maikel,

    Even een kort vraagje, is het ook mogelijk om een tweede sidebar toe te voegen via deze tool?
    Linkerzijde heb je dan bijv. de categorien en zoekfunctie, en aan de rechterzijde wil ik graag de winkelmand toegevoegd zien.

    Dank!

    1. Maikel van de Weerd avatar

      Nee, dit is niet mogelijk. Om dit te bereiken zal je aan thema aanpassingen moeten doen zodat je deze mogelijkheid wel hebt..

  5. Maikel van de Weerd avatar

    Zo te zien maak je gebruik van een cache plugin (w3 total cache). Ik denk dat deze verkeerd ingesteld staat, waardoor je de veranderingen niet direct kunt zien en het niet lijkt te werken. Het is dus even zaak om dit beter in te stellen (in elk geval sowieso voor ingelogde gebruikers niks cachen).

    Het ander zal ook kunnen, ik denk dat het met een soort van pagebuilder is ingesteld allemaal? Zal vermoedelijk ook een instelling of iets zijn.

    De foutmelding op de website krijg je overigens omdat het SSL-certificaat niet goed is waar je gebruik van maakt.

    1. Marjon avatar
      Marjon

      Dank je, Maikel. Ik ga er morgen naar kijken.
      Met de SSL ben ik idd bezig, ik begreep vandaag dat het daar aan lag. Maar dank voor je toevoeging!

  6. Marjon avatar

    Hoi Maikel,
    Ik dacht dit is precies wat ik zoek….. Ben meteen aan de gang gegaan…. Helaas….
    Ik heb nu een pagina met de oude side bar, terwijl alle side bars zijn uitgeklikt. Aanvankelijk was het een full width pagina, ik heb daar in WP een side bar naast gezet.Toen dat werkte ben ik gaan zoeken hoe ik deze kan customizen. De video precies opgevolgd.
    Ik heb nu een pagina met een sidebar van de template, die niet vervangen wordt door mijn nieuwe. Ook al staat het vervangen mogelijk wel aangevinkt.
    Ook krijg ik deze sidebar niet meer weg, zelfs niet nu ik bij alle mogelijke opties in de instellingen geen sidebar er meer in heb staan en ook in het alle pagina’s overzicht in de side bar kolom niets staat.
    Wat nu? Liever geen sidebar, dan deze sidebar…

    Ik zet hieronder de link naar de pagina. Deze geeft nog een foutmelding, dat moet ik nog uitzoeken.

    Dank en groeten,
    Marjon

    1. Marjon avatar
      Marjon

      Ik wilde nog iets toevoegen bij mijn vorige reactie, maar die zie ik even niet meer. Zeker voor goedkeuring nog even in de wacht 😉
      De sidebar die ik heb toegevoegd, gaat ook achter de schermbrede banner. Uiteraard zou ik graag willen dat de sidebar onder de banner begint. Kan dat ook?

  7. Titia avatar

    Duidelijke video. Het is in één keer gelukt om een andere sidebar aan te maken. Dank!

    1. Maikel van de Weerd avatar

      Fijn om te horen dat het je gelukt is. 🙂

  8. jannet avatar

    Hallo Maikel,
    Ik heb je aanwijzingen gevolgd. Ik heb de sidebar aangemaakt en ben naar de pagina gegaan om de juiste sidebar in te stellen. Ik heb 1 sidebar uitgekozen, op bijwerken gedrukt, maar er gebeurt helemaal niets. Ik krijg geen sidebar te zien op mijn webpagina. Enig idee hoe dat kan?

    Vast bedankt!

    Jannet

    1. Maikel van de Weerd avatar

      Zie je normaal wel een sidebar op een pagina? De plugin zorgt er namelijk niet voor dat er opeens uit het niets een sidebar ontstaat op een pagina, deze moet al aanwezig zijn.

  9. Maurice Schelling avatar

    Hallo Maikel,

    Het is me gelukt om de linker sidebar onzichtbaar te maken, maar de ruimte is blanco en wordt niet automatische opgevuld door de content van de middel kolom. Kan ik dit op een of andere manier veranderen?

    Hartelijke groet,

    Maurice Schelling

    1. Maikel van de Weerd avatar

      Daar kan deze plugin je niet bij helpen. Wanneer je dit overal weg wilt hebben, dan zal je dit met behulp van CSS moeten oplossen.

  10. Dries de Swart avatar

    Dag Maikel

    Het kunnen maken van verschillende sidebars, was eigenlijk precies wat ik zocht. Snel aan de gang gegaan na studie van tekst en video. Installeren en activeren ging zoals altijd vanzelf, maar toen ging het mis.
    Na drukken op weergaven widget, kreeg ik precies de sitebar gegevens die ik altijd krijg. Echter met een toevoeging:

    Accessibility mode is not supported by the Custom Sidebars plugin.
    Click here to disable accessibility mode and use the Custom Sidebars plugin!

    Deze widget had ik ook om letters in verschillende formaten te kunnen zetten. Disable had geen zin, er gebeurde niets. Toen deze widget op disable en tenslotte helemaal gewist. Zelfs voor de zekerheid de computer opnieuw gestart. Het resultaat blijft hetzelfde. Dezelfde melding.

    Weet je hier een oplossing voor.

    Ik wil eigenlijk een pagina met blog maken, waar dan een andere sitebar bij komt. Liefst ook de foto in de kop van de header ook weg. Misschien is daar een andere oplossing voor waarbij ik ook verschillende letterformaten kan gebruiken voor mijn minder goed ziende lezers. Wordpress versie is 4.7.1.

    Mijn website is http://www.nieuwsgorinchem.nl.

    Ik hoop dat je en oplossing voor mij weet. Ben half november met wordpress begonnen. Ben 69 jaar en beslist niet thuis in te technische handelingen.

    groeten Dries

    1. Maikel van de Weerd avatar

      Volgens mij bedoelen ze niet een specifieke widget die je moet uitzetten. Ik heb het vermoeden dat je de toegankelijkheidsmodus aan hebt staan en dit moet je uitzetten om gebruik te maken van de plugin.

      Je kunt dit deactiveren door naar “Weergave -> Widgets” te gaan en rechtsboven op scherminstellingen te klikken. Je zal dan maar 1 optie te zien krijgen en dat is om de toegankelijkheidsmodus uit te schakelen.

      1. Dries de Swart avatar

        Bedankt Maikel,

        Een kort antwoord op een lange vraag, maar het werkt als een trein. Bedankt. Nog één vraag. Moet ik de toegangkelijkheidsmodus nu weer activeren of laat ik dat nu zo?

        groet
        Dries

        1. Maikel van de Weerd avatar

          Nee, wanneer je dit weer aanzet zal het denk ik niet meer goed werken. Je kunt het dus het beste gedeactiveerd laten staan.

          1. Dries de Swart avatar

            nogmaals dank

            groet
            Dries

  11. Dirk JW Detmar avatar

    Goed stuk Maikel,

    Ik ga het proberen.
    Maar ik moet je eerlijk bekennen dat ik altijd huiverig ben om iets uit te proberen omdat ik bang ben te verliezen wat ik al heb.
    Waarom ik daar bang voor ben? Wel voorheen bouwde ik mijn webpagina’s helemaal zelfstandig en had zodoende de controle. Maar sinds ik een blog wilde en me realiseerde hoeveel nieuwe talen ik me eigen zou moeten maken, heb ik gekozen voor Wordpress. Dat is een goede keuze gebleken hoewel ik nog worstel met o.a. menu’s. Dat is waarom ik de voorgestelde plugin ga uitproberen. Met angst in mijn hart, dat wel.

    1. Maikel van de Weerd avatar

      Je kunt altijd een back-up maken voordat je wijzigingen aanbrengt, zodat je zeker weet dat je terug kunt gaan naar hoe de situatie in eerste instantie was.

      Ik verwacht echter geen problemen met deze plugin. Mocht de plugin niet bevallen, dan is alles zodra je de plugin uitschakelt gewoon weer zoals het was.

      Succes in elk geval. 🙂