U ovom ću vam članku pokazati vrlo jednostavnu metodu za stvaranje dječjih tema kada koristite WordPress blok teme.
Pregled sadržaja
Block Themes Brzi pregled
S uvođenjem WordPressa 6.0, tim za WordPress stavio je sve na Block Themes kako bi dizajn i prilagodbu web stranica učinio lakšim no ikad s malo ili bez kodiranja. Teme blokova koriste "uređivač blokova", poznat i kao "Gutenbergov uređivač blokova", kako bi korisnicima omogućili povlačenje i ispuštanje elemenata dizajna na web stranicu. Ova značajka čini WordPress mnogo konkurentnijim sastavljačima web stranica i temama, posebno jer je WordPress potpuno besplatan i već ga koristi više od 60% od 10 milijuna najboljih web stranica na internetu.
Jedna od najnovijih prednosti blok tema je mogućnost jednostavnog stvaranja nove podređene teme za bilo koju blok temu koju koristite za dizajn svoje web stranice. Na primjer, ako koristite zadanu temu TwentyTwentyThree koja se isporučuje s WordPressom 6.2, možete brzo stvoriti podređenu temu za nju bez potrebe za zaranjanjem u datoteke svoje web stranice pomoću FTP klijenta.
Zašto su dječje teme važne
Podređene teme su važne jer vam omogućuju da prilagodite svoju temu i zadržite te prilagodbe kad god su dostupna ažuriranja teme. Bez podređene teme, prilagodbe vaše web stranice mogu se nadjačati svaki put kada ažurirate svoju "nadređenu" temu - u ovom slučaju temu TwentyTwentyThree. To znači da ćete se u najboljem slučaju morati vratiti i ponovno unijeti svoje prilagodbe jednu po jednu nakon svakog ažuriranja teme, a u najgorem slučaju možete izgubiti sve svoje prilagodbe nakon ažuriranja i morat ćete početi ispočetka.
Podređene teme odvajaju vaše prilagodbe od zadane nadređene teme, tako da možete ažurirati svoju nadređenu temu I zadržati sve svoje prilagodbe koje su sadržane u podređenoj temi. Dobivate najbolje od oba svijeta.
Stvorite podređenu temu za svoju blok temu
Sad kad su neki od vas dovoljno ljuti na mene jer objašnjavam zašto su vam potrebne podređene teme, idemo na to kako zapravo stvoriti te podređene teme kada radite u WordPressu 2023. godine.
Za početak, prijavite se na svoju WordPress nadzornu ploču i idite na Plugins>Add New (crvena strelica na gornjoj slici).
Ova metoda koristi dodatak koji je izravno razvio WordPress tim. To znači da je dodatak optimiziran za rad s najnovijom verzijom WordPressa i blokiranim temama.
Iz radnog područja "Dodaj dodatke" potražite dodatak "Stvori temu bloka" koristeći traku za pretraživanje (označenu zelenom bojom na gornjoj slici, gore desno). Kada vidite dodatak naveden u rezultatima pretraživanja, kliknite "Instaliraj sada" (crvena strelica).
Nakon što dodatak završi s instalacijom, gumb "Instaliraj sada" postat će plav i na njemu će pisati "Aktiviraj". Kliknite gumb "Aktiviraj" (crvena strelica na gornjoj slici).
Nakon što je dodatak uspješno aktiviran, bit ćete preusmjereni na radno područje "Dodaci" u WordPressu i vidjet ćete poruku koja kaže "Dodatak je aktiviran" prema vrhu (zelena strelica na gornjoj slici). Odavde idite na Izgled>Izradi blok temu (crvena strelica).
Kada ste u radnom području "Stvori temu bloka", odaberite radio opciju "Stvori podređenu temu Twenty Twenty-Three" (ili kako god se zove tema za koju stvarate podređenu temu - crvena strelica na gornjoj slici).
Na desnoj strani prozora pojavit će se hrpa tekstnih okvira. Obavezno je samo najviše tekstualno polje s oznakom "Naziv teme" (plava strelica). Sve ostalo je izborno. Za naziv vaše teme, standardna je praksa da podređenu temu nazovete "TwentyTwentyThree-child" ako se vaša nadređena tema zove "TwentyTwentyThree", na primjer.
Slučajno sam dodao i kratak opis u polje "Opis teme", te dodao naziv svoje tvrtke pod "Autor" i svoju glavnu web stranicu pod "URI autora". Sve ostalo ostavio sam na zadanim vrijednostima (uključujući potvrdne okvire koje ćete vidjeti kada se pomaknete niže na stranici).
Kliknite gumb "Generiraj" (zelena strelica).
Ovo će automatski pokrenuti preuzimanje zip datoteke koja sadrži vašu dječju temu. Možete zadržati naziv datoteke kako se pojavljuje (crvena strelica na gornjoj slici). Kliknite "Spremi" da biste datoteku spremili na svoje računalo (plava strelica).
ZIP datoteka bit će preuzeta na vaše računalo. Na traci preuzimanja na dnu vašeg preglednika kliknite strelicu pored završenog preuzimanja (zelena strelica) i kliknite "Prikaži u mapi" (crvena strelica) da biste prikazali preuzetu zip datoteku u prozoru File Explorera (ako ste ponovno koristite Windows – na MAC-u pokrenite preuzimanje u vašem File Exploreru).
Neka ovaj prozor File Explorera bude otvoren, a zip datoteka koja sadrži vašu podređenu temu odabrana (zelena strelica) – to će nam trebati u sljedećem koraku.
Vratite se na WordPress i idite na odjeljak "Teme" pod Izgledom (crvena strelica na gornjoj slici). Kliknite gumb "Dodaj novo" prema vrhu radnog područja Teme (plava strelica).
U radnom području "Dodaj teme" vidjet ćete okvir u sredini prozora s gumbom s oznakom "Odaberi datoteku" (crvena strelica). Možete kliknuti ovaj gumb i odabrati zip datoteku koju smo upravo preuzeli za podređenu temu ili otvoriti prozor File Explorera do kojeg smo ranije došli i povući i ispustiti zip datoteku bilo gdje unutar ovog okvira.
Na ovoj gornjoj fotografiji možete vidjeti da sam povukao zip datoteku izravno preko kutije i pustio miš.
Sada ćete vidjeti svoju datoteku teme twentytwentythreechild.zip navedenu unutar okvira (zelena strelica) i pojavljuje se gumb "Instaliraj sada" (crvena strelica). Kliknite "Instaliraj sada" za početak instalacije podređene teme.
Bit ćete preusmjereni na novi prozor i vaša podređena tema počet će se instalirati na vašu stranicu. Pričekajte malo vremena za instalaciju i nemojte osvježavati stranicu dok se instalira (to može pokvariti vašu stranicu). Nakon dovršetka instalacije podređene teme, vidjet ćete poruku "Tema je uspješno instalirana." (označeno zelenom bojom na gornjoj slici).
Ispod ove poruke o uspjehu nalazi se poveznica s oznakom "Aktiviraj". Kliknite ovu poveznicu da biste aktivirali dječju temu na svojoj web stranici.
Nakon što je tema uspješno aktivirana, bit ćete vraćeni u radno područje “Teme”. Na vrhu će se prikazati poruka "Nova tema aktivirana. (označeno zelenom bojom na gornjoj slici). Vidjet ćete da je prva navedena tema sada ono što se čini kao prazna tema – označena pozadinom šahovnice, koja obično predstavlja transparentnost u svijetu dizajna. Na dnu ovog pregleda teme vidjet ćete da piše "Aktivan: TwentyTwentyThree-child” (crvena strelica).
To znači da ste uspješno instalirali dječju temu! Transparentni pregled teme predstavlja činjenicu da vaša podređena tema sadrži samo prilagodbe teme, a svi ostali elementi stila i dizajna prikazani su u nadređenoj temi (u ovom slučaju tema "TwentyTwentyThree"). Pazite da ne izbrišete nadređenu temu jer će to zeznuti vašu stranicu. Osim toga, provjerite održavate li nadređenu temu ažurnom (iz sigurnosnih razloga) klikom na bilo koje veze/obavijesti za ažuriranje koje se pojavljuju za temu.
Možete pregledati svoju trenutnu web-lokaciju s omogućenom podređenom temom klikom na vezu "Posjetite web-lokaciju" koja se pojavljuje u poruci o uspjehu (plava strelica na gornjoj slici).
U ovom slučaju, vidjet ćete da se moja stranica jednostavno prikazuje kao zadana tema TwentyTwentyThree (moja nadređena tema – nisam napravio nikakve promjene u temi TwentyTwentyThree prije nego što sam započeo ovaj vodič). To znači da je dječja tema uspješno instalirana!
To je to za ovaj tutorial. Možete provjeriti moje druge WordPress članci pomoći na mojoj stranici ili dublje zaronite u WordPress s mojim WordPress za početnike 2023. – WordPress Masterclass bez koda.
