WordPress Customizer je moćan alat koji vam omogućava da jednostavno dodate logo u temu. Kako dodati logo u temu je jedna od osnovnih operacija prilikom prilagođavanja izgleda vašeg sajta. Ovaj vodič će vas provesti kroz ceo proces, od pripreme slike do finalnog postavljanja. Naučićete kako koristiti Site Identity sekciju, kako uploadovati logo i kako ga prilagoditi za savršen prikaz na svim uređajima.
Pristupite WordPress Customizeru za brzo dodavanje loga
Prvi korak u procesu kako dodati logo u temu je pristupanje WordPress Customizeru. Idite na Dashboard → Appearance → Customize da otvorite alat za prilagođavanje teme. Ova opcija vam omogućava da vidite promene u realnom vremenu dok ih pravite. Pronađite sekciju Site Identity gde se nalazi opcija Site Logo ili Select Logo. Preko 85% modernih WordPress tema podržava ovu funkciju automatski bez dodatnog koda.
Klikom na Select Logo odmah vidite Media Library za upload ili selekciju slike. WordPress 4.5+ verzije imaju ugrađenu podršku za custom logo u većini tema. Ova jednostavna procedura kako dodati logo u temu traje manje od 5 minuta za početnike. Važno je napomenuti da Customizer omogućava pregled promena pre nego što ih objavite.
Pripremite savršenu veličinu loga pre upload-a
Pre nego što započnete proces kako dodati logo u temu, morate pripremiti sliku. Preporučena rezolucija je 300×100 piksela ili više za oštar prikaz na svim uređajima. PNG format sa transparentnom pozadinom idealan je za fleksibilno postavljanje jer se prilagođava pozadini teme. Izbegavajte prevelike fajlove preko 200KB da ubrzate učitavanje stranice za 30-40%.
Koristite alate poput Hostinger AI Logo Maker za besplatno kreiranje u visokoj rezoluciji. Ovaj alat generiše logo u samo 2-3 minuta sa više od 50 predložaka. Za postojeće logove, koristite Canva ili Adobe Photoshop za optimizaciju veličine. Većina tema automatski skalira logo, ali bolje je početi sa pravom veličinom.
Upload i podešavanje loga korak po korak
Upload proces kako dodati logo u temu je jednostavan. Prevucite sliku u Media Library ili kliknite Upload za dodavanje nove datoteke. Opcija Crop Image omogućava precizno rezanje – povucite uglove za prilagođavanje. Ova funkcija je posebno korisna ako vaš logo nije idealnih proporcija.
Kliknite Skip Cropping ako je logo već idealne veličine, zatim Publish za live prikaz. Logo se automatski prikazuje u header-u nakon čuvanja promena. Proverite kako izgleda na desktop i mobilnim uređajima. Ako želite da naučite više o prilagođavanju teme, pogledajte naš vodič WordPress Customizer za početnike.
Prilagođavanje veličine i pozicije loga u temi
Nakon što ste savladali osnove kako dodati logo u temu, vreme je za fino podešavanje. U Site Identity promenite širinu i visinu slider-om za responsive prikaz (npr. max 250px širine). Ovo je kritično za mobilne uređaje gde prostor ograničava veličinu loga.
- U Divi temi idite na Header & Navigation → Primary Menu Bar za fino podešavanje veličine
- Elementor korisnici edituju header sekciju i podešavaju alignment, width i height u Style tabu
- Block teme koriste Blog Editor → Template Parts → Header za podešavanje širine do 300px
- Astra tema ima posebne opcije za logo width sa default vrednošću od 200px
Ova podešavanja utiču na UX iskustvo i mogu poboljšati konverzije za 15-20%.
Razlika između Site Logo i Site Icon (Favicon)
Važno je razumeti razliku između Site Logo i Site Icon kada učite kako dodati logo u temu. Site Logo je velika slika u header-u (300x100px), Site Icon je mala ikona za tabove (512x512px). Favicon se dodaje u istoj Site Identity sekciji ispod loga opcije.
Koristite kvadratnu ikonu 512x512px za najbolju podršku na mobilnim i desktop uređajima. Ova ikona se prikazuje u 16x16px u browser tabovima. Ne mešajte ih – logo je za brendiranje, favicon za prepoznavanje u pretraživačima. Preporučujemo da koristite zvaničnu WordPress dokumentaciju za detalje.
Dodavanje loga u Block i Classic teme
Proces kako dodati logo u temu varira između Block i Classic tema. U Site Editor (Appearance → Editor) kliknite na header blok i dodajte Site Logo blok. Ova metoda je intuitivna i omogućava vizuelno editovanje. Classic teme zahtevaju Customizer ili functions.php sa add_theme_support(‘custom-logo’).
Template Editor u FSE temama omogućava editovanje header-a direktno sa upload dugmetom. Posle izmene sačuvajte template i proverite prikaz na frontend-u. Ako imate problema, pogledajte naš članak kako da prilagodite temu bez poznavanja programiranja.
Napredne opcije sa plugin-ovima i code-om
Za naprednije korisnike koji žele da znaju kako dodati logo u temu sa dodatnim funkcionalnostima, postoje opcije. Elementor Pro nudi Style tab za boje, senke i hover efekte na logu. Ovi efekti mogu povećati engagement za 25%.
- Dodajte u functions.php: add_theme_support(‘custom-logo’, array(‘height’ => 100, ‘width’ => 400))
- User Role Editor plugin omogućava ograničenje pristupa Customizeru za non-admin korisnike
- Custom CSS u Additional CSS sekciji za fine podešavanja poput max-width: 200px
- Logo Slider plugin omogućava rotaciju više logova u header-u
Ove napredne tehnike zahtevaju osnovno poznavanje WordPress-a ali nude veću fleksibilnost.
Često postavljana pitanja
Kako pristupiti WordPress Customizeru za dodavanje loga?
Idite na WordPress Dashboard, zatim na Appearance i kliknite na Customize. Ovo otvara alat za prilagođavanje teme. U Customizeru pronađite sekciju Site Identity gde se nalazi opcija za dodavanje loga. Većina modernih tema automatski podržava ovu funkciju bez dodatnog koda.
Koja je preporučena veličina loga za WordPress temu?
Preporučena rezolucija loga je 300×100 piksela ili više za oštar prikaz. PNG format sa transparentnom pozadinom je idealan. Izbegavajte fajlove veće od 200KB da biste ubrzali učitavanje stranice. Koristite alate poput Hostinger AI Logo Maker za kreiranje kvalitetnog loga.
Kako uploadovati i postaviti logo u WordPress temi?
U Site Identity sekciji kliknite na Select Logo. Otvara se Media Library gde možete uploadovati novu sliku ili izabrati postojeću. Nakon uploada možete koristiti Crop Image opciju za precizno rezanje. Kliknite Publish da sačuvate promene i logo će se automatski prikazati u header-u.
Kako prilagoditi veličinu i poziciju loga u temi?
U Site Identity sekciji koristite slider za podešavanje širine i visine loga. Za Divi temu idite na Header & Navigation → Primary Menu Bar. Elementor korisnici mogu editovati header sekciju u Style tabu. Block teme koriste Blog Editor za podešavanje širine do 300px.
Koja je razlika između Site Logo i Site Icon?
Site Logo je velika slika u header-u (300x100px) koja predstavlja vaš brend. Site Icon je mala ikona (512x512px) koja se prikazuje u tabovima pretraživača. Obe opcije se nalaze u Site Identity sekciji. Ne mešajte ih – logo je za brendiranje, favicon za prepoznavanje.
Kako dodati logo u Block i Classic teme?
Za Block teme koristite Site Editor (Appearance → Editor) i dodajte Site Logo blok u header. Classic teme zahtevaju Customizer ili dodavanje koda u functions.php: add_theme_support(‘custom-logo’). Posle izmene uvek sačuvajte template i proverite prikaz.
Dodavanje loga u WordPress temu je jednostavan proces koji svaki vlasnik sajta može savladati za manje od 10 minuta. Ključ je pravilna priprema slike i korišćenje WordPress Customizer alata. Zapamtite da logo treba da bude optimizovan za sve uređaje i da jasno predstavlja vaš brend. Redovno ažurirajte logo kako biste održali svež izgled sajta. Ako imate dodatnih pitanja ili vam treba pomoć sa prilagođavanjem teme, Zatraži besplatne konsultacije sa našim timom WordPress eksperata.
