Sådan oprettes og tilpasses et underordnet tema på WordPress

Hvad er et tema for børn, og hvorfor er det så vigtigt?

I dette indlæg skal vi give dig svarene på disse spørgsmål og vise dig trin for trin, hvordan du opretter og tilpasser dit eget underordnede tema ved hjælp af plugins eller kode.

Hvis du vil foretag ændringer til temaet på dit WordPress-sted,har du sandsynligvis set folk fortælle dig at bruge et barnetema.

Men hvad er et tema for børn, og hvorfor er børnetemaer så vigtige?

I dette indlæg giver vi dig svarene på disse spørgsmål sammen med en introduktion til børnetemaer, og hvordan de er perfekte til dig.

Så viser vi dig trin for trin, hvordan du opretter og tilpasser dit eget underordnede tema ved hjælp af plugins eller kode.

Men hvis du aldrig har installeret WordPress, skal du opdage Sådan installeres en WordPress blog 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog

Og så lad os vende tilbage til det, vi er her for.

Hvad er et WordPress-tema for børn?

Et børnetema er ikke et selvstændigt tema. Det er et "barn" af et eksisterende forældertema, deraf navnet.

Du installerer det sammen med dit overordnede tema, men det giver dig en chance for sikkert at foretage ændringer i dit overordnede tema uden at skulle redigere selve overordnede tema.

Børnetemaet får de fleste / alle dets designindstillinger fra overordnet tema. I situationer, hvor du ændrer underordnet tema, vil denne ændring dog tilsidesætte indstillingerne for overordnet tema.

Fordele ved et tema for børn

På dette tidspunkt undrer du dig muligvis: hvorfor kan du ikke bare foretage dine ændringer direkte til overordnet tema?

Hovedårsagen til at det ikke er en god ide er WordPress-temaopdateringer.

Hvis du vil holde dit WordPress-websted sikkert og fungere, skal du hurtigt anvende opdateringer, når de kommer ud, herunder opdateringer til dit WordPress-tema.

Hvis du tilpasser dit websted ved direkte at ændre dit tema (intet underordnet tema), hvilket betyder, at du vil overskrive alle dine ændringer, hver gang du opdaterer WordPress-temaet.

Dette betyder, at du:

Opdater dit WordPress-tema, og mister dit job. Ikke en meget sjov oplevelse, er det?
Opdater ikke dit WordPress-tema for ikke at miste dit arbejde ... hvilket ikke er godt for sikkerheden og driften af dit WordPress-websted.

Med et barn-tema kan du foretage alle dine ændringer i barnet-temaet. Derefter vil du være i stand til at opdatere overordnet tema uden at miste noget af dit arbejde.

Ud over at hjælpe dig med at opdatere sikkert, er brug af et barn-tema også generelt nyttigt til at foretage tilpasninger. Fordi det adskiller alle dine ændringer ét sted, er det let at spore alle dine ændringer og ændre dem efter behov.

Det er også nemt at gå på hovedet. Hvis du f.eks. Vil stoppe med at bruge dine ændringer og vende tilbage til overordnet tema, skal du bare deaktivere underordnet tema.

nogle WordPress-temaer selv bruge denne standard forælder/barn tilgang. For eksempel, hvis du vil bruge Genesis-rammen, skal du bruge både det overordnede tema (grundrammen) og et under-tema til at styre designet.

Hvornår skal man bruge et tema for børn

Bortset fra nogle få undtagelser, som vi vil liste nedenfor, skal du toujours Brug et barn-tema, hvis du planlægger at foretage dine egne ændringer af et eksisterende WordPress-tema.

Når du ikke behøver at bruge et barnetema

Generelt er det at bruge et barn-tema en god praksis, hver gang du tilpasser dit WordPress-tema.

Der er dog et par undtagelser fra reglen, hvor der muligvis er en bedre mulighed end at bruge et underordnet tema.

For det første, hvis du bare ønsker at lave nogle mindre CSS-finjusteringer, kan det være overdrevent at oprette et underordnet tema bare for et par justeringer.

I stedet kan du tilføje din brugerdefinerede CSS ved hjælp af funktionen Yderligere CSS integreret i WordPress Customizer. Eller du kan bruge et gratis WordPress-plugin såsom Simple CSS.

For det andet, hvis du foretager ændringer, du vil være uafhængig af temaer, er et underordentema muligvis ikke den bedste mulighed.

For eksempel, hvis du registrerer en brugerdefineret taksonomi eller en tilpasset posttype, ønsker du sandsynligvis ikke at bruge filen functions.php af dit barnetema (fordi du vil beholde dem, selvom du ændrer temaet). I stedet skal du bare tilføje koden uden for dit tema med et plugin som f.eks Kodeuddrag eller dit eget tilpassede plugin.

Sådan opretter du et tema for børn WordPress

Nu hvor du ved, hvorfor børnetemaer er vigtige, lad os undersøge, hvordan du rent faktisk kan oprette et underordnet tema til dit WordPress-websted.

For det første, hvis du bruger Hej Elementor tema, vi har allerede oprettet et børnetema til dig - du behøver ikke at gøre det selv. Du kan tag fat på Hello Elementor-temaet fra WordPress.org. Du kan installere det som ethvert andet WordPress-tema (vi viser dig også, hvordan du installerer et underordnet tema senere i dette indlæg).

Hvis du bruger et andet WordPress-tema, er det altid værd at tage et hurtigt Google-kig for at se, om din WordPress-temaudvikler leverer et underordnet tema. For eksempel har Astra, GeneratePress og OceanWP alle værktøjer / filer til at hjælpe dig med at downloade et underordnet tema.

Hvis dit WordPress-tema ikke allerede har et underordnet tema, kan du oprette et underordnet tema til ethvert WordPress-tema:

Brug a WordPress plugin Gratis temagenerator til børn.
Opret dit eget barnstem manuelt.

Vi viser dig, hvordan du udfører begge metoder.

Sådan bruges et underordnet WordPress-plugin

Et plug-in til temaet generator-tema giver dig mulighed for at oprette et barn-tema uden at forlade dit WordPress-instrumentbord.

Den mest populære mulighed her den gratis børnetema-konfigurator-plugin, som er aktiv på over 300.000 websteder.

Child Theme Configurator hjælper dig ikke kun med at oprette de underordnede temafiler, men det vil også analysere det tema, du bruger, og temaet og font stilarkene efter behov.

Det inkluderer også andre nyttige funktioner, hvis du prøver at oprette et underordnet tema på et websted, hvor du allerede har tilføjet indhold. For eksempel kan det kopiere dine eksisterende widgets og tilpasningsmuligheder til underordnet tema.

Men hvis du planlægger at bruge plugin på et webstedopérationnel, anbefaler vi, at du foretager en fuld sikkerhedskopi, før du fortsætter. Eller ideelt set, konfigurer det hele på et demo-websted.

Når du har din sikkerhedskopi klar, skal du starte med at installere og aktivere det gratis Child Theme Configurator-plugin fra WordPress.org. Gå derefter til menuen Værktøjer → Børnetemaer at oprette dit barn tema.

På listen Vælg en rulleliste forældertema, Vælg det tema, du vil oprette dit barn-tema til. Klik derefter på Analyser:

Plugin analyserer derefter overordnet tema for eventuelle afhængigheder.

Når det er gjort, vil du se et par flere muligheder for at konfigurere, hvordan du opretter dit barn-tema. Hvis du ikke er sikker på, hvad en bestemt indstilling betyder, kan du bare lade den være som standard:

Når du er færdig med at foretage dine valg, skal du klikke på knappen nederst til at oprette en nyt barn tema.

Og det er alt! Plugin opretter derefter underordnet tema for dig. Den aktiveres dog ikke Du må IKKE dette barn tema.

Sådan aktiveres det:

Gå til Udseende → Temaer.
Se, hvordan dit websted ser ud med dette underordnede tema (for at sikre dig, at det fungerer - hvis dit websted ser underligt ud, er det sandsynligvis på grund af et CSS-problem).
Aktivér dit barn-tema, som du ville gøre med ethvert andet WordPress-tema. Sørg dog for at forlade dit overordnede tema installeret.

Når du har aktiveret dit barn-tema, tilbyder plug-in til Child Theme Configurator også andre nyttige værktøjer, der hjælper dig med at administrere barnet-temaet. For eksempel, hvis du går til fanen Filer fra plugin-indstillinger, kan du se alle tilknyttede filer i overordnet tema og underordnet tema.

Derefter kan du kopiere filer fra overordnet tema til underordnet tema.

For eksempel, hvis du vil foretage nogle ændringer til single.php, kan du kopiere denne fil til underordnet tema, så du sikkert kan redigere den:

Du finder også mange andre værktøjer, der hjælper dig med at arbejde med CSS.

Vi forklarer, hvorfor disse værktøjer er nyttige senere.

Sådan opretter man et barn-tema manuelt

I dette afsnit antager vi, at du ved lidt mere om PHP og CSS. Hvis du føler dig overvældet af instruktionerne her, anbefaler vi at bruge det gratis plugin fra det foregående afsnit.

Hvis du manuelt skal oprette et underordnet tema, skal du oprette to filer (dette er de strenge minimumsbetingelser for et underordnet tema):

style.css - I begyndelsen er alt hvad du behøver at tilføje kogepladekoden.

functions.php - dette giver dig mulighed for at indlæse stilarket for overordnet tema. Uden det ville dit barnetema ikke være i stand til at anvende CSS fra dit overordnede tema, hvilket gør dit websted super grimt!

style.css

Opret først en navngivet fil style.css og tilføj følgende kode:

/*

Tema Navn: Hello Elementor Child

Tema URI: https://github.com/elementor/hello-theme/

Beskrivelse: Hello Elementor Child er et tema for Hello Elementor, oprettet af Elementor team

Forfatter: Elementor Team

Forfatter URI: https://elementor.com/

Skabelon: hej-elementor

Version: 1.0.1

Tekstdomæne: hej-elementor-barn

Licens: GNU General Public License v3 eller nyere.

Licens URI: https://www.gnu.org/licenses/gpl-3.0.html

*/

Sørg for at udskifte noget, der kommer efter tyktarmen med dine faktiske oplysninger:

Tema navn - navn på dit barns tema.

URI-tema - websitet for dit tema og dets dokumentation.

Beskrivelse - en kort beskrivelse af temaet.

Forfatter - navnet på forfatteren af temaet.

Forfatter URI: - temaet forfatterens hjemmeside.

Skabelon - navn på din overordnede temamappe (som navngivet i din wp-indhold / temamappe). Dette er den vigtigste linje; dit barnetema fungerer ikke uden det.

Udgave - version nummer på dit barn tema.

Tekstfelt - dette bruges til internationalisering. Du kan bare tilføje "barn" til slutningen af skabelonnavnet.

Licens - lad dette være som standard.

URI-licens - lad dette være som standard.

Ekskluderer rækken Skabelon, det betyder ikke noget, hvad du indtaster, så stress ikke for meget. Bare sørg for at indtaste dit overordnede temas mappenavn korrekt for skabelon.

Hvis du vil tilføje dine egne brugerdefinerede stilarter i fremtiden, kan du tilføje det til dette typografiark under kogepladekoden.

functions.php

Derefter skal du oprette filen functions.php til dit barns tema. Igen er det dette, der giver dig mulighed for at indlæse dit overordnede temas fulde CSS-stilark.

I filen funktioner.php, tilføj følgende kode:



/ * Funktion til at markere stilark fra overordnet tema * /

funktion child_enqueue__parent_scripts () {
wp_enqueue_style ('forælder', get_template_directory_uri (). '/ style.css');
}
add_action ('wp_enqueue_scripts', 'child_enqueue__parent_scripts');

Upload filer til WordPress-webstedet

Når du først har dine filer style.css et functions.php, skal du uploade dem til dit WordPress-websted som et nyt tema.

For at gøre dette skal du oprette forbindelse til dit WordPress-websted ved hjælp af FTP.

Gå derefter til temakataloget på dit websted (wp-indhold / temaer)og opret en ny mappe til dit barn-tema.

For eksempel, hvis mappen til dit overordnede tema er hej-elementor, kan du navngive den underordnede mappe hej-eletor-barn for at hjælpe dig med at huske det.

Upload derefter din fil style.css et functions.php inde i denne mappe:

Når du har downloadet begge filer, kan du gå til Udseende → Temaer og aktiver dit barnetema, som du ville gøre med ethvert andet WordPress-tema.

Sådan installeres et WordPress-tema for børn

Vi har dækket nogle af disse aspekter ovenfor i de specifikke metoder, men vi vil gennemgå, hvordan du installerer et WordPress-underordnet tema endnu en gang.

Det vil også være nyttigt, hvis du downloadede et underordnet tema fra din temaudviklers websted, snarere end at oprette det selv.

Du kan installere et WordPress-underordnet tema, ligesom du ville gøre med ethvert andet WordPress-tema:

Adgang til Udseende → Temaer i din WordPress dashboard.
Klik Tilføj ny.
Upload ZIP-filen for underordnet tema.

Under installationsprocessen registrerer WordPress, at du downloader et underordnetema og kontrollerer, at overordnet tema findes:

Når du har downloadet filen, skal du huske at gøre det aktiver det.

Husk, at for dit barnetema skal fungere, skal du installere kl den tidoverordnet tema og barnet tema.

Dit barnets tema skal være dit aktive tema, men du skal stadig have dit forældertema installeret.

Her er hvordan det skal se ud:

Børnetemaet er det aktive tema
Det overordnede tema er stadig installeret, men ikke aktivt

Sådan tilpasses et barnets tema

Ligesom med tilpasning af et almindeligt WordPress-tema, har du flere muligheder for at "tilpasse" et underordnet tema.

For at være mere præcis er du det ikke rigtig tilpasse barnetemaet - du bruger barnetemaet til at tilpasse det eksisterende (overordnede) tema.

Først vil vi vise dig nogle måder, du kan bruge koden til at tilpasse dit barnets tema. Derefter deler vi en lettere måde at tilpasse ting med Elementor Theme Builder.

Tilpas et underordnet tema med kode

Hvis du vil tilpasse dit barnets tema med kode, skal du have god viden om CSS, HTML og PHP.

Her er nogle af de ting, du kan gøre:

Tilføj tilpasset CSS

For at tilpasse dit barnetema med CSS kan du tilføje det direkte til filen style.css af dit barns tema.

Tilføj CSS under den eksisterende kode øverst i filen.

Enhver CSS, du tilføjer til dit barn-tema, erstatter den med dit overordnede tema, så længe du bruger de samme vælgere.

Udskift eksisterende skabeloner

Hvis du vil udskifte skabeloner til dit overordnede tema, kan du:

Kopier skabelonfilen fra dit overordnede tema til underordnet tema.
Rediger skabelonfilen i dit barnets tema.

For eksempel, hvis du vil ændre single.php, kopierer du filen først single.php fra dit overordnede tema til barnet tema (sørg for at bevare den samme struktur).

Derefter kan du redigere koden i din underordnede version af single.php.

Bemærk: WordPress bruger dit barnetema's skabelon, så længe det har samme navn. På grund af dette skjuler du stort set den eksisterende skabelon i overordnet tema.

Hvis du bruger Child Theme Configurator-plugin, som vi nævnte ovenfor, kan det hjælpe dig med at kopiere filer til underordnet-temaet uden at forlade dit WordPress-betjeningspanel.

Tilføj nye skabeloner

Ud over at kopiere og ændre eksisterende skabeloner fra dit overordnede tema, kan du også oprette nye brugerdefinerede skabeloner i underordnet tema.

Hvis du f.eks. Vil oprette en skabelon til en brugerdefineret posttype, som du tilføjede, kan du tilføje disse skabeloner i dit barnetema.

Tilpas et underordnet tema med Elementor-temagenerator

Hvis du ikke er bekendt, Elementor Theme Buildergiver dig mulighed for at tilpasse en del af eller hele dit WordPress-tema ved hjælp af en visuel grænseflade.

Med Elementor Pro og Theme Builder kan du oprette tilpassede skabeloner til dine webstedsskabeloner:

Header
Sidefod
Enkelt (f.eks. Et enkelt blogindlæg eller -side)
Arkiv (f.eks. Den side, der viser alle dine blogindlæg)

Disse skabeloner fungerer både med underordnet tema og overordnet tema.

Med Elementor Theme Builder behøver du ikke arbejde direkte med kode. Der er ingen tilføjelse af brugerdefineret CSS eller kopiering af dine PHP-skabelonfiler - du gør det hele med træk og slip.

Antag f.eks., At du vil tilpasse overskriften til dit underordnede tema. I stedet for at skulle kopiere din fil header.php på dit barn-tema og derefter ændre PHP, kan du bare designe en ny header ved hjælp af Elementors visuelle og træk-og-slippe-interface. Derefter kan du anvende denne overskrift hvor som helst på dit websted eller bare bestemte dele af dit websted.

Hvis du er ny i CSS, HTML og PHP, giver denne no-code-tilgang dig mulighed for at tilpasse dit barnetema. Og selvom du gør det, kan denne visuelle tilgang stadig spare dig meget tid end med PHP i dine skabelonfiler.

Når du opretter en ny skabelon med Elementor Theme Builder, kan du vælge skabelontypen. For eksempel en overskrift.

Derefter kan du enten starte fra en tom skifer eller vælge en af Elementor Pro-modellerne:

Derfra kan du bruge indstillingerne for træk og slip i sidebjælken til at kontrollere udseendet på din header:

Når det er gjort, kan du vælge nøjagtigt, hvor du vil bruge denne oversigtsskabelon:

Sådan slettes et barnets tema på WordPress

Hvis du vil stoppe med at bruge dit barn-tema, kan du slå det fra, ligesom du ville gjort med et almindeligt WordPress-tema.

Dette er :

Gå til Udseende → Temaer.
Aktivér et andet tema. Enten det overordnede tema eller et helt nyt WordPress-tema.

Husk, at hvis du slukker for barnets tema og skifter tilbage til dit overordnede tema, vil ændringer, du har tilføjet gennem dit barnstema, ikke længere være der.

I stedet kommer du tilbage til at designe dit overordnede tema.

Begynd at bruge et WordPress-underordnet tema

Et barn-tema hjælper dig med at foretage ændringer i dit WordPress-tema.

Dit barnetema arver alle dets stilarter fra dit overordnede tema, men alle ændringer, du foretager i underordnet tema, tilsidesætter overordnede tema. Dette betyder, at du sikkert kan opdatere dit overordnede tema uden at miste nogen ændringer, du har foretaget i underordnet tema.

For at komme i gang med et WordPress-barnetema kan du:

Kontroller, om din temaudvikler allerede tilbyder et underordnet tema. Hvis du bruger Hello Elementor, kan du gøre det download et barnetema til det fra GitHub.
Brug det gratis barnemodekonfigurator-plugin.
Opret dit barnstem manuelt.

Derfra kan du tilpasse dit barnets tema ved hjælp af CSS, HTML og PHP. Du kan også springe koden over og bruge Elementor Theme Builder til at tilpasse dit tema ved hjælp af en visuel træk og slip-grænseflade.

Oplev også nogle temaer og premium WordPress-plugins

Du kan bruge andet WordPress plugins for at give et moderne udtryk og for at optimere håndteringen af din blog eller hjemmeside.

Vi tilbyder dig her nogle premium WordPress-plugins, der hjælper dig med det.

1. AP prissætningstabeller

AP-pristabel er en WordPress plugin premium som gør det nemt at lave funktionsrige prislister med intuitive grænseflader. Det tilbyder 35 foruddefinerede skabeloner og et ubegrænset antal muligheder.

med dette WordPress plugin let at bruge, at designe en fantastisk pristabel med blot et par klik vil være meget nemt. Det giver dig mulighed for at oprette ubegrænsede prisgitter ved at give mulighed for at tilføje rækker og kolonner, indstille kolonnekant, kolonneplads, kolonnebredde og meget mere.

Læs også Sådan tilpasser du WooCommerce-knappen "Føj til kurv"

Dette plugin tillader dig også tilføj lydindhold, video og Google Map.

Downloade| demo | Web-hosting

2.wp Sidebygger

WordPress Page Builder er den ultimative bygherre til dit WordPress-websted, der leveres med fantastiske værktøjer til at generere ethvert brugerdefineret indlæg, brugerdefineret taksonomi eller brugerdefineret metaboks.

Som funktioner har den blandt andet: en brugerdefineret posttypeCPT, en personlig taksonomi, avancerede brugerdefinerede felter, træk og slip-funktionalitet, understøttet Google Map-placering, understøttede gentagelige felter så godt og meget mere.

Downloade | demo | Web-hosting

3. Rankie

Rankie er et meget praktisk WordPress-modul designet til regelmæssigt at kontrollere WordPress-placeringer på Google og nøje overvåge placeringen af hvert søgeord.

Som et tracking tracking plugin opdaterer Rankie daglig placering af nøgleord og genererer nøjagtige rapporter.

Læs også vores 6 regelmæssige spørgsmål relateret til SEO og omdirigeringer

Det indeholder også et kraftigt forskningsværktøj, der genererer værdifulde søgeordslister. Google bruger det allerede til forskning.

Downloade | demo | Web-hosting

Anbefalede ressourcer

Find ud af om andre anbefalede ressourcer, der hjælper dig med at opbygge og administrere dit websted.

Konklusion

Her ! Det er det til denne tutorial. Har du stadig spørgsmål om nytten af et børnetema på WordPress? Lad os vide det i kommentarsektion og vi vil prøve at hjælpe!

Du vil dog også kunne konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse.

Tøv ikke med at del med dine venner på dine foretrukne sociale netværk.

...