Kako da podesim “sticky” footer ili footer koji je uvek na dnu?

Šta je sticky footer?

Sticky footer je CSS tehnika koja omogućava da footer bude uvek prilepljen na dno stranice, čak i kada je sadržaj stranice kratak. Ovo se postiže pomoću Flexbox-a u CSS-u, bez potrebe za dodatnim pluginovima.

Koraci za podešavanje sticky footera u WordPress temi

  1. Priprema: Preporučuje se korišćenje child theme-a kako biste izbegli gubitak izmena pri ažuriranju WordPress teme. Ako nemate child theme, kreirajte ga preko Appearance > Theme Editor ili Softaculous u WP Host panelu.
  2. Dodajte CSS kod: Idite na Appearance > Customize > Additional CSS i ubacite sledeći kod. Prilagodite selektore (npr. .site-footer) prema strukturi vaše WordPress teme (proverite u pregledaču: Desni klik > Inspect).
html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  margin: 0;
}

#page, .site, main {
  flex: 1;
}

.site-footer { /* Zameni sa klasom tvog footera, npr. .footer ili #colophon */
  margin-top: auto;
}
  1. Tačite i testirajte: Sačuvajte izmene, očistite keš (ako koristite plugin poput WP Rocket-a iz naše biblioteke od preko 350 premium dodataka) i proverite na različitim stranicama.
  2. Problemi sa kompatibilnošću: Ako tema koristi drugačiju strukturu (npr. Bootstrap), dodajte min-height: 100vh; na body i prilagodite wrapper. Za složenije slučajeve, koristite Elementor Pro ili Bricks Builder iz WP Host biblioteke.

Ako imate poteškoća, pošaljite tiket podršci – dostupni smo 24/7 za WordPress optimizaciju.

← Nazad na: Wordpress