I denne artikel vil jeg vise dig en meget nem metode til at oprette børnetemaer, når du bruger WordPress Block Themes.

Bloker temaer Hurtigt overblik

Med introduktionen af ​​WordPress 6.0 er WordPress-teamet gået all-in på bloktemaer for at gøre det nemmere end nogensinde før at designe og tilpasse websteder med lidt eller ingen kodning. Blok-temaer bruger "Block Editor", også kendt som "Gutenberg Block Editor", for at tillade brugere at trække og slippe designelementer til en webside. Denne funktion gør WordPress meget mere konkurrencedygtig med webstedsbyggere og temabyggere, især da WordPress er helt gratis og allerede bruges af over 60 % af de 10 millioner bedste websteder på internettet.

En af de seneste fordele ved bloktemaer er muligheden for nemt at oprette et nyt undertema til det bloktema, du bruger til at designe dit websted. For eksempel, hvis du bruger standard TwentyTwentyThree-temaet, der leveres med WordPress 6.2, kan du hurtigt oprette et undertema til det uden at skulle dykke ned i dine webstedsfiler ved hjælp af en FTP-klient.

Hvorfor børnetemaer er vigtige

Børstemaer er vigtige, fordi de giver dig mulighed for at tilpasse dit tema og beholde disse tilpasninger, når der er tilgængelige temaopdateringer. Uden et undertema kan dine webstedstilpasninger blive tilsidesat, hver gang du opdaterer dit "forældre"-tema - i dette tilfælde TwentyTwentyThree-temaet. Det betyder, at du i bedste fald bliver nødt til at gå tilbage og genindsætte dine tilpasninger én efter én efter hver temaopdatering, og i værste fald kan du miste alle dine tilpasninger ved opdatering og bliver nødt til at starte forfra.

Undertemaer adskiller dine tilpasninger fra det overordnede standardtema, så du kan opdatere dit overordnede tema OG beholde alle dine tilpasninger, der er indeholdt i undertemaet. Du får det bedste fra begge verdener.

WordPress forenklet: Sådan bygger du kraftfulde websteder Kursus af Davies Media Design

Opret et børnetema til dit bloktema

Trin 1: Installer Create Block Theme Plugin

Nu hvor nogle af jer er tilstrækkeligt irriterede på mig til at forklare, hvorfor I har brug for børnetemaer, lad os komme ind på, hvordan man rent faktisk opretter disse børnetemaer, når man arbejder i WordPress i 2023, 2024 og senere.

Gå til Plugins>Tilføj nyt fra WordPress Admin Area

For det første skal du logge ind på dit WordPress Dashboard og navigere til Plugins>Tilføj nyt (rød pil på billedet ovenfor).

Denne metode bruger et plugin udviklet direkte af WordPress-teamet. Dette betyder, at pluginnet er blevet optimeret til at fungere med den nyeste version af WordPress og blokere temaer.

Søg efter og installer WordPress-plugin'et Create Block Theme

Fra arbejdsområdet "Tilføj plugins" skal du søge efter "Create Block Theme"-plugin'et ved hjælp af søgelinjen (angivet med grønt på billedet ovenfor, øverst til højre). Når du ser plugin'et i søgeresultaterne, skal du klikke på "Installer nu" (rød pil).

Aktiver Create Block Theme Plugin til WordPress

Når plugin'et er færdig med at installere, bliver knappen "Installer nu" blå og siger "Aktiver". Klik på knappen "Aktiver" (rød pil på billedet ovenfor).

Trin 2: Generer et børnetema

Naviger til plugin'et Create Block Theme fra hovedadminmenuen

Når plugin'et er aktiveret, bliver du ført til "Plugins"-arbejdsområdet i WordPress og vil se en meddelelse, der siger "Plugin aktiveret" mod toppen (grøn pil i ovenstående billede). Herfra skal du navigere til Udseende> Opret bloktema (rød pil).

Vælg muligheden for at oprette et barn af dit nuværende WordPress-tema

Når du er inde i arbejdsområdet "Create Block Theme", skal du vælge radioindstillingen "Create child theme of Twenty Twenty-Three" (eller hvad nu navnet er på det tema, du opretter et undertema til - rød pil på billedet ovenfor).

En masse tekstbokse vises i højre side af vinduet. Kun det øverste tekstfelt, mærket "Temanavn" (blå pil), er obligatorisk. Resten er alle valgfrie. For dit temanavn er det almindelig praksis at navngive dit underordnede tema "TwentyTwentyThree-child", hvis dit overordnede tema for eksempel hedder "TwentyTwentyThree".

Jeg tilføjede også tilfældigvis en kort beskrivelse i feltet "Temabeskrivelse", plus tilføjede mit virksomhedsnavn under "Forfatter" og mit hovedwebsted under "Forfatter-URI." Alt andet lod jeg stå til deres standardværdier (inklusive afkrydsningsfelterne, du vil se, når du ruller længere ned på siden).

Klik på knappen "Generer" (grøn pil).

Trin 3: Download børnetema til dit skrivebord

Download zip-filen til dit barn-tema til din computer

Dette vil automatisk starte en download af en zip-fil, der indeholder dit underordnede tema. Du kan beholde filnavnet, som det ser ud (rød pil i ovenstående billede). Klik på "Gem" for at gemme filen på din computer (blå pil).

Vis den downloadede underordnede zip-mappe i din filstifinder

En zip-fil vil blive downloadet til din computer. I downloadlinjen nederst i din browser skal du klikke på pilen ved siden af ​​den færdige download (grøn pil) og klikke på "Vis i mappe" (rød pil) for at få den downloadede zip-fil frem i dit File Explorer-vindue (hvis du genbruger Windows – på MAC skal du hente download i din File Explorer).

Hold dit filudforsker-vindue åbent med dit barn-tema valgt

Hold dette File Explorer-vindue åbent, og zip-filen, der indeholder dit barn-tema, valgt (grøn pil) – vi får brug for dette i et kommende trin.

Trin 4: Tilføj nyt barntema til dit WordPress-websted

Naviger til Udseende> Temaer og klik på knappen "Tilføj ny".

Vend tilbage til WordPress og naviger til afsnittet "Temaer" under Udseende (rød pil på billedet ovenfor). Klik på knappen "Tilføj ny" i toppen af ​​temaets arbejdsområde (blå pil).

Klik på "Vælg fil" for at vælge et WordPress-tema fra dit skrivebord

I arbejdsområdet "Tilføj temaer" vil du se en boks i midten af ​​vinduet med en knap mærket "Vælg fil" (rød pil). Du kan enten klikke på denne knap og vælge den zip-fil, vi lige har downloadet til undertemaet, eller åbne vinduet File Explorer, vi navigerede til tidligere, og trække og slippe zip-filen hvor som helst i denne boks.

Træk og slip WordPress børnetemaets zip-fil for at installere barnetemaet

På dette billede ovenfor kan du se, at jeg trak zip-filen direkte over boksen og slap min mus.

Klik på "Installer nu" for at installere dit WordPress-undertema

Du vil nu se din twentytwentythreechild.zip-temafil anført i boksen (grøn pil), og en "Installer nu"-knap vises (rød pil). Klik på "Installer nu" for at begynde installationen af ​​barnetemaet.

En succesmeddelelse fortæller dig, at dit barntema er installeret

Du vil blive ført til et nyt vindue, og dit underordnede tema vil begynde at installere på dit websted. Giv installationen lidt tid, og opdater ikke siden, mens den installeres (det kan ødelægge dit websted). Når installationen af ​​det underordnede tema er fuldført, vil du se en meddelelse, der siger "Temaet er installeret med succes." (angivet med grønt på billedet ovenfor).

Under denne succesmeddelelse er et link mærket "Aktiver". Klik på dette link for at aktivere barnetemaet på dit websted.

Trin 5: Se dit live-websted med børnetema

Klik på linket "Besøg websted" for at få vist dit websted med det tilføjede undertema

Når temaet er aktiveret, vil du blive ført tilbage til "Temaer"-arbejdsområdet. En meddelelse vises øverst, der lyder "Nyt tema aktiveret. (angivet med grønt på billedet ovenfor). Du vil se, at det første tema på listen nu er, hvad der ser ud til at være et tomt tema – angivet med skakternet baggrunden, som normalt repræsenterer gennemsigtighed i designverdenen. Nederst i dette temaeksempel vil du se, at der står "aktiv: TwentyTwentyThree-child” (rød pil).

Det betyder, at du har installeret et børnetema! Den gennemsigtige tema-forhåndsvisning repræsenterer det faktum, at dit barn-tema kun indeholder tematilpasninger, og alle de andre styling- og designelementer vises i det overordnede tema (i dette tilfælde "TwentyTwentyThree"-temaet). Sørg for at du ikke sletter det overordnede tema, da dette vil ødelægge dit websted. Sørg desuden for at holde det overordnede tema opdateret (af sikkerhedsmæssige årsager) ved at klikke på eventuelle opdateringslinks/meddelelser, der vises for temaet.

Du kan forhåndsvise dit nuværende websted med barnetemaet aktiveret ved at klikke på linket "Besøg websted", der vises i succesmeddelelsen (blå pil i billedet ovenfor).

Dit WordPress-websted skal vises nøjagtigt, som det var før

I dette tilfælde vil du se, at mit websted simpelthen vises som standard TwentyTwentyThree-temaet (mit overordnede tema – jeg lavede ingen ændringer til TwentyTwentyThree-temaet, før jeg startede denne tutorial). Det betyder, at barnetemaet er blevet installeret med succes!

Det var det for denne tutorial. Du kan tjekke min anden WordPress hjælpeartikler på min side, eller tag et dybere dyk ned i WordPress med min WordPress for begyndere 2023 – Ingen kode WordPress Masterclass.

Davies Media Design Gratis kreative apps e-mail nyhedsbrev

Abonner på DMD-nyhedsbrevet

Tilmeld dig for at modtage nye tutorials, kursusopdateringer og de seneste nyheder om dine yndlings gratis kreative apps!

Du har abonnement!