Så här justerar du automatiskt WordPress Sidebar för att matcha innehållshöjd

Widgets gör det super enkelt att lägga till coola saker i vår WordPress sidobalk. Ibland kan dina sidfält bli mycket längre än det faktiska innehållsområdet. Nyligen frågade en användare om det var ett sätt att automatiskt göra sidhöjdens höjd densamma som innehållsområdet för att göra det symmetriskt. I den här artikeln visar vi hur du automatiskt anpassar WordPress sidofält för att matcha innehållshöjden.

Video Tutorial

Om du inte gillar videon eller behöver mer instruktioner, fortsätt läsa.

Först måste du installera och aktivera SidebarAutomizer plugin. Vid aktivering, gå till Inställningar »sidebarAutomizer för att konfigurera plugin.

Du kan automatiskt justera höjden på ditt sidofält genom att ange div-ID eller klass för innehålls- och sidofältbehållare. Dessa värden är olika för varje tema, varför plugin inte kan identifiera dem automatiskt. Att hitta dessa värden är enkelt. Allt du behöver göra är att öppna din webbplats i Google Chrome och öppna Inspect Element genom att högerklicka var som helst på din webbplats.

Detta delar upp din webbläsars skärm i tre avsnitt. På den nedre vänstra skärmen kan du se HTML-källkoden för din sida. Flytta musen över olika element i HTML-källan markerar dem i det övre fönstret. Du måste hitta div som innehåller huvudinnehållet.

Som du kan se, använder skärmbilden innehållande innehållsområdet ID-primär- och klasswebbsidans innehåll på skärmbilden ovan.

Upprepa inspektionselementprocessen än en gång för att hitta div-ID eller klass som används för sidofält och för det enkla widgetelementet.

Det är allt. Du kan nu spara dina inställningar. Besök en sida på din webbplats där sidofältets höjd ska vara längre än innehållsområdet. Du kommer att märka att plugin automatiskt döljer extra widgets för att justera sidofältets höjd.

Vi hoppas att den här artikeln hjälper dig att automatiskt justera WordPress sidfält för att matcha innehållets höjd. Du kan också kolla hur du visar / döljer widgets på specifika WordPress-sidor.

Om du gillade den här artikeln kan du prenumerera på vår YouTube-kanal för WordPress-videoinstruktioner. Du kan också hitta oss på Twitter och Google+.