Trebate prilagoditi WordPress temu? Možda ste tek pokrenuli svoju osobnu web stranicu, ali zadane WordPress teme vas ne oduševljavaju.
Srećom, WordPress nudi mnoštvo opcija koje vam pomažu da izmijenite i dizajnirate temu svoje web stranice prema svojim željama. Pokazat ćemo vam kako započeti.
Korak 1: Promjena zadane teme
Trenutno osnovna WordPress instalacija dolazi s temom Twenty-Twenty Two postavljenom kao zadanom. Ali kao što ste mogli primijetiti, zadana tema nema sve prednosti koje biste željeli na svojoj web stranici. Naravno, brzo se učitava i pruža ono što je potrebno, ali također želite da vaša web stranica izgleda dobro.
Stoga biste trebali razmisliti o zamjeni zadane WordPress teme nečim prilagodljivijim. Neki izvrsni primjeri su GeneratePress, Astra, OceanWP, Kadence WP itd.
Da biste to učinili, prijavite se na WordPress nadzornu ploču svoje web stranice i odaberite Izgled s lijeve bočne trake. Zatim prijeđite na Teme odjeljak i kliknite Dodaj novi za instaliranje nove teme. WordPress će predstaviti katalog najpopularnijih i najnovijih tema. Možete odabrati jednu s ovog popisa ili ručno upisati naziv teme koju želite instalirati u polje za pretraživanje.
U svakom slučaju, zadržite pokazivač iznad unosa teme kada ga vidite i kliknite Instalirati. Zatim kliknite Aktivirati primijeniti temu na web mjesto uživo. Mnoge teme WordPressa izgledaju fantastično odmah nakon postavljanja, dok ćete u nekim slučajevima možda morati sami prilagoditi čak i osnovni izgled web stranice.
Korak 2: Izmjena nekih općih varijabli web stranice
Nakon što ste instalirali temu koja vam se sviđa, sljedeći korak je postavljanje nekih osnovnih varijabli koje utječu na cijelu vašu web stranicu, kao što je naziv vaše web stranice, slogan i logotip. Idite do Izgled odjeljak i kliknite Prilagodite da biste otvorili WordPress alat za prilagodbu. Ovdje ćete pronaći postavke za izmjenu strukture, dizajna i tipografije vaše web stranice.
Imajte na umu da se dolje navedene oznake opcija mogu razlikovati ovisno o temi koju ste instalirali, ali većina će značajki biti prisutna u alatu za prilagodbu, samo pod drugom oznakom. Stoga se svakako poigrajte s opcijama prije nego što napravite bilo kakve stvarne promjene na web stranici.
Za početak idite na Identitet stranice odjeljak i unesite naziv i slogan svoje web stranice. Zatim izradite dva različita logotipa za svoju web stranicu: logotip zaglavlja i favicon. WordPress će navesti preporučene dimenzije za favicon; samo trebate stvoriti sliku i učitati je u knjižnicu. Ostalo je jednostavno!
Također možete odlučiti sakriti naziv web stranice i slogan ako učitavate prilagođeni logotip.
Zatim prijeđite na izmjenu izgleda web stranice prebacivanjem na Izgled odjeljak. Ovdje možete promijeniti širinu primarnog spremnika, poravnanje zaglavlja, navigacijski izbornik, bočne trake i još mnogo toga.
Preporučuje se da u ovom trenutku stvorite svoje izbornike zaglavlja i podnožja—koristeći Izbornici odjeljak—tako da se kasnije možete usredotočiti samo na stranu dizajna.
Korak 3: Prijelaz na naprednije stilove
Sada kada su temeljne stvari uklonjene, imali biste osnovnu strukturu kako će vaše web mjesto izgledati. Nemojte se uzrujavati ako još ne izgleda dobro. Idite do Boje i odaberite primarne boje za svoju web stranicu. Možete koristiti internetska stranica za generiranje paleta boja za vaš brend.
Zatim prijeđite na Tipografija i dodajte sve fontove koje želite imati na svojoj web stranici. Nakon što odaberete čist i čitljiv font, prijeđite na Widgeti. Postoji mnoštvo widgeta koje možete dodati na svoje web mjesto: polje za pretraživanje, nedavni komentari, povezani članci, galerija, prilagođeni HTML kod, prikaz teksta itd.
Odaberite mjesto na kojem želite prikazati widget, a zatim ga jednostavno dodajte pomoću značajke WordPress blok widgeta.
Korak 4: Korištenje prilagođenog koda za prilagodbu vaše WordPress teme
Jedna od mnogih značajki WordPressa je njegova sposobnost rukovanja prilagođenim kodom. Možete dodati svoj kod na vrh WordPressa i on će odražavati promjene bez kvara bilo čega. Jedina caka? Morate biti vješti u CSS-u za oblikovanje HTML-a i PHP-u za promjenu zadane WordPress funkcionalnosti.
Da biste dodali prilagođeni CSS na svoju web stranicu, idite na Dodatni CSS unutar WordPress alata za prilagodbu. Ovdje možete koristiti klase i ID-ove za odabir i stil HTML elemenata prema vlastitom ukusu. Da biste dobili identifikator elementa za HTML entitet, koristite alate za razvojne programere preglednika koje nude Google Chrome i Mozilla Firefox.
Također, da biste prilagodili kako tema funkcionira, idite na nadzornu ploču WordPressa i odaberite Izgled s lijeve bočne trake. Pod, ispod Uređivač datoteka teme, pronaći ćete popis svih datoteka tema i uređivač koji možete koristiti za njihovu izmjenu.
Možete promijeniti bilo što, od načina na koji se postovi pojavljuju na stranicama vaše kategorije do načina na koji se komentari prikazuju i filtriraju uređivanjem PHP datoteka.
Korak 5: Stvorite podređenu temu za spremanje prilagodbi
Vaše će prilagodbe učiniti da vaša stranica izgleda lijepo. Ali samo dok programer ne objavi ažuriranje teme. Promjene koje napravite na svojoj temi bit će izgubljene čim nadogradite svoju WordPress temu. Da biste se tome suprotstavili, možete izradite podređenu temu iz vaše glavne WordPress teme.
Podređena tema nasljeđuje stil, izgled i funkcije nadređene teme i omogućuje vam da joj dodate svoje prilagodbe. Na ovaj način, svaki put kada dođe do novog ažuriranja glavne teme, možete biti sigurni da će ažuriranje utjecati samo na nadređenu temu, a vaše će prilagodbe ostati netaknute.
Dodatni savjet: korištenje alata za izradu stranica ili predložaka za dizajn vaše web stranice
Ako ne želite trošiti vrijeme na generiranje palete boja marke i prilagođavanje svakog aspekta vaše web stranice, razmislite o korištenju unaprijed izrađenih predložaka. Izjava o odricanju od odgovornosti: ne nude sve WordPress teme predloške svojim korisnicima besplatno, ali ih ima mnogo.
Dakle, ako nemate vremena i trebate brzo izraditi osobnu ili poslovnu web stranicu, instalirajte temu koja dolazi s različitim predlošcima koje možete birati.
Evo kako demo web stranica izgleda nakon primjene predloška tvrtke GeneratePress:
Još bolje, možete koristiti alat za izradu stranica koji vam omogućuje stvaranje prilagođenih stranica pomoću alata za povlačenje i ispuštanje. S takvim alatima također možete uređivati i stvarati prilagođena zaglavlja i podnožja.
Graditelji WordPress stranica poput Elementor i Divi su spas za one koji nemaju iskustva s frontend tehnologijama i trebaju samo brz način za stvaranje prekrasnih web stranica koje pokreće WordPress bez kodiranja.
Izrada profesionalne web stranice s WordPressom
Za pokretanje web stranice potrebno je vrijeme. Morate kupiti ime domene i postaviti hosting, a to je nakon što uspijete smisliti ime brenda.
Trenutno postoji gotovo 1,7 milijardi web stranica na internetu, a svaki dan ih se dodaje više. Stoga je važno odabrati jedinstveno ime domene koje pomaže vašem brendu da se istakne u gomili.
