Slik justerer du automatisk WordPress Sidebar for å tilpasse innholdshøyde

Widgets gjør det super enkelt å legge til kule ting på vår WordPress sidebar. Noen ganger kan sidebjørene dine bli mye lengre enn det faktiske innholdsområdet. Nylig spurte en bruker om det var en måte å automatisk gjøre sidebjelkens høyde det samme som innholdsområdet for å gjøre det symmetrisk. I denne artikkelen vil vi vise deg hvordan du automatisk tilpasser WordPress sidebjelke for å matche innholdshøyden.

Videoopplæring

Hvis du ikke liker videoen eller trenger mer instruksjoner, fortsett å lese.

Først må du installere og aktivere sidebarAutomizer-plugin. Ved aktivering, gå til Innstillinger »sidebarAutomizer å konfigurere plugin.

Du kan automatisk justere høyden på sidelinjen ved å skrive inn div-ID eller klasse for innholds- og sidefeltbeholdere. Disse verdiene er forskjellige for hvert tema, og derfor kan pluginene ikke automatisk oppdage dem. Å finne disse verdiene er enkelt. Alt du trenger å gjøre er å åpne nettstedet ditt i Google Chrome, og åpne Inspect Element ved å høyreklikke hvor som helst på nettstedet ditt.

Dette vil dele nettleserskjermbildet i tre seksjoner. På den nederste venstre skjermen vil du kunne se HTML-kildekoden for siden din. Flytter musen over forskjellige elementer i HTML-kilden vil markere dem i det øvre vinduet. Du må finne div som inneholder hovedinnholdsområdet.

Som du kan se, bruker skjermen som inneholder innholdsområdet i primær og klassesider innholdet på skjermbildet ovenfor.

Gjenta inspeksjonselementprosessen igjen for å finne div-IDen eller klassen som brukes til sidebjelke og for enkelt widgetelementet.

Det er alt. Du kan nå lagre innstillingene dine. Besøk en side på nettstedet ditt, hvor sidebjelkens høyde skal være lengre enn innholdsområdet. Du vil legge merke til at pluginet automatisk vil skjule de ekstra widgetene for å justere sidebjeldets høyde.

Vi håper denne artikkelen hjalp deg med å justere WordPress sidebar automatisk for å matche innholdshøyde. Du kan også sjekke ut hvordan du viser / skjuler widgets på bestemte WordPress-sider.

Hvis du likte denne artikkelen, vennligst abonner på vår YouTube Channel for WordPress-videoopplæringsprogrammer. Du kan også finne oss på Twitter og Google+.