I denne artikkelen skal jeg vise deg en veldig enkel metode for å lage barnetemaer når du bruker WordPress Block Themes.
Rask oversikt over blokktemaer
Med introduksjonen av WordPress 6.0 har WordPress-teamet gått all-in på blokktemaer for å gjøre det enklere enn noen gang å designe og tilpasse nettsteder med lite eller ingen koding. Block Themes bruker "Block Editor", også kjent som "Gutenberg Block Editor", for å tillate brukere å dra og slippe designelementer på en nettside. Denne funksjonen gjør WordPress mye mer konkurransedyktig med nettstedbyggere og temabyggere, spesielt siden WordPress er helt gratis og allerede brukt av over 60 % av de 10 millioner beste nettstedene på internett.
En av de siste fordelene med blokktemaer er muligheten til å enkelt lage et nytt undertema for uansett blokktema du bruker til å designe nettstedet ditt. For eksempel, hvis du bruker standard TwentyTwentyThree-temaet som følger med WordPress 6.2, kan du raskt lage et undertema for det uten å måtte dykke inn i nettstedsfilene dine ved hjelp av en FTP-klient.
Hvorfor barnetemaer er viktige
Barnetemaer er viktige fordi de lar deg tilpasse temaet ditt og beholde disse tilpasningene når temaoppdateringer er tilgjengelige. Uten et undertema kan nettstedtilpasningene dine bli overstyrt hver gang du oppdaterer "foreldre"-temaet ditt – i dette tilfellet TwentyTwentyThree-temaet. Dette betyr at du i beste fall må gå tilbake og sette inn tilpasningene dine én etter én etter hver temaoppdatering, og i verste fall kan du miste alle tilpasningene ved oppdatering og må starte på nytt.
Undertemaer skiller tilpasningene dine fra standard overordnet tema, slik at du kan oppdatere overordnet tema OG beholde alle tilpasningene som er inneholdt i undertemaet. Du får det beste fra begge verdener.

Lag et undertema for blokktemaet ditt
Trinn 1: Installer Create Block Theme Plugin
Nå som noen av dere er tilstrekkelig irritert på meg til å forklare hvorfor dere trenger barnetemaer, la oss komme inn på hvordan man faktisk lager disse barnetemaene når man jobber i WordPress i 2023, 2024 og utover.

For det første, logg inn på WordPress Dashboard og naviger til Plugins>Legg til ny (rød pil i bildet ovenfor).
Denne metoden bruker en plugin utviklet direkte av WordPress-teamet. Dette betyr at plugin-en er optimalisert for å fungere med den nyeste versjonen av WordPress og blokkere temaer.

Fra «Legg til plugins»-arbeidsområdet, søk etter «Create Block Theme»-plugin-modulen ved å bruke søkefeltet (skissert i grønt i bildet ovenfor, øverst til høyre). Når du ser programtillegget oppført i søkeresultatene, klikker du på "Installer nå" (rød pil).

Når plugin-modulen er ferdig installert, vil "Installer nå"-knappen bli blå og si "Aktiver." Klikk på "Aktiver"-knappen (rød pil i bildet ovenfor).
Trinn 2: Generer et undertema

Når plugin-modulen er aktivert, vil du bli ført til "Plugins"-arbeidsområdet til WordPress og vil se en melding som sier "Plugin aktivert" mot toppen (grønn pil i bildet ovenfor). Herfra, naviger til Utseende> Lag blokktema (rød pil).

Når du er inne i arbeidsområdet "Opprett blokktema", velger du radioalternativet "Opprett undertema for Twenty Twenty-Three" (eller hva navnet på temaet du oppretter et undertema for - rød pil i bildet ovenfor).
En haug med tekstbokser vil vises på høyre side av vinduet. Bare det øverste tekstfeltet, merket "Temanavn" (blå pil), er obligatorisk. Resten er alle valgfrie. For temanavnet ditt er det standard praksis å navngi barnetemaet "TwentyTwentyThree-child" hvis foreldretemaet for eksempel heter "TwentyTwentyThree".
Jeg la tilfeldigvis også til en kort beskrivelse i "Temabeskrivelse"-feltet, pluss at jeg la til firmanavnet mitt under "Forfatter" og hovednettstedet mitt under "Forfatter-URI." Alt annet la jeg til standardverdiene deres (inkludert avmerkingsboksene du vil se når du ruller lenger ned på siden).
Klikk på "Generer"-knappen (grønn pil).
Trinn 3: Last ned Child Theme til skrivebordet ditt

Dette vil automatisk starte en nedlasting av en zip-fil som inneholder barnets tema. Du kan beholde filnavnet slik det vises (rød pil i bildet ovenfor). Klikk "Lagre" for å lagre filen på datamaskinen din (blå pil).

En zip-fil vil bli lastet ned til datamaskinen din. I nedlastingslinjen nederst i nettleseren din, klikk på pilen ved siden av den ferdige nedlastingen (grønn pil) og klikk på "Vis i mappe" (rød pil) for å få opp den nedlastede zip-filen i filutforskervinduet (hvis du re bruker Windows – på MAC, ta opp nedlastingen i filutforskeren).

Hold dette Filutforsker-vinduet åpent og zip-filen som inneholder barnetemaet ditt valgt (grønn pil) – vi trenger dette i et kommende trinn.
Trinn 4: Legg til nytt barnetema på WordPress-nettstedet ditt

Gå tilbake til WordPress og naviger til delen "Temaer" under Utseende (rød pil i bildet ovenfor). Klikk på "Legg til ny"-knappen øverst i temaarbeidsområdet (blå pil).

I arbeidsområdet "Legg til temaer" vil du se en boks i midten av vinduet med en knapp merket "Velg fil" (rød pil). Du kan enten klikke på denne knappen og velge zip-filen vi nettopp lastet ned for barnetemaet, eller åpne Filutforsker-vinduet vi navigerte til tidligere og dra og slipp zip-filen hvor som helst i denne boksen.

På dette bildet ovenfor kan du se at jeg dro zip-filen rett over boksen og slapp musen.

Du vil nå se twentytwentythreechild.zip-temafilen din oppført i boksen (grønn pil), og en "Installer nå"-knapp vises (rød pil). Klikk "Installer nå" for å starte installasjonen av barnetemaet.

Du vil bli tatt til et nytt vindu og barnetemaet vil begynne å installere på nettstedet ditt. Gi installasjonen litt tid og ikke oppdater siden mens den installeres (det kan ødelegge nettstedet ditt). Når installasjonen av undertemaet er fullført, vil du se en melding som sier "Temaet er installert vellykket." (skissert i grønt i bildet ovenfor).
Under denne suksessmeldingen er en lenke merket «Aktiver». Klikk på denne lenken for å aktivere barnetemaet på nettstedet ditt.
Trinn 5: Se live-nettstedet ditt med undertema

Når temaet er aktivert, vil du bli tatt tilbake til arbeidsområdet "Temaer". En melding vises øverst som lyder "Nytt tema aktivert. (skissert i grønt i bildet ovenfor). Du vil se at det første temaet som er oppført nå er det som ser ut til å være et tomt tema – angitt med sjakkbrettbakgrunnen, som vanligvis representerer åpenhet i designverdenen. Nederst i denne forhåndsvisningen av temaet vil du se at det står "aktiv: TwentyTwentyThree-barn” (rød pil).
Dette betyr at du har installert et undertema! Den gjennomsiktige temaforhåndsvisningen representerer det faktum at barnetemaet ditt bare inneholder tematilpasninger, og alle andre stil- og designelementer vises i overordnet tema (i dette tilfellet "TwentyTwentyThree"-temaet). Pass på at du ikke sletter overordnet tema, da dette vil ødelegge nettstedet ditt. Sørg i tillegg for at du holder det overordnede temaet oppdatert (av sikkerhetsmessige årsaker) ved å klikke på oppdateringslenker/varsler som vises for temaet.
Du kan forhåndsvise din nåværende side med barnetemaet aktivert ved å klikke på "Besøk nettsted"-koblingen som vises i suksessmeldingen (blå pil i bildet ovenfor).

I dette tilfellet vil du se at siden min bare vises som standard TwentyTwentyThree-tema (mitt overordnede tema – jeg gjorde ingen endringer i TwentyTwentyThree-temaet før jeg startet denne opplæringen). Det betyr at barnetemaet er installert!
Det var alt for denne opplæringen. Du kan sjekke ut min andre WordPress hjelpeartikler på siden min, eller ta et dypere dykk inn i WordPress med min WordPress for nybegynnere 2023 – Ingen kode WordPress Masterclass.