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.

WordPress forenklet: Hvordan bygge kraftige nettsteder-kurs av Davies Media Design

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.

Gå til Plugins>Legg til nytt fra WordPress Admin Area

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.

Søk etter og installer WordPress-pluginen Create Block Theme

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).

Aktiver Create Block Theme Plugin for WordPress

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

Naviger til Create Block Theme-plugin fra hovedadministrasjonsmenyen

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).

Velg alternativet for å opprette et underordnet WordPress-tema

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

Last ned zip-filen for barnetemaet til datamaskinen din

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).

Vis den nedlastede underordnede zip-mappen i filutforskeren

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 filutforskervinduet åpent med barnetemaet ditt valgt

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

Naviger til Utseende> Temaer og klikk på "Legg til ny"-knappen

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).

Klikk på "Velg fil" for å velge et WordPress-tema fra skrivebordet

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.

Dra og slipp WordPress-barnetema-zip-filen for å installere barnetemaet

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

Klikk "Installer nå" for å installere WordPress-undertemaet ditt

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.

En suksessmelding forteller deg at barnetemaet er installert

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

Klikk på "Besøk nettsted"-koblingen for å forhåndsvise nettstedet ditt med det ekstra underordnede temaet

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).

WordPress-nettstedet ditt skal vises nøyaktig slik det var før

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.

Davies Media Design Gratis kreative apper Nyhetsbrev på e-post

Abonner på DMD-nyhetsbrevet

Registrer deg for å motta nye opplæringsprogrammer, kursoppdateringer og de siste nyhetene om dine favoritt gratis kreative apper!

Du har abonnert!