30+ Divi Child Themes für WordPress + Ultimativer Leitfaden (2025)

Divi-Kinderthemen sind der ideale Weg, um die Kraft und Kreativität von Divi optimal zu nutzen, ohne das Thema in irgendeiner Weise zu beeinflussen.

Child-Themes sind einzigartig in WordPress und wurden speziell dafür entwickelt, dass jeder seine Website nach Belieben anpassen kann, ohne das vorhandene Theme (und vor allem dessen Aktualisierbarkeit) zu beeinträchtigen. Es ist ein logischer und nahtloser Prozess, wenn man ihn einmal verstanden hat, und bietet denjenigen, die ihn ausprobieren, enormes Potenzial.

Diese Seite führt Sie durch alle Aspekte der Divi-Kinderthemen. Von dem, was sie sind und was sie tun können, um ein eigenes untergeordnetes Thema zu erstellen.

Wir werden auch behandeln, wann ein untergeordnetes Thema verwendet und nicht verwendet werden soll, und wir werden einige der besten Divi-untergeordneten Themen vorstellen, die Sie kaufen können, und wo Sie sie kaufen können, wenn Sie einen Vorsprung haben möchten.

40 Premium-Divi-Child-Themes

Egal, ob Sie das Website-Design beschleunigen oder ein Divi-Design sicher ändern möchten, bis es perfekt ist, ein untergeordnetes Design ist die Lösung.

Damit ein Child-Theme funktioniert, benötigen Sie eine lizenzierte Version von Divi. Ansonsten werden diese Child-Themes genauso installiert wie jedes andere WordPress-Theme.

Hier sind 40 der besten derzeit verfügbaren Premium-Divi-Child-Themes:

1. Artisan

Artisan ist ein modernes Divi-Child-Theme für Lebensmittelunternehmen. Es besticht durch sein elegantes Design mit einem Vollbild-Slider und gefilterten Bildern. Unter dem Slider entfaltet sich die Seite in einem klassischen Restaurant-Layout mit Inhaltsbereichen, verschiebbaren Infoboxen, einem Inline-Slider und weiteren Funktionen.

Das Design verwendet eine ruhige Farbpalette mit einer Mischung aus Kitt, Weiß und gefilterten Bildern. Die Überschriften könnten zwar etwas stärker sein, der Gesamteindruck ist jedoch gut.

2. RoyalCommerce

Wir mögen alles an RoyalCommerce, außer dem Preis. Trotzdem ist das Design gut genug, um zu unseren besten Premium-Divi-Themes zu gehören. Dieses E-Commerce-Theme sieht wirklich so aus, als könnte es zu einem großen Markenshop gehören.

Es ist ein einfaches, aber sehr effektives Theme mit einem aussagekräftigen Header-Bild und einer ruhigen grünen Kontrastfarbe. Das Layout ist ansprechend, mit Produkten im Vordergrund und übersichtlichen Produktseiten mit Seitenleistenfilter und Suchfunktion. Obwohl Sie für dieses Theme bezahlen, rechtfertigt die Qualität den Preis auf jeden Fall.

3. Molti E-Commerce

Molti Ecommerce ist ein lebendiges Divi-Child-Theme, das speziell für Online-Shops entwickelt wurde. Es verfügt über ein traditionelles Shop-Layout mit einem Hero-Bereich, Produktkategorien, einem Warenkorb im oberen Menü und vielem mehr.

Das Theme bietet mehrere Demos mit ähnlichem Layout und ansprechendem Design. Es eignet sich hervorragend für verschiedene Shop-Nischen und lässt sich mit minimalem Aufwand an jedes Unternehmen anpassen.

4. Mode

Mode vermittelt mit Sepia-Bildern und dezenten Farben einen traditionellen Touch. Es ist als Herrenfriseur oder Bekleidungsgeschäft konzipiert und könnte dort ebenso gut funktionieren wie in Bars, Brennereien oder anderen Geschäften mit ähnlicher Ästhetik.

Es ist ein schlichtes Design, das stark auf Bilder setzt, um seine Aussage zu unterstreichen. Es gibt einige Inhaltsblöcke, und Sie können bei Bedarf weitere hinzufügen. Die Bilder machen dieses Design jedoch erst so richtig aus. Nutzen Sie diese, und dies könnte das perfekte Divi-Child-Theme für Ihre Bedürfnisse sein.

5. Wachsen

Grow ist eine Option für Divi-Child-Themes direkt von Elegant Themes. Es ist ein modernes Corporate Design, das hell, klar und leicht verspielt ist. Es ist außerdem ein weiteres Theme, bei dem Blau und Braun gut harmonieren.

Dies ist ein typisches Unternehmensthema mit einem markanten Intro und Storytelling unterhalb der Falzlinie. Weiße Hintergründe, gut gewählte Schriftarten und Bilder sowie ein ansprechendes Layout machen Lust, die Seite zu erkunden und zu sehen, was es sonst noch gibt. Genau darum geht es beim Webdesign!

6. Divi Ecommerce Pro

Divi Ecommerce Pro ist ein modernes Online-Shop-Theme für technische oder zeitgenössische Produkte. Es bietet ein leichtes Design mit allen wichtigen Shop-Elementen, sinnvoller Nutzung von Leerraum, abwechselnd weißen und schattierten Produktreihen und einem ansprechenden Gesamtbild.

Die Seite entfaltet sich zu einem typischen Shop mit Produktreihen, Sonderangeboten, Erfahrungsberichten, Preisfeldern, einem Blog und einer Newsletter-Anmeldung. Die Innenseiten sind ebenso übersichtlich und ansprechend gestaltet und bieten ansprechende Produktseiten, Platz für Bewertungen und Erfahrungsberichte sowie eine attraktive Warenkorbseite.

7. Fleur

Fleur ist ein sehr femininer Shop, der außergewöhnlich gut funktioniert. Es ist eines dieser attraktiven Divi-Child-Themes, das Weißraum optimal nutzt, mit passenden Pastellfarben und emotionalen Bildern die perfekte Szenerie für das Thema des Shops bietet.

Weiter unten auf der Seite gibt es einige schöne Produktabschnitte mit Header-Overlays und einigen Grafiken zur Beschreibung der Dienstleistungen. Es ist ein ausgewogenes Design, das viel Inhalt bietet, ohne dass es sich so anfühlt.

8. Verkaufsmarkt

Sales Mart ist ein weiteres E-Commerce-Design mit einfachem Header-Bild und Top-Navigation mit Social-Media-Bereich und Rabattangeboten. Es ist ein toller Einstieg in das Design und verleiht der Seite ein cooles, ansprechendes Gefühl.

Weiter unten finden Sie Kategoriefelder mit Produktbereichen, eine Reihe mit Sonderangeboten sowie eine Auswahl an Produktelementen und Handlungsaufforderungen, die Sie in einem Geschäft erwarten würden. Die Auswahl an Farben, Schriftarten und Bildern ist hier gut gelungen, und wenn Sie dies für Ihr eigenes Geschäft übernehmen könnten, wäre das ein großer Erfolg!

9. Woou

Woou ist etwas völlig anderes. Es ist ein Mehrzweck-Theme, das sich gut für Freiberufler und Kreative eignet. Es ist ein einseitiges Design mit einzigartigem Design, das den Inhalt großzügig verteilt, aber durch eine kräftige Themenfarbe und einige schöne Grafiken interessant gestaltet.

Das Design besticht durch tolle Schriftarten und kleine Details wie Bildschatten, die es noch attraktiver machen. Die Kontrastfarbe ist inspirierend, und das Kachel-Layout auf der Seite eignet sich perfekt für verschiedene Anwendungen. Manchmal ist es gut, anders zu sein, und dieses Design ist ein gutes Beispiel dafür.

10. Restaurierung

Restoration ist ein farbenfrohes und lebendiges Theme für die Renovierung, den Bau und die Sanierung von Immobilien. Es hinterlässt einen beeindruckenden ersten Eindruck mit einem rot-weiß-blauen Farbschema und einem starken Header, der sich zu einer sehr effektiven Werbewebsite mit einigen netten Details entfaltet.

Dies ist ein echtes „Fit and Forget“-Design. Wenn das Theme passt, müssen Sie nur noch Lorum Ipsum durch eigene Inhalte ersetzen und eigene Bilder hinzufügen. Dieses Theme bietet alles, was ein Immobilienunternehmen braucht, und deshalb bewerten wir es sehr positiv.

11. Divi Gemeinnützig

Divi Nonprofit ist ein außergewöhnlich gelungenes Charity-Theme. Es beginnt mit dem typisch emotionalen Bild und der Spendenbox und entwickelt sich zu einem sehr flexiblen Design, das an jede Art von Wohltätigkeitsorganisation oder gemeinnütziger Organisation angepasst werden kann.

Die Balance zwischen Farben, Funktionen und Weißraum ist hervorragend. Die dunklen und roten Farben wirken gut, abgerundete Boxen ebenfalls. Die Verwendung ergänzender Elemente und eines vollständigen Fußbereichs sorgt mit geringem Aufwand für ein professionelles Erscheinungsbild.

12. Innere

Interior ist ein sehr modernes Divi-Child-Theme mit skandinavischem Flair dank der Farben und des flachen Designs. Es gibt hier keinen weißen Raum, aber die gedämpften Komplementärfarben wirken nicht überwältigend, und obwohl viel los ist, ist alles so unkompliziert, dass man sich beim Navigieren auf der Seite nicht mühsam fühlt.

Das Design ist für den Lifestyle- oder Innenarchitekturbereich konzipiert und überzeugt genau dort. Die gelungene Verwendung von Bildern, schlichten, kräftigen Schriftarten und einer Reihe charaktervoller Seitenelemente ergibt ein sehr künstlerisches Design. Sie müssen jedoch wissen, wie Sie dieses Design anpassen können, ohne seinen Charakter zu verlieren!

13. Josefin

Josefin ist ein klassisches Theme, das überwiegend monochrom ist, aber hier und da durch Bilder einen Farbtupfer aufweist. Die Demo ist als Demonstration aller Funktionen dieses Divi-Child-Themes konzipiert und wirkt manchmal etwas unübersichtlich, ist aber ein perfektes Beispiel dafür, was möglich ist.

Durch die intelligente Verwendung von Bildern und Schriftarten, sehr wenig Weißraum, der seine Einbeziehung umso wirkungsvoller macht, starke dunkle und helle Elemente und einige innovative Funktionen auf der gesamten Site handelt es sich um ein leistungsstarkes Design, das mit der richtigen Anwendung von Fantasie und Kreativität buchstäblich für alles verwendet werden kann.

14.Soho

Soho ist ein Fotothema, das wirklich glänzt. Es beeindruckt sofort mit Vollbildbildern und einer schwarzen Navigationsleiste oben. Weiter unten auf der Seite wird es etwas heller, mit einigen helleren Bereichen und mehr Weißraum, der für etwas Abwechslung zu der düsteren Einleitung sorgt. Eine tolle Kombination!

Wie zu erwarten, bieten die Portfolioseiten zahlreiche Layoutoptionen, Lightbox-Effekte und weitere Tricks, um Ihre Arbeit zu präsentieren. Einfache Schriftarten und dezente Inhaltsblöcke ergänzen die Bilder ausreichend, um Ihre Geschichte zu erzählen. So haben Sie alles, was Sie für den einfachen Aufbau einer Portfolio-Website benötigen.

15. Lebensmittelgeschäft

„Grocery“ ist unser letztes Divi-Child-Theme. Es behandelt zwar einen alltäglichen Bereich des Lebens, die Bestellung von Lebensmitteln, aber mit viel Stil. Es ist ein E-Commerce-Theme mit viel Farbe, Charakter und Selbstvertrauen.

Es ist ein sehr stilvolles Design mit einer schlichten Farbpalette aus Weiß, Schwarz und Rot, das jedoch mit so viel Elan umgesetzt wurde, dass es wirklich funktioniert. Sie finden alles, was Sie von einer solchen Website erwarten, einschließlich Suchfunktion, einer attraktiven Warenkorbseite, ansprechenden Produktseiten und einfachen, aber sehr effektiven Kategoriefiltern. 

16 Haus & Garten

„Home Services“ gehört zu einer Reihe von Child-Themes, die eine Reihe beliebter Unternehmen widerspiegeln, die von diesem Theme bedient werden könnten. Es ist mutig, hell und sehr amerikanisch, liefert aber die Wirkung, die wir von einer Website wie dieser erwarten.

Alle Seiten haben das gleiche Designschema, das Sie mit dem anpassen können Divi Builder um mit minimalem Aufwand Markenseiten bereitzustellen.

17 Divi-Auftragnehmer-Layout

Das Divi Contractor Layout ist ein typisches Design für kleine Unternehmen, das an nahezu jede Branche angepasst werden kann. Es ist hell, farbenfroh und sorgt dank eines großen Hero-Bereichs für sofortiges Engagement.

Der Rest der Vorlage umfasst Produkt- und Serviceabschnitte, einen CTA für ein kostenloses Angebot und alle Bestandteile, die eine Website für ein kleines Unternehmen benötigt.

18 Flora-Thema

Flora Theme ist ein minimalistisches Theme mit viel Weißraum und ruhigen, neutralen Farben. Es ist ein ruhiges Design, das für viele Arten von Websites geeignet ist.

Der zentrale Abschnitt eignet sich gut für Blogs oder Shops, während die minimale Navigation den Seiteninhalt hervorhebt und dem Benutzer gleichzeitig das bietet, was er braucht.

19 Divi Fotografie E-Commerce

Divi Photography eCommerce bietet eine dunkle und eine helle Version, die beide hervorragend funktionieren. Beide lassen Bilder durchscheinen und bieten gleichzeitig minimale Inhaltsbereiche für wichtige Informationen.

Die Designs sind ideal für Künstler, Fotografen und andere Kreative, um ihre Arbeit zu präsentieren und mit den Lesern in Kontakt zu treten.

20 Phoenix Super Theme

Das Phoenix Super Theme ist ein Mehrzweck-Theme für Agenturen und moderne Unternehmen. Es ist eines der beliebtesten Divi-Child-Themes und bietet alle nötigen Elemente für den Aufbau einer durch und durch modernen Website mit Divi.

Das Theme bietet verschiedene vorgefertigte Layouts für verschiedene Unternehmen. Jedes kann individuell angepasst werden. So erhalten Sie mit minimalem Aufwand eine schnelle, vollständig responsive Website.

21 Immobilien für Divi

Real Estate für Divi hat einen sehr amerikanischen Touch, ist aber universell attraktiv. Es beginnt mit einem großen Hauptbereich, der Vermietung und Verkauf unterteilt, was für Immobilien logisch ist. Weiter unten finden Sie Abschnitte für Mitarbeiterbiografien, Servicebereiche und Angebote.

Die Listenbereiche sind anpassbar und können mithilfe von Filtern und Bildern Immobilien präsentieren. Die Suchfunktion verbessert die Benutzerfreundlichkeit und die flexible Navigation sorgt dafür, dass Besucher immer zum gewünschten Ziel gelangen.

22 Flexibel

Flexile ist ein vielseitiges Divi-Child-Theme mit zahlreichen Vorlagen, die Sie nach Belieben installieren und verwenden können. Alle Designs sind flach und farbenfroh, mit vielen Inhaltsbereichen und attraktiven Grafiken.

Die Designs passen zu ihrer jeweiligen Nische und können vor Ort individuell angepasst werden. Dieses Theme bietet mehrere Kopf- und Fußzeilen, viele Hero-Bereiche und zahlreiche Tools zum Erstellen beeindruckender Websites.

23 Divi handgemacht

Divi Handmade ist ein kreatives Theme, das sich für Blogs, Freelancer-Websites oder sogar Shops eignet. Es ist leicht, minimalistisch und besticht durch schöne Designelemente, die für ein einladendes Gefühl sorgen.

Das Design bietet ein einfaches, aber effektives Menü, viel Leerraum und einige Grafiken, die der Seite einen handgemachten Touch verleihen. Es ist ein schönes Theme, das erstaunlich gut funktionieren könnte.

24 vorwärts

Avanti ist ein vielseitiges Child-Theme für Divi, das eine Vielzahl von Nischen abdeckt. Wir mögen sie alle, da sie farbenfroh, ansprechend und sehr gut gestaltet sind.

Jedes Design verfügt über relevante Seitenabschnitte für die Nische, eine einfache Navigation, einige gut ausgewählte Farben und einen reibungslosen Fluss von der Kopf- zur Fußzeile.

25 Hotelbuchung

Das Divi-Child-Theme „Hotelbuchung“ unterscheidet sich deutlich von den anderen Hotel-Themes in dieser Liste. Es hat eine andere Ausstrahlung und eignet sich ideal für Airbnb, Hotels, Motels, Restaurants oder andere Unternehmen, die Buchungen entgegennehmen.

Es verwendet eine kräftige orange Kontrastfarbe mit dunklen und hellen Bereichen, um Interesse zu wecken. Es enthält alle erwarteten Inhaltsabschnitte sowie einige Extras. Alles verpackt in einer sehr ansprechenden Vorlage.

26 Freiberufler

Freelancer beeindruckt sofort mit leuchtenden Farben und einem einzigartigen Seitenmenü. Es ist eine großartige Möglichkeit, einen ersten Eindruck zu hinterlassen und als Freiberufler oder neues Unternehmen Aufmerksamkeit zu erregen.

Die Vorlage verfügt über eine sanfte Scroll-Funktion mit helleren Farben, einfachen Animationen und unterschiedlichen Inhaltsbereichen, um Ihre Arbeit zu präsentieren.

27 TRoo Wine Shop Divi WooCommerce Child Theme

Das TRoo Wine Shop Divi WooCommerce Child Theme ist ein dunkles Theme mit luxuriösem Flair, ideal für Wein oder andere Premiumprodukte. Es ist ansprechend gestaltet und verfügt über einen Vollbild-Hero-Bereich und ein flüssiges Scrolling.

Die Seite bietet alles, was Sie erwarten: Produktbereiche, einen Infobereich, Shop-Elemente, Biografien, einen Blog und vieles mehr. Alles ist flexibel, sodass Sie nach Belieben Bereiche hinzufügen oder entfernen können.

28 Das gute Restaurant

„The Good Restaurant“ ist ein helles Design mit viel Leerraum und minimalen Inhaltsbereichen. Es ist ein Design, bei dem Bilder im Vordergrund stehen und das ideal für viele kleine Unternehmen ist.

Das Design verwendet eine ruhige, kontrastierende Grünfarbe, die Sie aber beliebig ändern können. Es gibt eine Tischreservierungsfunktion, eine Galerie, einen Shop und viele zusätzliche Seiten, die Sie mit minimalem Aufwand nutzen können.

29 Divi LMS für LearnDash Child Theme

Divi LMS für LearnDash Child Theme ist ideal für alle, die eine Website mit Online-Kursen betreiben, die LearnDash. Es ist ein jugendlich wirkendes Design mit hellen Farben und einer Mischung aus Leerraum und Inhaltsbereichen.

Das Theme funktioniert schnell, scrollt reibungslos und enthält alle Abschnitte, die Sie von einem LMS-Theme erwarten. Importieren Sie es und Sie müssen nur noch wenig tun, um Ihre Website einsatzbereit zu machen.

30 Hell

Das Bright Divi Child Theme ist genau das. Es ist hell, leuchtend und strahlt eine tolle Energie aus. Es ist eine Business-Website, die für Freiberufler oder Agenturen geeignet ist. Es vermittelt ein tolles Gefühl, ist schwer zu gestalten und daher einen Blick wert.

Die Seiten sind gut ausbalanciert, es gibt kleine Animationen, leuchtende Farben und eine tolle Atmosphäre. Es lohnt sich, mal reinzuschauen.

31 Alfa Divi Child Theme

Das Alfa Divi Child Theme ist für Technik konzipiert, funktioniert aber überall. Es ist ein dunkles Theme mit modernem Touch und gutem Kontrast. Schwarzer Hintergrund mit weißer Schrift und kräftigem Pink wirken gut.

Das Design verfügt über einen Vollbild-Hero-Bereich, der mithilfe von Animationen den Rest der Seite enthüllt. Effektive Bildblöcke präsentieren Produkte und Dienstleistungen eindrucksvoll.

 

Die 9 besten Orte zum Kauf von Divi Child Themes

Wenn Ihnen keines der 20 Premium-Divi-Child-Themes zusagt, gibt es online einige Alternativen. Hier sind einige der zuverlässigsten Anbieter für Ihr nächstes Divi-Child-Theme.

1. Elegant Themes

Wo können Sie Ihre Child-Themes besser kaufen als bei den Machern von Divi? Elegant Themes bietet eine große Auswahl an Divi-Child-Themes für die meisten Nischen. Außerdem werden Parent-Themes, Erweiterungen und andere tolle Angebote verkauft.

Die Website von Elegant Themes ist sehr benutzerfreundlich und bietet Such- und Filterfunktionen, die Ihnen die Navigation durch die Hunderte von Produkten im Shop erleichtern. Die Preise reichen von nur 5 $ bis zu 160 $.

2. Eleganter Marktplatz

Elegant Marketplace ist unseres Wissens nach nicht mit Elegant Themes verbunden. Es handelt sich um eine eigenständige Plattform, die Divi-Child-Themes sowie Themes für Elementor und andere anbietet. Die Website verkauft auch Plugins und Zusatzleistungen wie Hosting.

Die Preise für Divi-Child-Themes ähneln denen von DiviCake. Sie variieren stark und reichen von 29.95 $ bis 149 $. Es gibt auch eine Abonnementoption ab 10 $ pro Monat, die Zugriff auf Child-Themes bietet.

3. Mark Hendriksen

Mark Hendriksen ist eine Website, die alle Aspekte von WordPress abdeckt und einen Shop beinhaltet. Es gibt einen speziellen Divi-Marktplatz, auf dem Sie eine große Auswahl an Layouts und Child-Themes sowie WooCommerce-Themes finden.

Da der Shop eine Erweiterung der Hauptseite ist, müssen Sie oben rechts auf „Jetzt einkaufen“ klicken, um auf die untergeordneten Themen zuzugreifen. Dort können Sie nach Herzenslust suchen, filtern und stöbern. Die Preise reichen von 19.99 $ bis 49.99 $.

4. Divi.space

Divi.space ist ein Marktplatz für Divi-Inhalte. Hier werden Themes, Child-Themes, Plugins, Hosting und Kurse angeboten, die Ihnen helfen, Divi und WordPress zu meistern. Die Website ist gut gestaltet, leicht zu navigieren und Themes zu finden.

Die Qualität der Themes ist gut, ebenso die Preise. Einziger Nachteil: Child-Themes können nicht direkt gekauft werden, sondern müssen abonniert werden. Die Mitgliedschaft kostet 199 US-Dollar pro Jahr oder 449 US-Dollar als einmalige Gebühr.

5. Seien Sie Superfly

Be Superfly ist ein Designstudio, das zahlreiche Themes, Plugins und Goodies für WordPress und Divi entwickelt. Der Online-Shop bietet eine Auswahl an Child-Themes und Plugins von sehr hoher Qualität.

Die Website ist farbenfroh und charaktervoll und vereint Webentwickler-Website und Online-Shop. Im Shop gibt es eine Auswahl an Divi-Child-Themes für viele Nischen. Die Preise liegen zwischen 29 und 99 US-Dollar, wobei Abonnenten Rabatte erhalten.

6. Beispiele für Divi-Themes

Divi Theme Examples ist eine weitere Website, auf der Sie eine Reihe von Divi-Produkten einschließlich untergeordneter Themen sehen können. Es gibt auch eine Auswahl an kostenlosen Themen und untergeordneten Themen, die Sie ebenfalls herunterladen können.

Die Website ist einfach zu navigieren, zu durchsuchen und zu filtern. Der Unterschied zu Divi Theme Examples besteht darin, dass es keinen Direktverkauf gibt. Stattdessen werden Sie auf Entwickler-Websites verwiesen, wo Sie direkt beim Entwickler kaufen können. Die Preise reichen von 29 bis 169 US-Dollar.

Wenn Sie jedoch Inspiration suchen, können Sie sich unsere eigene umfangreiche Liste ansehen: inspirierende Divi-Theme-Beispiele nach verschiedenen Nischen gruppiert.

7. Divi-Layouts

Divi Layouts funktioniert wie Divi Theme Examples. Es ist eher eine Präsentationsseite als ein Marktplatz mit Hunderten von Divi-Themes und einigen untergeordneten Themes. Die Website bietet sowohl kostenlose als auch Premium-Produkte. Die Produkte werden regelmäßig aktualisiert, um die neuesten Versionen anzuzeigen.

Die Website ist einfach zu bedienen und verfügt über eine nützliche Seitenleiste mit Kategorien und einer Suchfunktion. Die Preise reichen von kostenlos bis zu 219 US-Dollar.

8. Divi Themenzentrum

Divi Theme Center ist eine Partnerseite von Elegant Themes, die einige der besten Child-Themes präsentiert. Die Seite bietet auch Themes von Divi Cake, Elegant Marketplace und anderen Anbietern. Wenn Sie über die schlechten englischen Übersetzungen und Rechtschreibfehler hinwegsehen können, ist dies eine weitere nützliche Seite zum Ansehen von Divi-Child-Themes.

Die Website selbst ist von geringer Qualität, bietet aber eine große Auswahl an untergeordneten Themes von anderen Marktplätzen und kann daher zum Stöbern in Themes hilfreich sein. Über Links gelangen Sie direkt zum Entwickler, sodass Sie sicher einkaufen können. Die Preise reichen von kostenlos bis zu 60 US-Dollar.

Was ist ein Divi-Child-Theme?

Laut WordPress Codex ist „ein untergeordnetes Design ein Design, das die Funktionalität und den Stil eines anderen Designs, des sogenannten übergeordneten Designs, übernimmt.“

Nicht sicher über Divi Core? Wir haben viele Divi Bewertungen Sie können es ausprobieren. Wir haben auch Vergleich von Divi und Elementor in jeder Hinsicht eine Rezension mit 10,000 Wörtern!

Ich vergleiche ein Child-Theme mit dem Fotokopieren eines Rezepts. Sie können Zutaten hinzufügen oder entfernen, die Mengen ändern und mit der Kopie machen, was Sie wollen, ohne das Originalrezept zu beeinträchtigen.

Wenn du versuchst, das Rezept zu befolgen, kannst du dir die Änderungen an der Kopie ansehen und gleichzeitig sicherstellen, dass sie dem Originalrezept treu bleibt. Wenn du die Kopie ruinierst, kannst du sie wegwerfen und eine neue erstellen.

Ein untergeordnetes Design funktioniert auf genau dieselbe Weise.

Im Kontext von WordPress ist das Hauptthema (übergeordnetes Thema) das Originalrezept. Das untergeordnete Thema ist die Kopie. Wenn WordPress die Website nach dem Rezept laden möchte, betrachtet es zuerst das untergeordnete Thema und dann das Hauptthema und zeigt die Anweisungen in dieser Reihenfolge an.

Alle gewünschten Änderungen nehmen Sie am untergeordneten Design vor. Das ursprüngliche Design bleibt dabei unverändert.

Um zu verstehen, wie ein Child-Theme funktioniert, gehen wir ein paar Szenarien durch. Zunächst die traditionelle Art der Installation eines WordPress-Themes:

1. Sie kaufen ein WordPress-Theme von einem Marktplatz oder einem Entwickler.
2. Sie installieren es wie gewohnt in WordPress.
3. Sie nehmen Änderungen am Design vor, um es an Ihre Marke anzupassen oder Funktionen hinzuzufügen oder zu entfernen.

So verwenden Sie normalerweise ein WordPress-Theme. Jede Änderung am Theme verändert es grundlegend. Um zum Original zurückzukehren, müssen Sie das Theme entweder erneut kaufen oder eine neue Version verwenden und von vorne beginnen.

Wenn der Entwickler außerdem eine wesentliche Aktualisierung des Designs oder der Funktionsweise vornimmt, könnten alle von Ihnen vorgenommenen Änderungen rückgängig gemacht werden oder Ihre Site könnte ganz zum Stillstand kommen.

Hier ist eine alternative Vorgehensweise mit einem untergeordneten Design.

1. Sie kaufen ein WordPress-Theme von einem Marktplatz oder einem Entwickler.
2. Sie erstellen oder installieren ein untergeordnetes Design, das mit diesem Design funktioniert.
3. Sie nehmen Änderungen am Child-Theme vor, um es Ihrer Marke anzupassen oder Funktionen hinzuzufügen oder zu entfernen.

Da WordPress zuerst ein untergeordnetes Design liest, werden alle Änderungen, die Sie daran vornehmen, auf der Seite angezeigt. Das ursprüngliche Design bleibt unverändert, unabhängig davon, wie Sie das untergeordnete Design ändern.

Außerdem wirken sich etwaige Updates des Entwicklers nicht auf das untergeordnete Design aus.

Wann brauche ich ein Child-Theme?

Ein untergeordnetes Design ist immer dann nützlich, wenn Sie größere Änderungen an einer WordPress-Vorlage planen oder ein Design-Framework verwenden.

• Wenn Sie davon ausgehen, dass Sie Ihr Design auch im Live-Betrieb ständig anpassen müssen, sollten Sie ein untergeordnetes Design verwenden.
• Wenn Sie mehrere Websites mit jeweils demselben Design erstellen möchten, sollten Sie zur Optimierung des Vorgangs ein untergeordnetes Design verwenden.
• Wenn Ihre Änderungen in header.php, footer.php, single.php, 404.php oder anderen Kerndesigndateien vorgenommen werden, sollten Sie ein untergeordnetes Design verwenden.
• Wenn Sie ein Theme-Framework wie Genesis oder Divi verwenden, sollten Sie ein untergeordnetes Theme verwenden.

Diese Liste ist nicht vollständig, aber Sie verstehen, was ich meine.

Wenn ich kein Child-Theme brauche

Dasselbe gilt für die Nichtverwendung eines untergeordneten Designs. In vielen Fällen ist die Verwendung eines solchen Designs nicht in Ihrem Interesse.

Sowie:

• Wenn Sie vorhaben, ein WordPress-Theme zu kaufen und keine Änderungen vorzunehmen, müssen Sie kein untergeordnetes Theme verwenden.
• Wenn Sie nicht die Zeit haben, das übergeordnete Design gründlich zu erlernen, um das untergeordnete Design richtig zu nutzen, müssen Sie kein untergeordnetes Design verwenden.
• Wenn Sie ein maßgeschneidertes WordPress-Design erstellt haben, das keine Anpassungen erfordert, müssen Sie kein untergeordnetes Design verwenden.
• Wenn Sie nur ein paar kleinere Elemente innerhalb eines Designs ändern müssen, damit es Ihren Anforderungen entspricht, müssen Sie kein untergeordnetes Design verwenden.

Auch dies ist keine vollständige Liste, aber Sie verstehen, was ich meine.

Verschiedene Arten von WordPress-Child-Themes

Es gibt zwei Haupttypen von WordPress-Child-Themes für Divi: das leere Child-Theme und das Premium-Child-Theme.

Leeres Divi-Kinderthema

Ein leeres Divi-Child-Theme ist eine einfache Angelegenheit und besteht aus Kerndateien und nicht viel mehr. Sie sollten mindestens eine style.css-Datei und eine functions.php-Datei finden. Dieses Child-Theme wird nach dem Divi-Haupt-Theme installiert und übernimmt das Design des von Ihnen ausgewählten Themes.

Der Hauptzweck eines leeren Divi-Child-Themes besteht in der Bearbeitung kleinerer Dateien. Es reduziert die Anzahl der Dateien auf ein Minimum und ermöglicht es Ihnen, schnell und effizient zu ändern, was Sie benötigen.

Premium-Kinderthema

Ein Premium-Child-Theme enthält ein vollständiges Theme und alle zum Ausführen des Themes erforderlichen Dateien. Sie können Änderungen an diesen Dateien vornehmen, ohne das Kern-Theme zu beeinträchtigen, genau wie bei einem leeren Child-Theme.

Premium-Child-Themes sind ideal für alle, die eine vorgefertigte Website für eine bestimmte Branche oder Nische suchen. Die ganze Arbeit wurde bereits für Sie erledigt, Sie müssen sie nur noch an Ihre Marke oder die Ihrer Kunden anpassen. 

Sie funktionieren ähnlich wie ein Standard-WordPress-Theme, haben aber den Vorteil, dass sie anpassbar sind, ohne das ursprüngliche Theme zu beeinträchtigen.

Sie können sich auch für diejenigen als nützlich erweisen, die ein einzigartigeres Design auf Basis von Divi erstellen möchten. Ihnen stehen alle Dateien zur Verfügung, die Sie nach Belieben anpassen können, ohne das Hauptthema zu beeinträchtigen.

So erstellen Sie ein Divi-Child-Theme  

Sie können ein Divi-Child-Theme auf verschiedene Arten erstellen.

Sie können:

1. Verwenden Sie ein leeres untergeordnetes Design, das mit Ihrem übergeordneten Design geliefert wird.
2. Erstellen Sie Ihr eigenes.
3. Verwenden Sie ein Child-Theme-Plugin.
4. Verwenden Generator für untergeordnete Themen.

Da drei dieser vier Optionen überhaupt keinen Spaß machen, dachten wir, wir würden unser eigenes untergeordnetes Design von Grund auf neu erstellen.

Keine Sorge, es ist ein ganz einfacher Vorgang und wir führen Sie von Anfang bis Ende durch den Vorgang.

Manuelles Erstellen eines untergeordneten Designs

Um Ihr eigenes Divi-Child-Theme zu erstellen, benötigen Sie ein paar Dinge.

Du wirst brauchen:

1. Das in WordPress installierte Divi-Kernthema.
2. Ein Texteditor wie Notepad + + oder alternativ.
3. Ein FTP-Client oder eine Möglichkeit, das untergeordnete Design auf WordPress hochzuladen.

Wenn Sie all diese Dinge haben, können wir loslegen.

1. Erstellen Sie einen Ordner auf Ihrem Computer und nennen Sie ihn „divi-child“.
2. Erstellen Sie mit Ihrem Texteditor eine neue Datei und nennen Sie sie „style.css“. Speichern Sie sie im Ordner „divi-child“.
3. Erstellen Sie mit Ihrem Texteditor eine weitere neue Datei und nennen Sie sie „functions.php“. Speichern Sie sie im Ordner „divi-child“.
4. Fügen Sie den folgenden Code in Ihre neuen Dateien ein.

Fügen Sie dies in Ihre neue style.css-Datei ein und speichern Sie es:

/*

 Themenname:     Divi-Kind

 Themen-URI:      https://www.elegantthemes.com/gallery/divi/

 Beschreibung:    Divi Child Theme

 Autor:         Elegant Themes

 Autoren-URI:     https://www.elegantthemes.com

 Vorlage:       Divi

 Version:        1.0.0

*/

/* =Die Designanpassung beginnt hier

---------------------------------------------------------- */

Sie können style.css unverändert lassen oder an Ihre Bedürfnisse anpassen. Solange Sie den Theme-Namen und die Vorlage nicht ändern, können Sie mit dem Rest machen, was Sie möchten.

Fügen Sie dies in Ihre neue Datei functions.php ein und speichern Sie es:

Funktion my_theme_enqueue_styles() {

    wp_enqueue_style( 'übergeordneter Stil', get_template_directory_uri() . '/style.css' );

}

add_action( 'wp_enqueue_scripts', 'mein_theme_enqueue_styles' );

//Sie können unter dieser Zeile benutzerdefinierte Funktionen hinzufügen:

WP_enqueue

Der kritische Teil der Datei functions.php ist „wp_enqueue_style()“. Dadurch wird WordPress darüber informiert, dass Sie ein Child-Theme verwenden und den Stil vom Parent-Theme übernehmen sollen.

Es ersetzt die alte „@import URL“-Methode zur Verwendung eines übergeordneten Designs und ermöglicht ein schnelleres Laden der Seiten und ist wesentlich effizienter.

Child-Theme-Dateien

Diese beiden Dateien bilden den Kern eines Child-Themes. Sie können auch einen Screenshot erstellen, der im WordPress-Darstellungsmenü angezeigt wird, um Ihr Child-Theme zu identifizieren. Es empfiehlt sich, einen Screenshot hinzuzufügen, und wird bei Client-Installationen erwartet.

Sie können den Screenshot beliebig gestalten: Ihr Firmenlogo, etwas Persönliches oder eine einfache Grafik mit Ihrem Namen. Stellen Sie sicher, dass der Screenshot nicht größer als 1200 x 900 Pixel ist, und speichern Sie ihn als „screenshot.png“, damit er von WordPress erkannt wird.

Wenn Sie fertig sind, komprimieren Sie den Ordner „divi-child“ und machen Sie ihn bereit zum Hochladen.

Laden Sie Ihr untergeordnetes Design auf WordPress hoch

Sofern Sie Divi bereits in WordPress installiert und aktiviert haben, sollte Ihr untergeordnetes Design nach der Installation sofort funktionieren.

Laden Sie Ihr untergeordnetes Design entweder per FTP oder manuell auf WordPress hoch.

Wenn Sie FTP verwenden, entpacken Sie den Ordner „divi-child“ und laden Sie ihn nach /wp-content/themes hoch.

So laden Sie manuell hoch:

1. Melden Sie sich wie gewohnt bei WordPress an.
2. Wählen Sie im linken Menü des Dashboards „Darstellung und Designs“ aus.
3. Wählen Sie „Design hochladen“ und „Datei auswählen“.
4. Wählen Sie den Divi-Child-Zip-Ordner auf Ihrem Computer aus und laden Sie ihn hoch.
5. Wählen Sie „Aktivieren“, sobald die Option angezeigt wird.

Ihr untergeordnetes Design ist jetzt installiert und aktiviert!

Anpassen Ihres Divi-Child-Themes

Obwohl Sie Ihr neues Child-Theme erstellt und aktiviert haben, werden Sie beim Betrachten der Website keinen Unterschied feststellen. Das liegt daran, dass das Child-Theme noch keine Anpassungen enthält.

Das ist, was wir als nächstes tun.

Ich habe in meinem Divi-Hauptthema benutzerdefiniertes CSS, das den unteren Rand des Menüs entfernt. Es ist eine einfache Änderung, die aber meinem persönlichen Geschmack entspricht. Wenn ich das Child-Theme wie vorgesehen verwende, muss ich diesen Code in meine neue style.css-Datei kopieren, damit er wirksam wird.

Hier ist, wie.

1. Navigieren Sie im Hauptdesign von Divi zum Abschnitt „Benutzerdefiniertes CSS“.
2. Schneiden Sie den Code aus benutzerdefiniertem CSS aus und speichern Sie die Änderung in Divi.
3. Öffnen Sie die Datei style.css in Ihrem Divi-Child-Ordner.
4. Fügen Sie den Code nach der Stelle ein, an der „/* =Theme-Anpassung beginnt hier“ steht.
5. Speichern Sie die Datei.

Zu Ihrem Nutzen ist der Code hier:

#Hauptheader{

-webkit-box-shadow:keine !wichtig;

-moz-box-shadow:keine !wichtig;

Box-Schatten: keine !wichtig; 

}

Wenn Sie dies vor dem Hochladen Ihres Child-Themes tun, können Sie es direkt in die style.css im Ordner einfügen. Wenn Sie Ihr Child-Theme bereits hochgeladen haben, verwenden Sie den Theme-Editor in WordPress, um die Änderung vorzunehmen.

Bearbeiten von Divi-Dateien bei Verwendung eines untergeordneten Designs

Der Sinn eines Divi-Child-Themes besteht darin, das Erscheinungsbild der Website anzupassen, ohne das Parent-Theme zu beeinträchtigen. Was also, wenn Sie eine Funktion hinzufügen oder eine Core-Datei ändern möchten?

Sie kopieren die Datei aus dem übergeordneten Divi-Design, fügen sie in Ihr untergeordnetes Design ein und ändern diese Datei.

Angenommen, Sie möchten eine Funktion in functions.php ändern. Sie würden:

1. Erstellen Sie eine Kopie von functions.php aus der übergeordneten Divi-Theme-Datei.
2. Fügen Sie die Kopie in Ihren Divi-Child-Ordner ein.
3. Nehmen Sie alle Änderungen an der Datei im Ordner „divi-child“ vor.

Auf diese Weise werden alle Änderungen im Design berücksichtigt, wirken sich jedoch nicht auf die Standarddatei functions.php aus. Falls etwas schiefgeht, können Sie Ihre Kopie löschen und eine neue erstellen.

Wenn der Entwickler die Dateien aktualisiert, wird nur die Kerndatei aktualisiert und nicht die Kopie in Divi-Child.

Ein Divi-Child-Theme noch weiter bearbeiten

Dieses Prinzip kannst du beliebig weit treiben. Solange du die Datei vom Divi-Parent in das Divi-Child kopierst und die Namenskonvention genau befolgst, sollte das Child-Theme immer dasjenige sein, das WordPress beim Laden deiner Seite verwendet.

Möchten Sie die Anzeige von Blogbeiträgen ändern? Kopieren Sie die Datei single.php von Divi und kopieren Sie sie in divi-child. Passen Sie die Datei dort an, und schon kann es losgehen.

Dasselbe Prinzip gilt für alle Änderungen, die Sie vornehmen möchten.

Wenn Sie kein eigenes untergeordnetes Design erstellen möchten oder lieber etwas mit mehr Funktionen möchten, können Sie eines kaufen.

Mit dem Kauf eines Premium-Divi-Child-Themes erhalten Sie alle nötigen Elemente, um mit Divi eine Nischen- oder einzigartige Website zu erstellen. Alle benötigten Dateien sind enthalten und Sie können diese nach Bedarf anpassen, um Ihren individuellen Look zu kreieren, ohne das Parent-Theme zu beeinträchtigen.

Das werden wir als Nächstes behandeln.

Häufig gestellte Fragen zum Divi-Child-Theme

Wofür wird ein Divi-Child-Theme verwendet?

Ein Divi-Child-Theme ermöglicht wesentliche Änderungen an einem WordPress-Theme, ohne die Standarddateien zu verändern. Im Wesentlichen erstellt man eine Kopie der Kerndateien des Haupt-Themes und bearbeitet diese Kopien. WordPress liest zuerst die Kopie und dann das übergeordnete Theme, sodass alle im Child-Theme vorgenommenen Anpassungen beim Laden der Seite angezeigt werden. Die Originaldateien bleiben dabei erhalten.

Benötigt Divi ein untergeordnetes Design?

Divi benötigt kein Child-Theme, kann aber nützlich sein, wenn Sie das Erscheinungsbild Ihrer Website erheblich ändern möchten. Für kleinere Änderungen am Theme benötigen Sie kein Divi-Child-Theme.

Wie aktualisiere ich ein untergeordnetes Design?

Sie aktualisieren ein Child-Theme wie ein Standard-Theme. Öffnen Sie die Datei in einem Texteditor, fügen Sie Ihre Änderungen hinzu, speichern Sie die Datei und laden Sie die Seite zum Testen neu. Sie können auch einen Drag-and-Drop-Seitenersteller wie Elementor verwenden, um ein Child-Theme anzupassen.

Leere untergeordnete Themen vs. Premium-untergeordnete Themen

Sie können für Ihre Website zwischen einem leeren oder einem Premium-Child-Theme wählen. Das leere Child-Theme enthält die grundlegenden Dateien, die Sie individuell anpassen können. Das Premium-Child-Theme enthält die meisten Theme-Dateien bereits, sodass Sie sie nach Bedarf verwenden können.

Wo kann ich ein kostenloses leeres Divi-Child-Theme herunterladen?

Sie können ein kostenloses, leeres Divi-Child-Theme von verschiedenen Online-Anbietern herunterladen. Suchen Sie einfach nach „kostenloses, leeres Divi-Child-Theme“ und Sie werden Dutzende von Optionen sehen. Wir empfehlen Ihnen jedoch dringend, ein eigenes Theme zu erstellen, da Sie so besser verstehen, wie alles funktioniert.

Wie erstelle ich ein Child-Theme für Divi?

Sie können ein Child-Theme für Divi erstellen, indem Sie einen eigenen Ordner „divi-child“ sowie die Dateien „style.css“ und „functions.php“ erstellen. Kopieren Sie den Kerncode in jede Datei und speichern Sie ihn. Fügen Sie diese zu Ihrem Ordner hinzu und laden Sie sie mit Darstellungen > Designs > Neu hinzufügen > Hochladen. Sobald Sie fertig sind, aktivieren Sie es und schon kann es losgehen.

Benötige ich bei Divi ein Child-Theme?

Nein, Sie benötigen kein Child-Theme für Divi, wenn Sie die Kernfunktionsdateien wie PHP- und Javascript-Dateien nicht bearbeiten. Divi verfügt über CSS-Funktionen, mit denen Sie benutzerdefiniertes CSS zu den Divi-Theme-Optionen hinzufügen und die integrierten Steuerelemente verwenden können. In diesem Fall müssen Sie kein Child-Theme erstellen. Wenn Sie jedoch größere Änderungen planen, empfiehlt es sich, ein Child-Theme zu erstellen, um die Übersicht zu behalten.

Gibt es ein Divi-Child-Theme-Plugin?

Ja, es gibt Divi-Child-Theme-Plugins, die Ihnen die Erstellung und Verwaltung Ihres Divi-Child-Themes erleichtern. Einige der beliebtesten sind Divi Children, Child Theme Configurator, Divi Switch und WPChild. Diese Plugins können sehr nützlich sein, wenn Sie keine Erfahrung mit der Erstellung von Child-Themes haben oder Zeit sparen möchten. Wenn Sie jedoch lieber Ihr eigenes Child-Theme von Grund auf neu erstellen möchten, können Sie die oben beschriebenen Schritte befolgen, um ein Divi-Child-Theme zu erstellen.

Zusammenfassung der Divi-Child-Themes

Das Konzept der Child-Themes in WordPress war ein Geniestreich. Es bietet jedem die Möglichkeit, ein Theme zu ändern, ohne die Standarddateien zu beeinträchtigen, und gibt jedem die nötige Sicherheit zum Experimentieren.

Als eines der beliebtesten WordPress-Themes weltweit ist Divi besonders gut für Child-Themes geeignet. Es gibt buchstäblich Hunderte davon für wenig Geld.

Wenn Sie auf der Suche nach einem Divi-Child-Theme sind, ist jedes unserer empfohlenen Themes die richtige Wahl. Ansonsten finden Sie auf den oben genannten Marktplätzen bestimmt das Passende.

Nutzt du Divi-Child-Themes? Kennst du eines aus unserer Liste? Hast du weitere Empfehlungen? Dann teile sie uns unten mit!