Hoe WordPress Sidebar automatisch aan te passen aan inhoudshoogte

Widgets maken het super eenvoudig om leuke dingen toe te voegen aan onze WordPress zijbalk. Soms kunnen uw zijbalken echter veel langer worden dan het daadwerkelijke inhoudsgebied. Onlangs vroeg een gebruiker of er een manier was om de zijbalkhoogte automatisch hetzelfde te maken als het inhoudsgebied om het symmetrisch te maken. In dit artikel laten we u zien hoe u de WordPress zijbalk automatisch aanpast aan de inhoudshoogte.

Video-instructies

Als je de video niet leuk vindt of meer instructies nodig hebt, ga dan door met lezen.

Eerst moet u de SidebarAutomizer-plug-in installeren en activeren. Ga bij activering naar Instellingen »sidebarAutomizer om de plug-in te configureren.

U kunt de hoogte van uw zijbalk automatisch aanpassen door de div-ID of Class in te voeren voor de inhoud en zijbalkcontainers. Deze waarden verschillen voor elk thema. Daarom kan de plug-in ze niet automatisch detecteren. Het vinden van deze waarden is eenvoudig. Het enige dat u hoeft te doen, is uw website openen in Google Chrome en Inspect Element openen door met de rechtermuisknop ergens op uw website te klikken.

Hiermee wordt uw browserscherm gesplitst in drie secties. Op het scherm linksonder kunt u de HTML-broncode voor uw pagina bekijken. Als u uw muis over verschillende elementen in de HTML-bron beweegt, worden deze gemarkeerd in het bovenste venster. U moet de div vinden die het hoofdinhoudsgebied bevat.

Zoals u kunt zien, gebruikt de div in het bovenstaande gedeelte van de div-inhoud het primaire gedeelte van de ID en de sitecontent van de klasse.

Herhaal nogmaals het inspectie-elementproces om de div-ID of -klasse te vinden die wordt gebruikt voor de zijbalk en voor het afzonderlijke widgetelement.

Dat is alles. U kunt nu uw instellingen opslaan. Ga naar een pagina op uw website waar de zijbalkhoogte langer moet zijn dan het inhoudsgebied. U zult merken dat de plug-in automatisch de extra widgets zal verbergen om de zijbalkhoogte aan te passen.

We hopen dat dit artikel u heeft geholpen om de zijbalk van WordPress automatisch aan te passen aan de hoogte van de inhoud. Misschien wilt u ook kijken hoe widgets op specifieke WordPress-pagina's worden weergegeven / verborgen.

Als je dit artikel leuk vond, meld je dan aan voor onze YouTube-video-tutorials over WordPress. U kunt ons ook vinden op Twitter en Google+.