Hur man automatiskt justerar WordPress-sidofÀltet sÄ att det matchar innehÄllshöjden

Hur man automatiskt justerar WordPress-sidofÀltet sÄ att det matchar innehÄllshöjden

Widgets gör det vÀldigt enkelt att lÀgga till coola saker i vÄrt WordPress-sidofÀlt. Ibland kan dina sidofÀlt dock bli mycket lÀngre Àn det faktiska innehÄllsomrÄdet. Nyligen frÄgade en anvÀndare om det fanns ett sÀtt att automatiskt göra sidofÀltets höjd lika med innehÄllsomrÄdet för att göra det symmetriskt. I den hÀr artikeln visar vi dig hur du automatiskt justerar WordPress-sidofÀltet för att matcha innehÄllshöjden.

Videohandledning

Prenumerera pÄ WPBeginner

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

Först mÄste du installera och aktivera plugin-programmet SidebarAutomizer. Vid aktivering, gÄ till InstÀllningar »sidofÀltAutomizer för att konfigurera plugin.

Sidebar Automizer-instÀllningar

Du kan automatiskt justera sidofÀltets höjd genom att ange div-ID eller klass för innehÄlls- och sidofÀltbehÄllarna. Dessa vÀrden Àr olika för varje tema, varför pluginet inte kan upptÀcka dem automatiskt. Det Àr enkelt att hitta dessa vÀrden. 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.

Hitta div-ID eller klass med hjÀlp av verktyget inspekteringselement

Detta kommer att dela din webblÀsarskÀrm i tre sektioner. PÄ den nedre vÀnstra skÀrmen kan du se HTML-kÀllkoden för din sida. Att 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ÄllsomrÄdet.

Som du kan se anvÀnder skÀrmbilden ovan innehÄllet som innehÄller innehÄllsomrÄdet ID: t primÀrt och klassinnehÄll.

Upprepa inspektionselementprocessen igen för att hitta div-ID eller klass som anvÀnds för sidofÀltet och för det enda 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 de extra widgetarna för att justera sidofÀltets höjd.

SidofÀltets höjdjustering

Vi hoppas att den hÀr artikeln hjÀlpte dig att automatiskt justera WordPress-sidofÀltet sÄ att det matchar innehÄllshöjden. Du kanske ocksÄ vill kolla hur du visar / döljer widgets pÄ specifika WordPress-sidor.

Om du gillade den hÀr artikeln, prenumerera sedan pÄ vÄr YouTube-kanal för WordPress-sjÀlvstudier. Du kan ocksÄ hitta oss pÄ Twitter och Google+.