Divi-undertemaer er den ideelle måde at få mest muligt ud af den kraft og kreativitet, som Divi tilbyder, uden at påvirke temaet på nogen måde.
Underordnede temaer er unikke for WordPress og er designet specifikt til at give alle mulighed for at tilpasse deres hjemmeside, som de ønsker, uden at ødelægge deres eksisterende tema (og endnu vigtigere dets opdateringsmuligheder). Det er en logisk og problemfri proces, når du først har forstået det, og det tilbyder et enormt potentiale for dem, der prøver det.
Denne side vil gennemgå alle aspekter af Divis underordnede temaer. Fra hvad de er, og hvad de kan, til at oprette dit eget underordnede tema.
Vi vil også dække, hvornår man skal bruge og ikke skal bruge et child theme, og vi vil vise nogle af de bedste Divi child themes, du kan købe, og hvor du kan købe dem, hvis du vil have et forspring.
40 Premium Divi-undertemaer
Uanset om du vil fremskynde webdesignet eller sikkert ændre et Divi-tema, indtil det er perfekt, er et child theme den rigtige løsning.
Du skal have en licenseret kopi af Divi installeret for at et undertema kan fungere. Ellers installeres disse undertemaer på præcis samme måde som ethvert andet WordPress-tema.
Her er 40 af de bedste premium Divi-undertemaer lige nu:
1. Artisan
Artisan er et meget moderne Divi-undertema designet til fødevarevirksomheder. Det har et elegant design med en fuldskærmsslider med filtrerede billeder. Under slideren udfolder siden sig med et konventionelt restaurantlignende layout med indholdsområder, glidende infobokse, en indlejret slider og andre funktioner.
Designet bruger en rolig farvepalet med en blanding af kit, hvid og filtrerede billeder. Selvom overskrifterne godt kunne have trængt til at blive forstærket en smule, er det samlede indtryk godt.
2. RoyalCommerce
Vi kan lide alt ved RoyalCommerce undtagen prisen. På trods af det er designet sagtens godt nok til at være en del af vores bedste premium Divi-temaer. Dette er et e-handelstema, der virkelig ligner, at det kunne tilhøre en stor mærkevarebutik.
Det er et simpelt, men meget effektivt tema med et beskrivende headerbillede og en rolig grøn kontrastfarve. Layoutet er flot, med produkter foran og i midten, brugbare produktsider med et sidebarfilter og en søgefunktion. Selvom du betaler for dette tema, er kvaliteten bestemt der til at retfærdiggøre prisen.
3. Molti E-handel
Molti Ecommerce er et livligt Divi-undertema, der er specielt designet til onlinebutikker. Det har et traditionelt butikslayout med en hovedsektion, produktkategorier, en indkøbskurv i topmenuen og meget mere.
Temaet har adskillige demoer, der alle har et lignende layout og en glad følelse. Det er en god mulighed for visse butiksnicher og kan tilpasses enhver virksomhed med minimal indsats.
4. Mode
Mode har et klassisk præg med sepia-tonede billeder og sobre farver. Det er indrettet som en gentleman-barber eller tøjbutik og kunne fungere rigtig godt til det, eller til barer, destillerier eller noget andet, der kunne klare en lignende æstetik.
Det er et simpelt design, der læner sig kraftigt op ad billeder for at fremhæve sit budskab. Der er et par indholdsblokke, og du kan tilføje flere om nødvendigt, men det er billederne, der får designet til at fungere. Udnyt dem, og dette kunne være det perfekte Divi-undertema til dine behov.
5. Voks
Grow er en mulighed for Divi-undertemaer direkte fra Elegant Themes. Det er et moderne virksomhedsdesign, der er let, rent og en smule legende. Det er også et andet tema, der på en eller anden måde får blå og brun til at fungere godt sammen.
Dette er et typisk virksomhedstema med en fed introduktion og historiefortælling under folden. Hvide baggrunde, velvalgte skrifttyper og billeder samt et flot flow i layoutet betyder, at du rent faktisk har lyst til at udforske siden og se, hvad der ellers er der. Det er det, webdesign handler om!
6. Divi E-handel Pro
Divi Ecommerce Pro er et moderne webshoptema designet til tech eller moderne produkter. Det har et let design med alle de vigtigste butikselementer, god udnyttelse af hvid plads, skiftevis hvide og skyggefulde produktrækker og et generelt udseende, der ville fungere godt.
Siden folder sig ud til en typisk butik med produktrækker, specialtilbud, udtalelser, prisbokse, en blog og tilmelding til nyhedsbrev. De indvendige sider er lige så rene og attraktive med pæne produktsider, plads til anmeldelser og udtalelser samt en attraktiv indkøbskurvsside.
7. Fleur
Fleur er en meget feminin butik, der fungerer exceptionelt godt. Det er et af de attraktive Divi-undertemaer, der bruger hvid plads godt, har komplementerende pastelfarver og nogle følelsesladede billeder, der sætter scenen perfekt for, hvad butikken handler om.
Længere nede på siden er der nogle fine produktsektioner med overskrifter og grafik, der skitserer tjenester. Det er et velafbalanceret tema, der formår at indeholde meget uden at det føles for meget.
8. Salgsmarked
Sales Mart er endnu et e-handelsdesign med et simpelt headerbillede og en topnavigation med en social sektion og et rabattilbud. Det er en god start på designet, der skaber en cool og tilgængelig fornemmelse på siden.
Længere nede ser du kategoribokse med produktsektioner, en række med specialtilbud og et udvalg af produktelementer og handlingsopfordringer, som du ville forvente at se i en butik. Valget af farver, skrifttyper og billeder fungerer godt her, og hvis du kunne genskabe det til din egen butik, ville det kunne gøre det rigtig godt!
9. Wooo
Woou er noget helt andet. Det er et multifunktionelt tema, der ville fungere godt for freelancere eller kreative. Det er et design på én side med et unikt design, der spreder indholdet bredt, men holder tingene interessante med en dristig temafarve og flot grafik.
Designet har nogle fantastiske skrifttyper og små ting som billedskygger, der gør det mere attraktivt. Kontrastfarven er inspireret, og det flisebelagte layout ned langs siden kan fungere perfekt til en række forskellige formål. Nogle gange er det godt at være anderledes, og dette design er et godt eksempel på det.
10. Restaurering
Restoration er et farverigt og levende tema designet til restaurering, byggeri og renovering af ejendomme. Det giver et effektfuldt førstehåndsindtryk med et rødt, hvidt og blåt farveskema og en stærk header, der udfolder sig til en meget effektiv reklamehjemmeside med nogle fine detaljer.
Dette er en ægte "fit and forget"-type design. Hvis temaet passer, behøver du ikke at gøre meget andet end at erstatte Lorum Ipsum med dit eget indhold og tilføje dine egne billeder. Dette tema har alt, hvad en ejendomsvirksomhed har brug for, og for det vurderer vi det meget højt.
11. Divi nonprofit
Divi Nonprofit er et velgørenhedstema, der er usædvanligt godt udført. Det åbner med det typisk følelsesladede billede og donationsboksen og udfolder sig til et meget fleksibelt design, der kan justeres, så det passer til enhver form for velgørenhed eller nonprofitorganisation.
Balancen mellem farver, funktioner og hvidt område er fremragende. De mørke og røde farver fungerer godt, afrundede bokse fungerer også, og brugen af komplementerende elementer og fuld sidefod giver et professionelt udseende og en professionel fornemmelse med meget lidt indsats.
12. Interiør
Interiøret er et meget moderne Divi-undertema med en skandinavisk følelse takket være farverne og det flade design. Der er ingen hvid plads her, men de afdæmpede komplementærfarver overvælder ikke, og selvom der sker meget, er det hele afslappet nok til at undgå at føle sig anstrengt, når man navigerer på siden.
Designet er beregnet til livsstil eller indretning, og det er det, der udmærker sig ved. God brug af billeder, simple, fede skrifttyper og en række karakterfulde sideelementer skaber tilsammen et meget kunstnerisk tema. Du skal dog vide, hvordan du tilpasser dette tema uden at miste den karakter!
13. Josefin
Josefin er et stilfuldt tema, der primært er monokromt, men har et strejf af farve hist og her fra billederne. Demoen er sat op som et eksempel på alt, hvad dette Divi-undertema er i stand til, og den bliver lidt uklar til tider, men er det perfekte eksempel på, hvad der er muligt.
Smart brug af billeder og skrifttyper, meget lidt hvid plads, der gør dets inkludering endnu mere kraftfuld, skarpe mørke og lyse elementer og nogle innovative funktioner på tværs af webstedet betyder, at dette er et kraftfuldt tema, der bogstaveligt talt kan bruges til hvad som helst med den rette anvendelse af fantasi og kreativitet.
14. Soho
Soho er et fototema, der virkelig skinner. Det gør et øjeblikkeligt indtryk med billeder i fuld skærm og en sort navigationslinje øverst. Tingene lysner lidt længere nede på siden med nogle lysere områder og mere hvidt rum, der giver lidt lys aflastning fra den mørke introduktion. Det er en fantastisk kombination!
Som forventet tilbyder porteføljesiderne et par layoutmuligheder, lightbox-effekter og andre tricks til at fremvise dit arbejde. Enkle skrifttyper og beskedne indholdsblokke supplerer billederne nok til at fortælle din historie og giver dig alt, hvad du behøver for nemt at opbygge et porteføljewebsted.
15Købmandsvarer
Dagligvarer er vores sidste Divi-undertema, og selvom det omhandler et almindeligt område af livet, nemlig bestilling af dagligvarer, gør det det med stil. Dette er et e-handelstema med masser af farver, karakter og selvtillid.
Det er et meget stilfuldt tema med en simpel palet af hvid, sort og rød, men det er lavet med så stor stil, at det virkelig fungerer. Du finder præcis, hvad du ville forvente af sådan et websted, inklusive søgning, en attraktiv indkøbskurvside, flotte produktsider og enkle, men meget effektive kategorifiltre.
16. Home Services
Hjemmeservice er et af en række underordnede temaer, der afspejler en række populære virksomheder, som dette tema kunne betjene. Det er dristigt, lyst og meget amerikansk, men leverer den effekt, vi leder efter på et websted som dette.
Alle sider deler det samme designskema, som du kan tilpasse med Divi Builder at levere brandede sider med minimal indsats.
17. Divi-entreprenørlayout
Divi Contractor Layout er et typisk design til en lille virksomhed, der kan tilpasses næsten enhver branche. Det er let, lyst, farverigt og leverer øjeblikkelig engagement takket være en stor "hero"-sektion.
Resten af skabelonen indeholder produkt- og servicesektioner, en gratis opfordring til handling (CTA) og alle de ingredienser, et websted for en lille virksomhed har brug for.
18. Flora-tema
Flora Theme er et minimalistisk tema med masser af hvid plads og rolige neutrale farver overalt. Det er et fredeligt design, der kan bruges til mange typer hjemmesider.
Den centrale sektion kunne fungere til blogs eller butikker, mens den minimale navigation lader sidens indhold skille sig ud, samtidig med at brugeren får det, de har brug for.
19. Divi Fotografi E-handel
Divi Photography eCommerce har en mørk og en lys version, og begge fungerer utroligt godt. Begge lader billeder skinne igennem, mens de bevarer minimale indholdsområder til kritisk information.
Designene er ideelle for kunstnere, fotografer og andre kreative til at vise deres arbejde frem og engagere læserne.
20. Phoenix Super-tema
Phoenix Super Theme er et multifunktionelt tema designet til bureauer og moderne virksomheder. Det er et af de mest populære Divi-undertemaer og har alle de ingredienser, du har brug for til at bygge et helt igennem moderne websted med Divi.
Temaet har adskillige færdige layouts til en række virksomheder. Hvert layout kan tilpasses eller tilpasses, som du ønsker. Til sidst vil du have en hurtig og fuldt responsiv hjemmeside med meget lidt indsats.
21. Ejendomme til Divi
Divis ejendomsmarked har et meget amerikansk præg, men er universelt attraktivt. Det åbner med en stor hovedsektion, der opdeler udlejning og salg, hvilket er logisk for ejendomsmarkedet. Længere inde finder du sektioner for medarbejderbiografier, serviceområder og annoncer.
Annoncesektionerne kan tilpasses og kan bruge filtre og billeder til at vise ejendomme frem. Der er også søgefunktioner for at forbedre brugervenligheden og fleksibel navigation, der sikrer, at den besøgende altid kommer derhen, hvor de skal hen.
22. Fleksibel
Flexile er et alsidigt Divi-undertema med en række skabeloner, du kan installere og bruge, som du ønsker. Alle designs er flade og farverige med masser af indholdsområder og attraktiv grafik.
Designene passer til deres påståede niche og kan tilpasses på stedet. Dette tema har flere overskrifter og sidefødder, masser af hovedsektioner og masser af værktøjer til at bygge fantastiske hjemmesider.
23. Divi håndlavet
Divi Handmade er et kreativt tema, der kan fungere som en blog, freelancehjemmeside eller endda en butik. Det er let, minimalistisk og har nogle dejlige designdetaljer, der får dig til at føle dig velkommen.
Designet har en simpel, men effektiv menu, masser af hvid plads og grafik, der tilføjer den håndlavede følelse til siden. Det er et dejligt tema, der kunne fungere utroligt godt.
24. Avanti
Avanti er et alsidigt undertema til Divi, der dækker en lang række nicher. Vi kan lide dem alle, da de er farverige, engagerende og meget veldesignede.
Hvert tema har relevante sideafsnit for nichen, enkel navigation, nogle velvalgte farver og en jævn strømning fra header til footer.
25. Hotel Booking
Hotel Booking Divi-barnetemaet har et helt andet udseende end de andre hoteltemaer på denne liste. Dette har en anden energi og kunne være ideelt til Airbnb, hoteller, moteller, restauranter eller andre virksomheder, der tager imod bookinger.
Den bruger en dristig orange kontrastfarve med mørke og lyse områder for at skabe interesse. Den har alle de indholdssektioner, man ville forvente at se, sammen med nogle ekstrafunktioner. Alt sammen pakket ind i en meget attraktiv skabelon.
26. Freelancer
Freelancer gør et øjeblikkeligt indtryk med klare farver og en unik sidemenu. Det er en fantastisk måde at give et førstehåndsindtryk og få opmærksomhed som freelancer eller ny virksomhed.
Skabelonen har en jævn scroll-funktion med flere klare farver, enkle animationer og tydelige indholdsområder, der fremviser dit arbejde.
27. TRoo Vinbutik Divi WooCommerce børnetema
TRoo Wine Shop Divi WooCommerce Child Theme er et mørkt tema, der antyder luksus, ideelt til vin eller andre premiumprodukter. Det er veldesignet med en fuldskærms hero-sektion og en jævn scroll-funktion.
Der er alt, hvad du forventer at se på siden, inklusive produktsektioner, en "Om os"-sektion, butikselementer, biografier, en blog og meget mere. Det er også alt sammen fleksibelt, så du kan tilføje eller fjerne sektioner, som du vil.
28. Den gode restaurant
The Good Restaurant er et let tema med masser af hvid plads og minimale indholdsområder. Det er et design, der rummer billeder til det tunge arbejde, og det kan være ideelt for mange typer små virksomheder.
Designet bruger en rolig grøn kontrastfarve, men du kan ændre den til hvad som helst. Der er en funktion til bordreservation, galleri, butik og masser af ekstra sider, du kan bruge med minimal redigering.
29. Divi LMS til LearnDash Child Theme
Divi LMS til LearnDash Child Theme er ideelt til alle, der driver en hjemmeside med onlinekurser, der bruger LearnDashDet er et design med en ungdommelig følelse med klare farver og en blanding af hvide områder og indholdsområder.
Temaet fungerer hurtigt, ruller problemfrit og inkluderer alle de sektioner, man ville forvente af et LMS-tema. Importer dette, og der er meget lidt, du skal gøre for at få dit websted op at køre.
30. Bright
Bright Divi-barnetemaet er præcis det. Det er let, lyst og har en fantastisk energi. Det er en virksomhedshjemmeside, der kunne fungere for freelancere eller bureauer. Det har en fantastisk følelse, der er svær at designe, og det gør det værd at tjekke ud.
Siderne er velafbalancerede, der er små animationer, klare farver og en god stemning hele vejen igennem. Absolut et besøg værd.
31. Alfa Divi børnetema
Alfa Divi-barnetemaet er designet til teknologi, men kan fungere overalt. Det er et mørkt tema med et moderne præg og god kontrast. Sort baggrund med hvide skrifttyper og en fed lyserød farve fungerer godt.
Designet har en fuldskærms hero-sektion, der bruger animation til at vise resten af siden. Effektive billedblokke fremviser produkter og tjenester med stor effekt.
9 bedste steder at købe Divi-undertemaer
Hvis ingen af disse 20 premium Divi-undertemaer rammer plet, er der et par steder online, hvor du kan købe alternativer. Her er nogle af de mere pålidelige steder at købe dit næste Divi-undertema.
1. Elegant Temaer
Hvor er det bedre at købe sine underordnede temaer end fra dem, der bragte os Divi i første omgang? Elegant Themes har et bredt udvalg af Divi-underordnede temaer, der dækker de fleste nicher. De sælger også overordnede temaer, udvidelser og andre gode ting.
Elegant Themes' hjemmeside er meget nem at bruge og tilbyder søgefunktioner og filtre, der hjælper dig med at navigere blandt de hundredvis af produkter i butikken. Priserne spænder fra kun $5 op til $160.
2. Elegant markedsplads
Så vidt vi kan se, er Elegant Marketplace ikke tilknyttet Elegant Themes. Det er en separat enhed, der ikke viser Divi-undertemaer samt temaer til Elementor og andre. Siden sælger også plugins og tilhørende tjenester såsom hosting.
Priserne for Divi-undertemaer ligner DiviCakes. De spænder bredt, fra $29.95 op til $149. Der er også en abonnementsmulighed til priser fra $10 pr. måned, der giver adgang til undertemaer.
3. Mark Hendriksen
Mark Hendriksen er en hjemmeside, der dækker alle aspekter af WordPress og inkluderer en butik. Der er en specifik Divi-markedsplads, hvor du kan finde et stort udvalg af layouts og underordnede temaer samt dem til WooCommerce.
Da butikken er en tilføjelse til hovedsiden, skal du vælge knappen "Køb nu" øverst til højre for at få adgang til undertemaerne. Der kan du søge, filtrere og browse, alt efter hvad du vil. Priserne varierer fra $19.99 op til $49.99.
4. Divi.space
Divi.space er en markedsplads for det meste inden for Divi. Den sælger temaer, undertemaer, plugins, hosting og kurser, der hjælper dig med at mestre Divi og WordPress. Det er en veldesignet hjemmeside, der er nem at navigere i og finde temaer.
Kvaliteten af temaerne er god, ligesom prisen. Den eneste ulempe er, at du ikke kan købe undertemaer direkte, men skal abonnere. Medlemskab koster $199 om året eller $449 som et engangsgebyr.
5. Vær superflyvende
Be Superfly er et designstudie, der producerer en masse temaer, plugins og lækkerier til WordPress og Divi. Deres onlinebutik har et udvalg af undertemaer og plugins, der er af meget høj standard.
Hjemmesiden er farverig og karakterfuld og er en kombination af en webudviklerhjemmeside og en onlinebutik. I butikken findes der et udvalg af Divi-undertemaer, der dækker mange nicher. De koster fra $29 op til $99 med rabatter tilgængelige for abonnenter.
6. Eksempler på Divi-temaer
Divi Theme Examples er en anden hjemmeside, hvor du kan se en række Divi-produkter, herunder undertemaer. Der er også et udvalg af gratis temaer og undertemaer, du kan downloade.
Siden er nem at navigere på, søge og filtrere. Forskellen med Divi Theme Examples er, at den ikke sælger direkte. I stedet henviser den dig til udviklerwebsteder, hvor du kan købe direkte fra udvikleren. Priserne varierer fra $29 op til $169.
Men hvis du ønsker inspiration, kan du tjekke vores egen omfattende liste over inspirerende eksempler på Divi-temaer grupperet efter forskellige nicher.
7. Divi-layouts
Divi Layouts fungerer ligesom Divi Theme Examples. Det er en udstillingsside snarere end en markedsplads, der indeholder hundredvis af Divi-temaer og nogle undertemaer. Der er både gratis og premium-produkter på siden, og produkterne opdateres regelmæssigt for at vise de seneste udgivelser.
Siden er nem at bruge og har en nyttig sidebar, der viser kategorier og en søgefunktion. Priserne spænder fra gratis op til $219.
8. Divi Temacenter
Divi Theme Center er en Elegant Themes-tilknyttet hjemmeside, der præsenterer nogle af de bedste børnetemaer. Siden indeholder også dem fra Divi Cake, Elegant Marketplace og andre. Hvis du kan tilgive de dårlige engelske oversættelser og stavefejl, er dette et andet nyttigt websted til at se Divi-børntemaer.
Selve siden er af lav kvalitet, men har en bred vifte af underordnede temaer fra andre markedspladser, så den kan være nyttig til at gennemse temaer. Links fører dig direkte til udvikleren, så du kan foretage et køb med ro i sindet. Priserne er fra gratis op til $60.
IMH
Vil du have en hurtig hjemmeside?
Hvem laver jeg sjov? Gør vi ikke alle sammen?
Så hvorfor kæmper så mange af os?
Den største udfordring er normalt at finde et hurtigt, pålideligt hostingfirma.
Vi har alle været igennem mareridtene - støtte tager evigheder eller løser ikke vores problem altid skylden noget på din side...
Men den største bummer er, at hjemmesiden altid føles langsom.
At CollectiveRay vi hoster med InMotion hosting og vores hjemmeside er dum hurtig. Vi kører på en brugerdefineret stak af LightSpeed-serveropsætning på MariaDB med en PHP7.4-motor og frontet gennem Cloudflare.
Kombineret med vores frontend-optimeringer serverer vi pålideligt 6000 brugere hver eneste dag, med peaks på 50+ samtidige brugere.
Vil du have en hurtig opsætning som vores? Overfør dit websted gratis til InMotion-hosting og få vores 50% rabat på nuværende priser.
Prøv InMotion Hosting med 50 % rabat for CollectiveRay besøgende i juni 2025 KUN!
Hvad er et Divi-undertema?
Ifølge WordPress Codex er "et undertema et tema, der arver funktionaliteten og stylingen fra et andet tema, kaldet overordnet tema."
Ikke sikker på Divi-kernen? Vi har masser af Divi-anmeldelser du kan tjekke ud. Vi har også sammenlignet Divi vs Elementor i alle aspekter, en anmeldelse på 10,000 ord!
Jeg sammenligner et undertema med når man fotokopierer en opskrift. Man kan tilføje eller fjerne ingredienser, ændre mængderne og gøre hvad man vil med kopien uden at påvirke den originale opskrift.
Når du prøver at følge opskriften, kan du se på de ændringer, du har foretaget på kopien, samtidig med at du sørger for, at den forbliver tro mod den originale opskrift. Hvis du ødelægger kopien, kan du smide den ud og lave en ny.
Et child theme fungerer på præcis samme måde.
I WordPress-kontekst er hovedtemaet (forældret) den originale opskrift. Barnetemaet er fotokopien. Når WordPress vil følge opskriften for at indlæse webstedet, ser det først på barnetemaet og derefter på hovedtemaet og viser, hvad det får at vide i den rækkefølge.
Alle ændringer, du ønsker at foretage, foretager du i undertemaet. Dette lader det oprindelige tema forblive intakt.
For at forstå, hvordan et child theme fungerer, lad os gennemgå et par scenarier. Først er den traditionelle måde, du installerer et WordPress-tema på:
- Du køber et WordPress-tema fra en markedsplads eller en udvikler.
- Du installerer det i WordPress, som du plejer.
- Du foretager ændringer i temaet, så det passer til dit brand, eller for at tilføje eller fjerne funktioner.
Sådan ville du typisk bruge et WordPress-tema. Enhver ændring, du foretager i temaet, ændrer det fundamentalt. Hvis du vil tilbage til originalen, skal du enten købe temaet igen eller bruge en ny kopi af temaet og starte forfra.
Hvis udvikleren også foretager en betydelig opdatering af temaets udseende eller funktion, kan det fortryde alle de ændringer, du har foretaget, eller helt forhindre dit websted i at fungere.
Her er en alternativ måde at gøre tingene på, med et undertema.
- Du køber et WordPress-tema fra en markedsplads eller en udvikler.
- Du opretter eller installerer et undertema, der fungerer med det pågældende tema.
- Du foretager ændringer i child-temaet, så det passer til dit brand, eller for at tilføje eller fjerne funktioner.
Da WordPress læser et undertema først, vil alle ændringer, du foretager i det, blive vist på siden. Det originale tema forbliver intakt, uanset hvordan du ændrer undertemaet.
Opdateringer fra udvikleren vil heller ikke påvirke undertemaet.
Hvornår har jeg brug for et child theme?
Et undertema er nyttigt, når du planlægger at foretage betydelige ændringer i en WordPress-skabelon, eller hvis du bruger et temaframework.
- Hvis du tror, at du konstant vil pille ved dit design, selv når det er live, bør du bruge et child theme.
- Hvis du vil oprette flere hjemmesider med det samme tema på hver hjemmeside, bør du bruge et child theme for at strømline processen.
- Hvis nogle af dine ændringer skal foretages i header.php, footer.php, single.php, 404.php eller andre kerne-temafiler, bør du bruge et undertema.
- Hvis du bruger et tema-framework som Genesis eller Divi, bør du bruge et child theme.
Denne liste er ikke udtømmende, men du får ideen.
Når jeg ikke har brug for et undertema
Det samme gælder for ikke at bruge et child theme. Der er mange gange, hvor det ikke er i din bedste interesse at bruge et.
Såsom:
- Hvis du planlægger at købe et WordPress-tema og ikke foretage nogen ændringer, behøver du ikke at bruge et child theme.
- Når du ikke har tid til at lære det overordnede tema grundigt at kende for at bruge det underordnede tema korrekt, behøver du ikke at bruge et underordnet tema.
- Hvis du har fået oprettet et skræddersyet WordPress-tema, der ikke kræver tilpasninger, behøver du ikke at bruge et child theme.
- Hvis du kun skal ændre et par mindre elementer i et tema for at det passer til dine behov, behøver du ikke at bruge et undertema.
Igen, dette er ikke en udtømmende liste, men du forstår ideen.
Forskellige typer af WordPress-undertemaer
Der er to hovedtyper af WordPress-undertemaer til Divi: det tomme undertema og det premium-undertema.
Tomt Divi-undertema
Et tomt Divi-undertema er en simpel affære, der består af kernefiler og ikke meget andet. Du bør som minimum finde en style.css-fil og en functions.php-fil. Dette undertema installeres efter det primære Divi-tema og arver designet fra det valgte tema.
Hovedformålet med et tomt Divi-undertema er mindre redigeringer. Det holder filerne på et minimum, samtidig med at du hurtigt og effektivt kan ændre det, du har brug for.
Premium børnetema
Et premium-undertema indeholder et komplet tema og alle de filer, der kræves for at køre temaet. Du kan foretage ændringer i alle disse filer uden at påvirke kernetemaet på samme måde som et tomt undertema.
Premium-undertemaer er ideelle for alle, der leder efter en præbygget hjemmeside, der passer til en bestemt branche eller niche. Alt det hårde arbejde er gjort for dig, og alt du skal gøre er at justere den, så den passer til dit eller din kundes brand.
De fungerer stort set som et standard WordPress-tema, men har den fordel, at de kan tilpasses uden at påvirke det originale tema.
De kan også vise sig nyttige for dem, der ønsker at skabe et mere unikt design med Divi som base. Du har alle filerne til rådighed, så du kan tilpasse dem, som du ønsker, uden at påvirke hovedtemaet.
Sådan opretter du et Divi-undertema
Du kan oprette et Divi-undertema på flere måder.
Du kan:
- Brug et tomt undertema, der følger med dit overordnede tema.
- Skab din egen.
- Brug et child theme-plugin.
- Brug generator for underordnede temaer.
Da tre af disse fire muligheder slet ikke er sjove, tænkte vi, at vi ville lave vores eget undertema fra bunden.
Bare rolig, det er en meget simpel proces, og vi vil guide dig igennem den fra start til slut.
Opret et undertema manuelt
For at oprette dit eget Divi-undertema, skal du bruge et par ting.
Du får brug for:
- Det centrale Divi-tema installeret i WordPress.
- En teksteditor som f.eks. Notepad + + eller alternativ.
- En FTP-klient eller et middel til at uploade undertemaet til WordPress.
Hvis du har alle de ting, så lad os dykke ned i det.
- Opret en mappe på din computer og kald den 'divi-child'.
- Opret en ny fil med din teksteditor og kald den 'style.css'. Gem den i mappen 'divi-child'.
- Opret en ny fil med din teksteditor og kald den 'functions.php'. Gem den i mappen 'divi-child'.
- Indsæt koden nedenfor i dine nye filer.
Indsæt dette i din nye style.css-fil og gem den:
/*
Tema navn: Divi Child
Tema URI: https://www.elegantthemes.com/gallery/divi/
Beskrivelse: Divi-undertema
Forfatter: Elegant Temaer
Forfatter URI: https://www.elegantthemes.com
Skabelon: Divi
Version: 1.0.0
*/
/* =Tematilpasning starter her
----- ... */
Du kan lade style.css være som den er, eller tilpasse den til dine egne behov. Så længe du ikke ændrer temanavnet og skabelonen, kan du gøre, hvad du vil med resten.
Indsæt dette i din nye functions.php-fil og gem den:
funktion my_theme_enqueue_styles() {
wp_enqueue_style( 'forældre-stil', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles');
//du kan tilføje brugerdefinerede funktioner under denne linje:
WP_enqueue
Den kritiske del af functions.php-filen er 'wp_enqueue_style()'. Dette fortæller WordPress, at du bruger et undertema og skal arve stilen fra det overordnede tema.
Den erstatter den gamle '@import URL'-metode, hvor man bruger et overordnet tema, og den gør det muligt for sider at indlæse hurtigere, og den er meget mere effektiv.
Underordnede temafiler
Disse to filer udgør kernen i et undertema. Du kan også oprette et skærmbillede, der vises i menuen Udseende i WordPress for at identificere dit undertema. Det er god praksis at tilføje et skærmbillede, og det forventes i klientinstallationer.
Du kan lave skærmbilledet lige præcis, hvad du vil, dit firmalogo, noget personligt for dig eller en simpel grafik med navnet – det er helt op til dig. Bare sørg for, at skærmbilledet ikke er større end 1200 x 900 px, og gem det som 'screenshot.png', så det genkendes af WordPress.
Når det er gjort, skal du zippe divi-child-mappen, så den er klar til upload.
Upload dit child-tema til WordPress
Så længe du allerede har Divi installeret og aktiveret i WordPress, burde dit child theme fungere med det samme, når det er installeret.
Enten via FTP eller manuelt at uploade dit child theme til WordPress.
Hvis du bruger FTP, så udpak divi-child-mappen og upload den til /wp-content/themes.
Sådan uploader du manuelt:
- Log ind på WordPress som normalt.
- Vælg Udseende og temaer i menuen til venstre på dashboardet.
- Vælg Upload tema og vælg fil.
- Vælg divi-child zip-mappen på din computer, og upload den.
- Vælg Aktivér, når du ser muligheden.
Dit undertema er nu installeret og aktiveret!
Tilpasning af dit Divi-undertema
Selvom du har oprettet og aktiveret dit nye børnetema, vil du ikke bemærke nogen forskel, når du kigger på webstedet. Det skyldes, at børnetemaet endnu ikke har nogen tilpasningsmuligheder.
Det er det, vi gør nu.
Jeg har brugerdefineret CSS i mit primære Divi-tema, der fjerner den nederste kant fra menuen. Det er en simpel rettelse, men en der passer til min personlige smag. Hvis jeg brugte child-temaet som tiltænkt, skal jeg kopiere den kode ind i min nye style.css-fil for at den kan træde i kraft.
Sådan er det.
- Naviger til sektionen Brugerdefineret CSS i Divi-hovedtemaet.
- Klip koden fra Custom CSS og gem ændringen i Divi.
- Åbn style.css-filen i din divi-child-mappe.
- Indsæt koden efter hvor du ser '/* =Tematilpasning starter her'.
- Gem filen.
Til din fordel er koden her:
#hovedoverskrift{
-webkit-box-shadow:none !vigtig;
-moz-box-shadow:none !vigtig;
boks-skygge:ingen !vigtig;
}
Hvis du gør dette, før du uploader dit child theme, kan du indsætte det direkte i style.css i mappen. Hvis du allerede har uploadet dit child theme, skal du bruge temaeditorfunktionen i WordPress til at foretage ændringen.
Redigering af Divi-filer, mens du bruger et child theme
Formålet med et Divi-undertema er at kunne tilpasse udseendet og følelsen af hjemmesiden uden at påvirke det overordnede tema. Hvad så hvis du vil tilføje en funktion eller foretage en ændring i en kernefil?
Du kopierer filen fra Divi-overordnede temaet, indsætter den i dit underordnede tema og ændrer filen.
For eksempel, lad os sige, at du vil ændre en funktion i functions.php. Du ville:
- Tag en kopi af functions.php fra Divis overordnede temafil.
- Indsæt kopien i din divi-child-mappe.
- Foretag eventuelle ændringer i filen i divi-child-mappen.
På den måde vil eventuelle ændringer, du foretager, blive afspejlet i designet, men de vil ikke påvirke standardfilen functions.php. Hvis noget går galt, kan du slette din kopi og tage en ny.
Hvis udvikleren opdaterer filerne, er det kun kernefilen, der opdateres, og ikke kopien i divi-child.
Yderligere redigering af et Divi-undertema
Du kan tage dette princip så langt, som du vil. Så længe du kopierer filen fra Divi-forældrefilen til Divi-barntemaet og afspejler navngivningskonventionen nøjagtigt, bør barntemaet altid være det, WordPress bruger, når det indlæser dit websted.
Vil du ændre, hvordan blogindlæg vises? Tag en kopi af single.php fra Divi og kopier den ind i divi-child. Rediger filen der, og så er du klar.
Det er det samme princip for enhver ændring, du måtte ønske at foretage.
Hvis du ikke ønsker at oprette dit eget child theme, eller foretrækker noget med lidt mere indhold, kan du købe et.
Ved at købe et premium Divi-undertema får du alle de ingredienser, du har brug for til at oprette en niche- eller unik hjemmeside ved hjælp af Divi. Alle nødvendige filer er inkluderet, og du kan ændre dem efter behov for at skabe dit unikke udseende uden at påvirke det overordnede tema.
Det er det, vi vil dække næste gang.
Ofte stillede spørgsmål om Divi-undertemaet
Hvad bruges et Divi-undertema til?
Et Divi-undertema bruges til at foretage betydelige ændringer i et WordPress-tema uden at ændre standardfilerne. Grundlæggende laver du en kopi af kernefilerne fra hovedtemaet og ændrer disse kopier. WordPress læser først kopien og derefter overordnet, så enhver tilpasning foretaget i undertemaet vises, når siden indlæses. Alt imens de originale filer forbliver intakte.
Har Divi brug for et child theme?
Divi behøver ikke et undertema, men det kan være nyttigt, hvis du planlægger at foretage betydelige ændringer i udseendet og følelsen af dit websted. Hvis du foretager mindre ændringer i temaet, behøver du ikke et Divi-undertema.
Hvordan opdaterer jeg et child theme?
Du opdaterer et undertema på samme måde som et standardtema. Åbn filen i en teksteditor, tilføj dine ændringer, gem filen, og genindlæs siden for at teste. Du kan også bruge en træk-og-slip-sidebygger, f.eks. Elementor, til at tilpasse et undertema.
Blanke underordnede temaer vs. premium underordnede temaer
Du kan vælge et tomt undertema eller et premium undertema til at bygge dit websted. Det tomme undertema leveres med barebones-filer, der er klar til at blive tilpasset. Premium undertemaet leveres med de fleste temafiler allerede på plads, så du kan bruge dem efter behov.
Hvor kan jeg downloade et gratis, tomt Divi-undertema?
Du kan downloade et gratis, tomt Divi-undertema fra forskellige steder online. Bare google 'gratis, tomt Divi-undertema', og du vil se snesevis af muligheder. Vi anbefaler dog kraftigt at lave dit eget, da det vil hjælpe dig med bedre at forstå, hvordan det hele fungerer.
Hvordan opretter jeg et child theme til Divi?
Du kan lave et child-tema til Divi ved at oprette din egen divi-child-mappe og style.css- og functions.php-filer. Kopier kernekoden til hver fil og gem den. Tilføj dem til din mappe og upload dem til WordPress ved hjælp af Udseende > Temaer > Tilføj nyt > UploadAktivér når det er færdigt, og så er du klar.
Har jeg brug for et child theme med Divi?
Nej, du behøver ikke et undertema til Divi, hvis du ikke redigerer kernefunktionsfiler såsom PHP- og Javascript-filer. Divi har CSS-funktioner, der giver dig mulighed for at tilføje brugerdefineret CSS til Divi-temaindstillinger og bruge Divis indbyggede kontroller, så i dette tilfælde behøver du ikke at oprette et undertema. Når det er sagt, er det bedst at oprette et, hvis du planlægger at foretage store ændringer, for at holde tingene organiseret.
Findes der et Divi child theme plugin?
Ja, der findes Divi-undertema-plugins, der kan hjælpe dig med at oprette og administrere dit Divi-undertema lettere. Nogle af de populære er Divi Children, Child Theme Configurator, Divi Switch og WPChild. Disse plugins kan være meget nyttige, hvis du ikke har erfaring med at oprette undertemaer, eller hvis du vil spare tid. Men hvis du foretrækker at oprette dit eget undertema fra bunden, kan du følge ovenstående trin for at oprette et Divi-undertema.
Oversigt over Divi-undertemaer
Konceptet med underordnede temaer i WordPress var et genialt udtryk. Det giver alle mulighed for at ændre et tema uden at påvirke standardfilerne, hvilket giver dem nok selvtillid til at eksperimentere.
Som et af de mest populære WordPress-temaer i verden er Divi særligt velegnet til børnetemaer. Der findes bogstaveligt talt hundredvis af dem derude til en billig penge.
Hvis du er på markedet efter et Divi-undertema, ville et hvilket som helst af dem på vores liste over udvalgte temaer fungere godt. Ellers har de ovennævnte markedspladser helt sikkert det, du leder efter.
Bruger du Divi-undertemaer? Bruger du nogle af dem på vores liste? Har du andre at anbefale? Fortæl os om det nedenfor, hvis du gør!