{"id":26469,"date":"2019-08-19T07:50:22","date_gmt":"2019-08-19T14:50:22","guid":{"rendered":"https:\/\/kinsta.com\/?p=48014"},"modified":"2023-08-22T08:04:37","modified_gmt":"2023-08-22T07:04:37","slug":"child-theme-wordpress-erstellen","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/","title":{"rendered":"Wie man ein Child Theme in WordPress erstellt (Erweiterte Anleitung)"},"content":{"rendered":"<p>Du <a href=\"https:\/\/kinsta.com\/de\/blog\/website-ideen\/\">betreibst deine WordPress-Seite<\/a> seit einer Weile und sie hat das getan, was du brauchst. Aber jetzt hast du beschlossen, dass du es anpassen musst.<\/p>\n<p>Oder vielleicht erstellst du deine Website mit einem Theme, das du aus dem <a href=\"https:\/\/kinsta.com\/de\/blog\/kostenlose-vs-kostenpflichtige-wordpress-themes\/\">Theme-Verzeichnis heruntergeladen hast oder das du gekauft hast<\/a>, und du erkennst, dass es nicht genau so funktioniert, wie du es dir erhoffst.<\/p>\n<p>Was machst du dann?<\/p>\n<p>Du kannst entweder ein Plugin finden, das die gew\u00fcnschte Anpassung bietet, oder zu einem neuen Theme wechseln. Aber was ist, wenn du mit deinem aktuellen Theme zufrieden bist und kein Plugin findest, das dir das bietet, was du in Bezug auf die Funktionalit\u00e4t brauchst?<\/p>\n<p>Antwort: <a href=\"https:\/\/kinsta.com\/de\/blog\/bearbeitest-wordpress-code\/\">Du musst dein Theme individualisieren<\/a>. Und das bew\u00e4hrte Mittel lautet: Das funktioniert \u00fcber WordPress mit Child Themes.<\/p>\n<p>In diesem Beitrag zeige ich dir genau, wie du ein Child Theme auf WordPress erstellen kannst, wie du es verwenden kannst, um deine Website anzupassen, und wie Child Themes funktionieren. Ich werde auch das Konzept der Parent Themes erkl\u00e4ren und beschreiben, wie das Parent Theme auf deiner Website mit einem Child Theme interagiert:<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<p>Bevor wir in die Erstellung eines Child Themes eintauchen, lass uns die 3 Methoden identifizieren, mit denen du deine WordPress-Seite anpassen kannst.<\/p>\n\n<h2 id=\"methods\">Methoden zur Anpassung von WordPress<\/h2>\n<p>Das Anpassen eines Themes <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-theme-aktualisiert\/\">birgt Risiken<\/a>. Wenn du den Code in einem Theme eines Drittanbieters bearbeitest (das du zum Beispiel <a href=\"https:\/\/kinsta.com\/de\/blog\/themeforest-vor-nachteile\/\">von einem Marktplatz gekauft hast<\/a>), dann gehen bei der n\u00e4chsten Aktualisierung des Designs alle deine \u00c4nderungen verloren. Das bedeutet, dass nicht nur deine Website wieder so wird, wie sie war, sondern auch deine gesamte Arbeit verschwendet ist.<\/p>\n<p>Es gibt drei M\u00f6glichkeiten, deine WordPress-Seite anzupassen:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/bearbeitest-wordpress-code\/\">Bearbeite direkt dein Theme<\/a>.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/so-installierst-wordpress-plugins\/\">Installation eines Plugins<\/a>.<\/li>\n<li>Erstellen eines Child Themes des aktuellen Themes.<\/li>\n<\/ul>\n<p>Betrachten wir die einzelnen Punkte nacheinander.<\/p>\n\n<div  class=\"featured-snippet\" id=\"featuredSnippet\">\n    <div class=\"featured-snippet__content\">\n        <h2>Was ist ein WordPress Child Theme (Glossar):<\/h2>\n        <div><p>Ein WordPress Child Theme ist ein Theme, das zusammen mit einem anderen Theme (genannt das Parent Theme) arbeitet, von dem es die gesamte Funktionalit\u00e4t und das Styling \u00fcbernimmt.<\/p>\n<p>Empfohlene Vorgehensweisen f\u00fcr die Entwicklung legen nahe, Child Themes zum Bearbeiten, Aktualisieren oder Anpassen von bestehenden WordPress-Themes zu verwenden, um deren Design und Code sicher zu erhalten.<\/p>\n<\/div>\n    <\/div>\n    <div class=\"featured-snippet__footer\">\n        <div class=\"arrow-down\"><\/div>\n        <div class=\"featured-snippet__footer--content row nocol middle-xs between-xs reverse\">\n            <div style=\"margin-left: auto; position: relative; top: -1px\" class=\"row nocol middle-xs\">\n                <div class=\"color--mediumGray\" style=\"font-size: 14px; vertical-align: middle;\">\n                    <svg  class=\"icon icon--logo display--block\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"https:\/\/kinsta.com\/de\/wp-content\/themes\/kinsta\/dist\/sprite.svg?v=e8af2143e3b8bceb5561b327e81ec085#logo\" \/><\/svg>                <\/div>\n                <div class=\"text--bold color--mediumGray\" style=\"padding-left: 3px;\">Support<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<h3>Bearbeiten deines Themes<\/h3>\n<p>Wenn auf deiner Website ein benutzerdefiniertes WordPress-Theme l\u00e4uft, d.h. es wurde speziell f\u00fcr deine Website entwickelt, hast du die M\u00f6glichkeit, es sicher zu bearbeiten, da nicht das Risiko besteht, deine Anpassungen beim n\u00e4chsten Update des Themes zu verlieren.<\/p>\n<p>Wenn du oder dein Entwickler in Zukunft \u00c4nderungen am Theme vornehmen, ist es stattdessen die angepasste Version des Themes, die du bearbeiten wirst, und nicht die Originalversion vor diesen \u00c4nderungen.<\/p>\n<p>Das bedeutet nicht, dass die Bearbeitung deines Themes nicht ohne Risiko ist. Wenn du keine Erfahrung mit der Codierung von Themes hast, kann es immer noch sicherer sein, <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/\">ein Child Theme zu erstellen<\/a> (wir werden in einer Minute sehen, wie das geht). Das ist etwas, was ich tue: Ich habe ein Basistheme, das ich auf allen meinen Websites verwende, mit Standardlayout, <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-hooks\/\">Hooks und Funktionen<\/a>, und dann passe ich es auf jeder Website mit einem Unterdesign an.<\/p>\n<p>Wenn du dein Theme direkt bearbeitest, stelle sicher, <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/wordpress-backups\/#wordpress-backup\">dass du ein Backup des urspr\u00fcnglichen Themes aufbewahrst<\/a>, das Theme nicht in der Live-Site bearbeitest (benutze stattdessen eine Entwicklungs- oder <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/staging-umgebung\/\">Staging-Site<\/a>) und die <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-versionskontrolle\/\">Versionskontrolle<\/a> verwendest, um deine \u00c4nderungen zu verfolgen.<\/p>\n<p>Und wenn du ein Design von Drittanbietern verwendest, solltest du es nie direkt bearbeiten. Verwende stattdessen ein Plugin oder erstelle ein Child Theme.<\/p>\n<h3>Hinzuf\u00fcgen eines Plugins<\/h3>\n<p>Die zweite M\u00f6glichkeit zur Anpassung eines WordPress-Themes besteht darin, ein Plugin zu installieren oder zu kodieren.<\/p>\n<p>Wenn die Anpassungen, die du vornehmen m\u00f6chtest, funktional und nicht designbezogen sind, ist ein Plugin eine geeignetere Methode, dies zu tun. Wenn du also zus\u00e4tzlichen Code hinzuf\u00fcgen m\u00f6chtest, kann es besser sein, stattdessen ein Plugin zu erstellen.<\/p>\n<p>Plugins m\u00fcssen nicht gro\u00df oder komplex sein: Wenn du der <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#using-functions-php\">Datei functions.php in deinem Theme<\/a> zus\u00e4tzlichen Code hinzuf\u00fcgen musst, erstelle ein einfaches Plugin, um ein paar Zeilen Code zu deiner Website hinzuzuf\u00fcgen. Ein gutes Beispiel ist die Registrierung eines <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/register_post_type\">benutzerdefinierten Beitragstyps<\/a>.<\/p>\n<p>Es mag verlockend sein, Code zu den <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/theme-functions\/#what-is-functions-php\">functions.php deines Themes<\/a> hinzuzuf\u00fcgen, aber das Hinzuf\u00fcgen eines Post-Typs ist eine funktionale \u00c4nderung deiner Website, keine schlichte Design\u00e4nderung. <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-theme-andern\/\">Wenn du in Zukunft das Theme wechseln solltest<\/a>, w\u00fcrdest du diese Post-Typen und alle Beitr\u00e4ge, die du mit ihnen erstellt hast, nicht verlieren wollen. Deshalb solltest du stattdessen ein Plugin <a href=\"https:\/\/kinsta.com\/de\/blog\/so-installierst-wordpress-plugins\/\">installieren<\/a> oder erstellen.<\/p>\n<p>Manchmal wirst du in der Lage sein, ein bestehendes Plugin zu finden, das das tut, was du brauchst, aber manchmal musst du das Plugin selbst kodieren.<\/p>\n<figure style=\"width: 1281px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/06\/wordpress-repository.png\" alt=\"Das WordPress-Repository\" width=\"1281\" height=\"934\"><figcaption class=\"wp-caption-text\">Das WordPress-Repository<\/figcaption><\/figure>\n<p>Wenn du Zweifel hast, ob du ein Plugin erstellen oder dein Theme (oder dein Child Theme) anpassen sollst, frag dich Folgendes: Wenn ich das Design meiner Website in Zukunft \u00e4ndern und ein <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-theme-installiert\/\">neues WordPress Thema installieren<\/a> wollte, w\u00fcrde ich dann wollen, dass diese \u00c4nderung erhalten bleibt? Wenn die Antwort ja ist, bedeutet das, dass die \u00c4nderung funktional und nicht \u00e4sthetisch ist, und sie sollte in einem Plugin erfolgen.<\/p>\n<h3 id=\"creating-a-child-theme\">Erstellen eines Child Themes<\/h3>\n<p>Die dritte Option zur Anpassung des WordPress-Themas besteht darin, <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/https:\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/\">ein Child Theme zu erstellen<\/a>.<\/p>\n<p>Hier sind einige Szenarien, in denen du ein Child Theme verwenden w\u00fcrdest:<\/p>\n<ul>\n<li>Du m\u00f6chtest \u00c4nderungen am Design der Website vornehmen, nicht an der Funktionalit\u00e4t.<\/li>\n<li>Auf deiner Website l\u00e4uft ein Theme von Drittanbietern oder ein Theme, das du im aktuellen Zustand wiederverwenden m\u00f6chtest.<\/li>\n<li>Du m\u00f6chtest dein bestehendes Theme nicht direkt bearbeiten, falls es Probleme verursacht (vielleicht bist du kein erfahrener Theme-Entwickler).<\/li>\n<li>Auf deiner Website l\u00e4uft ein Theme, das als Parent Theme konzipiert ist, wie beispielsweise ein Framework-Theme. Dies sind Themen mit vielen Anpassungsoptionen <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-hooks\/\">wie z.B. Hooks<\/a>, die f\u00fcr dich entwickelt wurden, um sie mit deinem eigenen Child Theme zu erg\u00e4nzen.<\/li>\n<\/ul>\n<p>Child Themes sind daher eine effektive und sichere M\u00f6glichkeit, deiner Website Anpassungen hinzuzuf\u00fcgen. Also lass uns einen Blick auf sie werfen.<\/p>\n<h2 id=\"what\">Was ist ein WordPress Child Theme?<\/h2>\n<p>Also, was genau ist ein Child Theme in WordPress? Wie funktioniert es?<\/p>\n<p>Ein Child Theme ist ein Theme, das mit einem anderen Theme zusammenarbeitet, das als <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#what-is-a-parent-theme\">Parent Theme<\/a> bezeichnet wird.<\/p>\n<p>Es enth\u00e4lt einige spezifische Anweisungen, um WordPress mitzuteilen, dass es sich um ein Child Theme handelt und was das Parent Theme ist. WordPress verwendet dann in den meisten F\u00e4llen den Code aus dem Parent Theme, \u00fcberschreibt ihn aber mit Code aus dem Child Theme (falls erforderlich). Wenn du auf eine Seite st\u00f6\u00dft, die ein Child-Theme verwendet, das dir gef\u00e4llt, verwende unser <a href=\"https:\/\/kinsta.com\/de\/tools\/wordpress-theme-detector\/\">Theme-Detector-Tool<\/a>, um herauszufinden, was das Parent-Theme ist.<\/p>\n<h3>Die Dateien in einem WordPress Child Theme<\/h3>\n<p>Jedes WordPress Child Theme muss mindestens zwei Dateien haben: ein Stylesheet und eine Funktionsdatei. Das Stylesheet enth\u00e4lt oben auskommentierten Text, der WordPress sagt, dass es sich um ein Child Theme Design handelt und was das Parent Theme ist. Die Funktionsdatei enth\u00e4lt eine Funktion, <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#3-enqueue-stylesheet\">die das Stylesheet aus dem Parent Theme an zweiter Stelle setzt.<\/a><\/p>\n<p>Hinweis: M\u00f6glicherweise st\u00f6\u00dft du auf Anleitungen, die dir sagen, dass du das Stylesheet des \u00fcbergeordneten Themas aus dem Stylesheet des untergeordneten Themas aufrufen sollst. Dies ist nicht mehr der richtige Weg, und du solltest stattdessen das Enqueuing in der Funktionsdatei verwenden. Ich werde dir in K\u00fcrze zeigen, wie das geht.<\/p>\n<p>Dein Child Theme muss keine weiteren Dateien enthalten. Im Gegensatz zum Parent Theme ben\u00f6tigt es keine <a href=\"https:\/\/developer.wordpress.org\/themes\/getting-started\/your-first-theme\/#step-3-create-anindex-php-file\">index.php-Datei<\/a> als Fallback, wenn es keine spezifischeren Dateien im Theme gibt. Dies liegt daran, dass WordPress die Datei aus dem Parent Theme verwendet, wenn eine Vorlagendatei nicht im Child Theme vorhanden ist.<\/p>\n<p>Je nachdem, was dein Child Theme tun soll, f\u00fcgst du entweder zus\u00e4tzlichen Code zum Stylesheet, zur Funktionsdatei oder du erstellst zus\u00e4tzliche Dateien im Child Theme, um das Parent Theme zu \u00fcberschreiben. Diese k\u00f6nnen einen oder mehrere der folgenden Punkte beinhalten:<\/p>\n<ul>\n<li><a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-files\/\">Vorlagendateien<\/a>, um die gleiche Datei aus dem Parent Theme zu \u00fcberschreiben, z.B. page.php, wenn du die Anzeige von statischen Seiten anpassen m\u00f6chtest.<\/li>\n<li>Vorlagenteile wie header.php oder footer.php, wenn du diese Teile des Seitendesigns anpassen m\u00f6chtest.<\/li>\n<li>Zus\u00e4tzliche Vorlagenteile, die du aus Vorlagendateien in deinem Child Theme aufrufst. Wenn du also den Header anpassen m\u00f6chtest, wenn statische Seiten angezeigt werden, w\u00fcrdest du eine Datei in deinem Child Theme namens header-page.php und eine Template-Datei namens page.php erstellen, die page.php vom Parent Theme \u00fcberschreiben w\u00fcrde. Diese Vorlagendatei w\u00e4re identisch mit derjenigen im Parent Theme, mit Ausnahme des Aufrufs f\u00fcr die Header-Datei, der header-page.php anstelle von header.php aufrufen w\u00fcrde.<\/li>\n<li>Zus\u00e4tzliche Include-Dateien f\u00fcr die Funktionalit\u00e4t. Wenn du eine Menge funktionalen Code hinzuf\u00fcgen und organisieren m\u00f6chtest, kannst du Include-Dateien f\u00fcr jeden Satz von Funktionen erstellen und sie dann in der Datei functions.php deines Child Themes aufrufen. Wenn du also beispielsweise zus\u00e4tzliche Customizer-Optionen hinzuf\u00fcgen m\u00f6chtest, kannst du eine Include-Datei namens customizer.php in deinem Child Theme hinzuf\u00fcgen und diese Datei dann aus der Funktionsdatei in deinem Child Theme aufrufen.<\/li>\n<\/ul>\n<p>Aber wenn du zus\u00e4tzliche Dateien und Funktionen hinzuf\u00fcgst, woher wei\u00df WordPress, welche zu verwenden sind? Die vom Parent Theme oder die vom Child Theme? Darauf kommen wir als n\u00e4chstes zu sprechen.<\/p>\n<h3>Wie WordPress Vorlagendateien ausw\u00e4hlt<\/h3>\n<p>Die Art und Weise, wie WordPress Vorlagendateien aus deinem Theme ausw\u00e4hlt, wenn du Inhalte auf deiner Website darstellst, bezieht sich auf die <a href=\"https:\/\/wphierarchy.com\/\">Vorlagenhierarchie<\/a>.<\/p>\n<figure style=\"width: 1897px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/06\/wordpress-vorlagenhierarchie.png\" alt=\"Die WordPress-Vorlagenhierarchie\" width=\"1897\" height=\"1038\"><figcaption class=\"wp-caption-text\">Die WordPress-Vorlagenhierarchie<\/figcaption><\/figure>\n<p>WordPress verwendet diese Hierarchie, um die <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-files\/\">Vorlagendateien<\/a> in deinem Theme durchzugehen und die richtige zu finden, die du bei der Anzeige einer bestimmten Art von Inhalten verwenden m\u00f6chtest. Es beginnt oben (auf der linken Seite im Bild oben) und sucht nacheinander nach jeder Datei f\u00fcr den angegebenen Inhaltstyp. Wenn es eine Datei findet, die diesen Inhalt anzeigt, wird es sie verwenden.<\/p>\n<p>Stelle dir vor, dein Theme hat eine archive.php-Datei und eine category.php-Datei, aber keine tag.php-Datei. Wenn WordPress ein Kategorienarchiv anzeigt, verwendet WordPress category.php, da es spezifischer f\u00fcr den Inhaltstyp ist. Wenn ein Tag-Archiv angezeigt wird, verwendet es stattdessen archive.php.<\/p>\n<p>Wenn WordPress keine Vorlagendatei f\u00fcr den angegebenen Inhaltstyp findet, wird die Catch-all Datei index.php verwendet, weshalb jedes eigenst\u00e4ndige Theme (d.h. kein Child Theme) eine index.php Datei haben muss.<\/p>\n<p>Gleiches gilt f\u00fcr einzelne Beitr\u00e4ge und Seiten. Nehmen wir an, dein Theme hat eine singular.php-Datei, die als Catch-all f\u00fcr einzelne Beitr\u00e4ge eines beliebigen Beitragstyps (einschlie\u00dflich Seiten und benutzerdefinierter Beitr\u00e4ge) fungiert. Es hat auch eine page.php Datei. Wenn eine einzelne Seite angezeigt wird, wird page.php verwendet. Wenn ein Beitrag angezeigt wird, verwendet er die Datei singular.php. Und wenn du einen benutzerdefinierten Post-Typ registrierst und keine Vorlagendatei f\u00fcr diesen Post-Typ hinzuf\u00fcgst, wird singular.php wieder verwendet.<\/p>\n<p>Wenn du ein Child Theme verwendest, verwendet WordPress immer noch die Vorlagenhierarchie, um zu entscheiden, welche Datei bei der Ausgabe von Inhalten auf deiner Website verwendet werden soll. Es betrachtet die Dateien sowohl im Parent als auch im Child Theme und verwendet die erste Datei, auf die es trifft.<\/p>\n<p>Stelle dir also vor, dein Child Theme hat singular.php und post.php, und dein Parent Theme hat page.php und index.php. Bei der Ausgabe eines einzelnen Beitrags verwendet WordPress post.php aus dem Child Theme. Bei der Ausgabe einer Seite wird page.php aus dem Parent Theme verwendet. Und wenn ein einzelner Beitrag eines benutzerdefinierten Post-Typs ausgegeben wird, wird singular.php aus dem Child-Theme verwendet.<\/p>\n<p>Aber was ist, wenn sowohl dein Child als auch dein Parent Theme Instanzen derselben Datei haben?<\/p>\n<p>Stellen wir uns vor, du f\u00fcgst dem Child Theme im vorherigen Beispiel eine page.php-Datei hinzu. Da sich dieses Theme im Child Theme befindet, \u00fcberschreibt es die gleiche Datei aus dem Parent Theme. Wenn WordPress also eine einzelne Seite anzeigt, verwendet WordPress die neue Datei page.php aus dem Child Theme.<\/p>\n<p>Aus diesem Grund kannst du beim Erstellen eines Child Themes das Parent Theme anpassen. Wenn du eine Kopie einer Vorlagendatei von deinem Parent Theme zu deinem Child Theme hinzuf\u00fcgst und sie dann bearbeitest, um die Anpassungen einzubinden, die du vornehmen m\u00f6chtest, wird WordPress diese neue Vorlagendatei anstelle derjenigen vom Parent Theme verwenden. Das bedeutet, dass deine Anpassungen bei der Anzeige von Inhalten verwendet werden, ohne dass du das Parent Theme bearbeitet hast. Toll!<\/p>\n<h3>Wie WordPress Funktionen von Parent und Child Themes ausf\u00fchrt<\/h3>\n<p>Was, wenn du Anpassungen nicht an den Vorlagendateien in deinem Theme, sondern an den Funktionen vornehmen m\u00f6chtest?<\/p>\n<p>Das geht auch. Zuerst musst du dich davon \u00fcberzeugen, dass der richtige Weg, dies zu tun, mit einem Child Theme und nicht mit einem Plugin ist. Ein Beispiel k\u00f6nnte sein, wo du eine Funktion bearbeiten m\u00f6chtest, die sich bereits im Parent Theme befindet, z.B. die Funktion, <a href=\"https:\/\/kinsta.com\/de\/blog\/entfernst-powered-by-wordpress\/\">die das Kolophon in der Fu\u00dfzeile ausgibt<\/a>.<\/p>\n<p>Du f\u00fcgst dann die neue(n) Funktion(en) zur Funktionsdatei in deinem Child Theme oder zu einer Include-Datei hinzu, die du aus der Funktionsdatei aufrufst.<\/p>\n<p>Um sicherzustellen, dass deine neue Funktion die Funktionalit\u00e4t deines Parent Themes \u00fcberschreibt, musst du verstehen, wie man Funktionen \u00fcberschreibt. Es gibt drei M\u00f6glichkeiten, dies zu tun:<\/p>\n<ul>\n<li>Indem du eine neue Funktion mit dem gleichen Namen wie eine Pluggable-Funktion in deinem Parent Theme schreibst.<\/li>\n<li>Indem du die Funktion in deinem Parent Theme vom Hook, an den sie angeh\u00e4ngt wurde, abkoppelst und dann eine neue Funktion schreibst, um sie zu ersetzen.<\/li>\n<li>Indem man eine neue Funktion mit h\u00f6herer Priorit\u00e4t als die urspr\u00fcngliche Funktion schreibt und sie \u00fcber den gleichen Hook aufruft, was bedeutet, dass sie nach der urspr\u00fcnglichen Funktion aufgerufen wird und sie daher \u00fcberschreiben oder erweitern kann.<\/li>\n<\/ul>\n<p>Wir werden untersuchen, wie du das alles sp\u00e4ter in diesem Beitrag machst. Aber zuerst schauen wir uns die Szenarien an, in denen du ein Child Theme verwenden w\u00fcrdest und in denen du es nicht verwenden w\u00fcrdest.<\/p>\n<h2 id=\"when\">Wann man ein Child Theme in WordPress verwendet (Vorteile)<\/h2>\n<p>Du wei\u00dft jetzt, was Child Themes sind und wie du damit die Template-Dateien oder Funktionen in deinem Parent Theme \u00fcberschreiben kannst.<\/p>\n<p>Als kurze Zusammenfassung solltest du ein Child Theme verwenden, wenn du ein Theme auf deiner Website verwendest und du eines oder mehrere der folgenden Schritte durchf\u00fchren m\u00f6chtest:<\/p>\n<ul>\n<li>Bearbeiten einer oder mehrerer der Vorlagendateien.<\/li>\n<li>Hinzuf\u00fcgen zus\u00e4tzlicher Funktionen, die sich auf die Anzeige und nicht auf die Funktionalit\u00e4t beziehen.<\/li>\n<li>\u00dcberschreiben einer oder mehrerer Funktionen aus dem Parent Theme.<\/li>\n<li>Hinzuf\u00fcgen zus\u00e4tzlicher Vorlagendateien.<\/li>\n<\/ul>\n<p>Einige Vorteile sind unter anderem:<\/p>\n<ul>\n<li><strong>Einfache Erweiterung und Anpassung<\/strong>: Wie jedem einleuchtet, erweitert ein Child Theme die Funktionalit\u00e4t seines Parent Themes. Du hast bereits eine vorgefertigte Vorlage in Form eines Parent Themes zur Verf\u00fcgung, und alles, was du tun musst, ist, <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-css\/#how-to-customize-your-wordpress-theme-with-css\">eine separate style.css-Datei f\u00fcr dein Child Theme zu erstellen<\/a> und die Anpassungen nach deinen Bed\u00fcrfnissen vorzunehmen.<\/li>\n<li><strong>Problemlose Updates<\/strong>: Da WordPress sich weiterentwickelt, m\u00fcssen Themes und <a href=\"https:\/\/kinsta.com\/de\/blog\/aktualisiert-wordpress-plugin-manuell\/\">Plugins immer wieder aktualisiert werden<\/a>. Wenn du Anpassungen und \u00c4nderungen an deinem Haupttheme vornimmst, kannst du am Ende alle deine \u00c4nderungen verlieren, wenn du das Theme jemals aktualisierst. Daher ist es ratsam, solche \u00c4nderungen an einem Child Theme vorzunehmen, so dass man, selbst wenn man jemals das Parent Theme aktualisieren muss, keine Angst haben muss, seine \u00c4nderungen zu verlieren.<\/li>\n<\/ul>\n<p>Was ist, wenn du kein Child Theme verwenden w\u00fcrdest?<\/p>\n<h2 id=\"not\">Wann man ein WordPress Child Theme nicht verwenden sollte (Nachteile)<\/h2>\n<p>Es gibt Zeiten, in denen man kein Child Theme verwenden w\u00fcrde und eine andere Methode zur Anpassung der Website verwenden sollte. Das sind:<\/p>\n<ul>\n<li>Wenn du dein Theme selbst entwickelt hast (oder <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-entwickler-engagiert\/\">jemand anderes f\u00fcr dich geschrieben hat<\/a>) und es nirgendwo anders verwenden musst. Bearbeite einfach das Theme und stelle sicher, dass du die <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-github\/\">Versionskontrolle verwendest<\/a>.<\/li>\n<li>Wenn die Anpassungen, die du vornehmen m\u00f6chtest, funktional sind, z.B. das Hinzuf\u00fcgen eines benutzerdefinierten Post-Typs, und du m\u00f6chtest sie behalten, wenn du das Theme in Zukunft \u00e4nderst. Verwende stattdessen ein Plugin.<\/li>\n<\/ul>\n<p>Einige Nachteile sind unter anderem:<\/p>\n<ul>\n<li><strong>Auswahl des idealen Parent Themes<\/strong>: Nicht alle Themes fungieren als gute Bezugsthemes! Bestimmte WordPress-Themes beispielsweise werden m\u00f6glicherweise nicht regelm\u00e4\u00dfig aktualisiert und sind daher in der Regel nicht auf dem neuesten Stand. Ebenso werden nicht alle WordPress-Themes mit Child Themes im Hinterkopf erstellt und k\u00f6nnen als solche als schlechte Kandidaten f\u00fcr Parent-Themes dienen. Man muss das perfekte Parent Theme ausw\u00e4hlen, um es richtig zu erweitern und es als Grundlage f\u00fcr seine Child Themes zu nutzen.<\/li>\n<li><strong>Anpassungsbem\u00fchungen<\/strong>: Ein Child Theme versucht im Grunde genommen, ein bestehendes Template-Design zu erweitern und anzupassen. Wenn du also bereits eine Website um dein Parent Theme herum erstellt hast, musst du m\u00f6glicherweise die Anpassung von Elementen wie Men\u00fcs, Themenoptionen, Sidebars, Header usw. \u00fcberdenken, wenn du zu einem Child Theme wechselst.<\/li>\n<\/ul>\n<p>Jetzt, da du wei\u00dft, wann (und wann nicht) du ein Child Theme verwenden solltest, ist es Zeit, sich an die Arbeit zu machen und zu lernen, wie man ein Child Theme in WordPress erstellt.<\/p>\n<h2 id=\"create\">Wie man ein WordPress Child Theme erstellt<\/h2>\n<p>Beim Einrichten eines grundlegenden Child Themes in WordPress werden zwei Dateien erstellt: das <strong>Stylesheet<\/strong> und die <strong>Funktionsdatei<\/strong>. Werfen wir einen Blick auf beide.<\/p>\n<h3>Das Stylesheet<\/h3>\n<p>Bevor du deine Datei erstellst, musst du einen Ordner erstellen, in dem du dein Theme speichern kannst. Dieser wandert in die wp-content\/themes-Datei deiner WordPress-Installation.<\/p>\n<p>Denke daran: Tue dies nicht in deiner Live-Site. F\u00fcge den Code zuerst zu einer Entwicklungsumgebung hinzu und teste ihn dann auf deiner Staging-Seite. Sobald du damit zufrieden bist, kannst du es auf deine Live-Seite \u00fcbertragen. Alle Kinsta-Hosting-Angebote beinhalten <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/staging-umgebung\/\">Staging<\/a>.<\/p>\n<p>Erstelle im Ordner f\u00fcr dein neues Theme eine Datei namens style.css. F\u00fcge folgendes hinzu:<\/p>\n<pre><code class=\"language-php\">\/*\nTheme Name:\u00a0 My Child Theme. Child for Twenty Nineteen.\nTheme URI:\u00a0 https:\/\/rachelmccollin.com\nDescription:\u00a0 Theme to support tutsplus tutorial. Child theme for the Twenty Nineteen theme.\nAuthor:\u00a0 Rachel McCollin\nTextdomain:\u00a0 mccollin\nAuthor URI:\u00a0 https:\/\/rachelmccollin.com\/\nTemplate:\u00a0 twentynineteen\nVersion:\u00a0 1.0\nLicense:\u00a0 GNU General Public License v2 or later\nLicense URI:\u00a0https:\/\/www.gnu.org\/licenses\/gpl-2.0.html\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\n*\/<\/code><\/pre>\n<p>Dieser Text ist auskommentiert. Es ist kein Code, der etwas auf deiner Website ausf\u00fchrt oder eine Funktion bietet. Stattdessen wird WordPress \u00fcber das Theme informiert. Du brauchst solchen Text in jedem Theme, sonst kann WordPress ihn nicht als Theme erkennen.<\/p>\n<p>Lass uns jede dieser Zeilen durchgehen, um herauszufinden, was sie tun:<\/p>\n<ul>\n<li>Name des Themes: Der eindeutige Name f\u00fcr das Theme.<\/li>\n<li>Theme-URI: Wo Benutzer den Code oder die Dokumentation f\u00fcr das Theme finden k\u00f6nnen.<\/li>\n<li>Beschreibung: Beschreibender Text, der den Benutzern hilft zu verstehen, was das Theme bewirkt&#8230;.<\/li>\n<li>Autor: dein Name<\/li>\n<li>Textdomain: Diese wird f\u00fcr die Internationalisierung verwendet. Verwende die Textdom\u00e4ne als zweiten Parameter in allen Internationalisierungsfunktionen.<\/li>\n<li>Autoren-URI: Die Website des Autors.<\/li>\n<li>Vorlage: Der Ordner, in dem das Parent Theme gespeichert ist. Verwende den Ordnernamen und nicht den Namen des Themes. Ohne diese Zeile funktioniert dein Theme nicht als Child Theme.<\/li>\n<li>Version: Die Versionsnummer<\/li>\n<li>Lizenz: Die Lizenz, die GNU sein muss. (link)<\/li>\n<li>Lizenz-URI: Der Link zu den Informationen \u00fcber die Lizenz.<\/li>\n<\/ul>\n<p>Die wichtigste Zeile f\u00fcr ein Child Theme ist die Template: Zeile. Ohne diese Funktion funktioniert das Theme nicht als Child Theme. Nur Child Themes enthalten diese Zeile.<\/p>\n<p>F\u00fcge dies dem Stylesheet deines Themes hinzu und bearbeite es, um deine eigenen Details anstelle von meinen hinzuzuf\u00fcgen. Du musst die Zeile Template: bearbeiten, um den Ordner hinzuzuf\u00fcgen, in dem dein vorhandenes Theme gespeichert ist, da dies dein Parent Theme sein wird.<\/p>\n<p>Speicher nun die Datei. Wenn du dir jetzt den Bildschirm mit den Themedetails auf deiner Website ansehen w\u00fcrdest, w\u00fcrdest du all dies sehen:<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/06\/themeseite-wordpress-ohne-screenshot-1024x540.jpg\" alt=\"Die Themeseite in WordPress ohne Screenshot\" width=\"1024\" height=\"540\"><figcaption class=\"wp-caption-text\">Die Themeseite in WordPress ohne Screenshot<\/figcaption><\/figure>\n<p>Das sieht nicht besonders gut aus, weil es kein Screengrab gibt. Dies ist ein Bild, das eine Vorstellung davon vermittelt, wie das Theme aussehen wird. Wenn sich dein Theme optisch nicht stark vom Parent Theme unterscheidet, kopiere einfach die screenshot.png-Datei von deinem Parent Theme in dein Child Theme.<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/06\/themeseite-wordpress-mit-screenshot-1024x540.jpg\" alt=\"Die Themeseite in WordPress mit Screenshot\" width=\"1024\" height=\"540\"><figcaption class=\"wp-caption-text\">Die Themeseite in WordPress mit Screenshot<\/figcaption><\/figure>\n<h3>Die Funktionsdatei<\/h3>\n<p>Der n\u00e4chste Schritt ist das Hinzuf\u00fcgen einer Funktionsdatei zu deinem Child Theme. Du brauchst dies, damit du das Stylesheet aus dem Parent Theme in die Warteschlange stellen kannst. Ohne sie h\u00e4tte deine Website \u00fcberhaupt kein Styling und w\u00fcrde in etwa so aussehen:<\/p>\n<figure style=\"width: 927px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/06\/homepage-ohne-css.jpg\" alt=\"Unsere Homepage ohne CSS\" width=\"927\" height=\"674\"><figcaption class=\"wp-caption-text\">Unsere Homepage ohne CSS<\/figcaption><\/figure>\n<p>Nicht gut, ich bin sicher, da wirst du mir zustimmen! Also f\u00fcgen wir das Styling hinzu, damit es so aussieht, wie es soll.<\/p>\n<p>F\u00fcge in deinem Child Theme Ordner eine Datei namens functions.php hinzu. \u00d6ffne sie und f\u00fcge diesen Code hinzu:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/* enqueue script for parent theme stylesheeet *\/\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\nfunction childtheme_parent_styles() {\n\u00a0\n \/\/ enqueue style\n wp_enqueue_style( 'parent', get_template_directory_uri().'\/style.css' );\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\n}\nadd_action( 'wp_enqueue_scripts', 'childtheme_parent_styles');<\/code><\/pre>\n<p>Das verwendet die Funktion <code>wp_enqueue_style(<\/code>), um das Stylesheet aus dem Parent Theme einzuf\u00fcgen, wobei die Funktion <code>get_template_directory_directory_uri()<\/code> ermittelt, wo diese Datei gespeichert ist. Die Funktion befindet sich innerhalb einer von mir erstellten Funktion namens <code>kinsta_parent_styles()<\/code>, die an den <code>wp_enqueue_scripts<\/code> hook angeschlossen ist.<\/p>\n<p>Du fragst dich vielleicht, warum es eine Funktion namens <code>wp_enqueue_scripts<\/code> und nicht<code> wp_enqueue_styles<\/code> verwendet. Dies liegt daran, dass <code>wp_enqueue_scripts<\/code> sowohl f\u00fcr Skripte als auch f\u00fcr Styles verwendet wird und es keinen solchen Hook wie <code>wp_enqueue_styles<\/code> gibt.<\/p>\n<p>Du kannst meinen Code bearbeiten, um dem Namen deiner Funktion ein eigenes Pr\u00e4fix hinzuzuf\u00fcgen. Ich habe &#8222;childtheme&#8220; als Pr\u00e4fix verwendet, um sicherzustellen, dass meine Funktion nicht mit anderen Funktionen des Parent Themes oder von Plugins kollidiert.<\/p>\n<p>Speichere nun deine Datei.<\/p>\n<h2 id=\"activate\">Wie man sein WordPress Child Theme aktiviert<\/h2>\n<p>Sobald dein Child Theme fertig ist, musst du es aktivieren. Wenn du besorgt bist, dass die Aktivierung des Child Themes das Parent Theme ausschaltet, mach dir keine Sorgen: WordPress wird wissen, dass es die Dateien des Parent Themes verwendet, es sei denn, du f\u00fcgst neue Dateien zum Child Theme hinzu, die sie \u00fcberschreiben. Bisher hast du dem Child Theme keine zus\u00e4tzlichen Dateien oder Funktionen hinzugef\u00fcgt, so dass deine Seite genau so funktioniert, wie sie es bei aktiviertem Parent Theme tun w\u00fcrde.<\/p>\n<p>Denke daran: Probiere dies zuerst auf deiner <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/staging-umgebung\/#push-staging-to-live-1\">Entwicklungs- oder Staging-Seite<\/a> aus. Aktiviere dein Child Theme erst dann auf deiner Live-Site, wenn du es getestet haben.<\/p>\n<p>Gehe im WordPress-Administrator zu <strong>Erscheinungsbild &gt; Themes<\/strong>. Du findest dein Child Theme unter den Themes, die auf deiner Website installiert sind.<\/p>\n<p>Fahre mit der Maus \u00fcber das Theme und klicke auf die Schaltfl\u00e4che <strong>Aktivieren<\/strong>. Dadurch wird dein Child Theme aktiviert. Wenn du jetzt deine Live-Seite besuchst, wird sie genauso aussehen wie vorher:<\/p>\n<figure id=\"attachment_48296\" aria-describedby=\"caption-attachment-48296\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-48296 size-large\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/06\/homepage-der-website-1024x638.jpg\" alt=\"Die Homepage der Website\" width=\"1024\" height=\"638\"><figcaption id=\"caption-attachment-48296\" class=\"wp-caption-text\">Die Homepage der Website<\/figcaption><\/figure>\n<p>Es sieht genauso aus, weil du noch keine Anpassungen vorgenommen hast. Aber du hast jetzt ein funktionierendes Child Theme. Gut gemacht!<\/p>\n<h2 id=\"customize\">Wie man ein Child Theme in WordPress anpasst<\/h2>\n<p>Jetzt, da du ein funktionierendes Child Theme f\u00fcr deine WordPress-Seite hast, ist es an der Zeit, deine Anpassungen hinzuzuf\u00fcgen. Hier zeige ich dir, wie du Vorlagendateien hinzuf\u00fcgst, um die Dateien in deinem Parent Theme zu \u00fcberschreiben, wie du Styling in dein Child Theme einf\u00fcgen kannst und wie du neue Funktionen hinzuf\u00fcgen kannst.<\/p>\n<p>Beginnen wir mit Vorlagendateien.<\/p>\n<h3>So f\u00fcgst du Vorlagendateien zu deinem WordPress Child Theme hinzu<\/h3>\n<p>Wir haben bereits untersucht, wie WordPress die Vorlagendatei ausw\u00e4hlt, die bei der Anzeige von Inhalten auf deiner Website verwendet werden soll. Es gibt zwei Dinge, die man sich merken sollte:<\/p>\n<ul>\n<li>WordPress verwendet die Datei, die <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-hierarchy\/\">in der Hierarchie an erster Stelle steht<\/a>, entweder vom Child oder vom Parent Theme.<\/li>\n<li>Wenn eine Vorlagendatei (oder ein Vorlagenteil wie header.php) mit dem gleichen Namen sowohl im Paren als auch im Child Theme existiert, verwendet WordPress diejenige aus dem Child Theme.<\/li>\n<\/ul>\n<p>Um Anpassungen hinzuzuf\u00fcgen, ist es f\u00fcr mich einfacher, zun\u00e4chst eine Kopie der relevanten Datei aus dem Parent Theme zu erstellen, diese dem Child Theme hinzuzuf\u00fcgen und sie dann zu bearbeiten.<\/p>\n<p>Dies gilt sowohl, wenn die Datei in deinem Child Theme die gleichnamige Datei wie im Parent Theme ist, als auch, wenn es sich um eine neue Datei zum Anzeigen eines anderen Inhaltstyps oder eines h\u00f6heren in der Hierarchie handelt.<\/p>\n<p>Wenn ich also eine neue Version von page.php zu meinem Child Theme hinzuf\u00fcge, die die page.php in meinem Parent Theme \u00fcberschreibt, werde ich page.php von meinem Parent Theme zu meinem Child Theme kopieren und es dann bearbeiten. Stelle sicher, dass du die Datei kopierst: Verschiebe sie nicht, da du keine \u00c4nderungen am Parent Theme vornehmen m\u00f6chtest.<\/p>\n<p>Und wenn ich zum Beispiel eine benutzerdefinierte Seitenvorlage in meinem Child Theme m\u00f6chte, kopiere ich page.php in mein Child Theme, benenne es um und bearbeite es dann.<\/p>\n<p>Auf diese Weise kannst du sicherstellen, dass alle Aspekte der Datei, die du nicht anpassen musst, weiterhin korrekt funktionieren. Gleiches gilt f\u00fcr Vorlagenteile.<\/p>\n<h3>Wie man Styling zu deinem WordPress Child Theme hinzuf\u00fcgt<\/h3>\n<p>Man kann auch Styling in die Datei style.css des Child Themes einf\u00fcgen, wodurch das Styling im Stylesheet des Parent Themes erg\u00e4nzt oder \u00fcberschrieben wird.<\/p>\n<p>WordPress ruft zuerst das Stylesheet aus dem Parent Themes auf und dann das Stylesheet aus dem Child Theme. Das bedeutet, wenn du dem Child Theme, das auf das\/die gleiche(n) Element(e) wie das Styling im Parent Theme abzielt, Styling hinzuf\u00fcgst, wird das Styling vom Parent Theme \u00fcberschrieben, solange du den\/die gleichen Selektor(en) benutzt.<\/p>\n<p>Stelle dir zum Beispiel vor, du m\u00f6chtest die Farbe des Seitentitels \u00e4ndern. Im Parent Theme k\u00f6nnte dies in etwa so aussehen:<\/p>\n<pre><code class=\"language-html\">h1.site-title {\n\u00a0color: #000;\n}<\/code><\/pre>\n<p>Um dies in deinem Child Theme zu \u00fcberschreiben, w\u00fcrdest du dies hinzuf\u00fcgen:<\/p>\n<pre><code class=\"language-html\">h1.site-title {\n\u00a0color: #303030;\n}<\/code><\/pre>\n<p>Da der Browser dies nach dem Styling im Parent Theme feststellen wird, \u00fcberschreibt er dies und wird stattdessen verwendet.<\/p>\n<h3>Wie man Funktionen zu deinem WordPress Child Theme hinzuf\u00fcgt<\/h3>\n<p>Du hast also ein Child Theme in WordPress erstellt, nicht weil du eine der Vorlagendateien bearbeiten m\u00f6chtest, sondern weil du zus\u00e4tzliche Funktionen hinzuf\u00fcgen oder eine oder mehrere der Funktionen im Parent Theme \u00fcberschreiben m\u00f6chtest.<\/p>\n<p>Das Schreiben von Funktionen in deinem Child Theme ist etwas komplizierter als das Hinzuf\u00fcgen von Vorlagendateien, aber es ist m\u00f6glich.<\/p>\n<p>Wenn du eine neue Funktion hinzuf\u00fcgen m\u00f6chtest, die nicht mit einer der Funktionen in deinem Parent Theme interagiert, kannst du einfach weitermachen und das tun. F\u00fcge einfach die Funktion der Datei functions.php in deinem Child Theme hinzu, h\u00e4nge sie an die entsprechende Aktion oder den Filter-Hook und schon kannst du loslegen.<\/p>\n<p>Wenn du jedoch planst, eine Funktion im Parent Theme zu \u00fcberschreiben oder zu bearbeiten, musst du verstehen, mit welchen Methoden du dies tun kannst. Es gibt drei M\u00f6glichkeiten, wie du eine Parent Theme-Funktion in deinem Child Theme \u00fcberschreiben kannst:<\/p>\n<ul>\n<li>Wenn das Theme im Parent Theme pluggable ist, schreibst du einfach eine andere Funktion in dein Child Theme mit dem gleichen Namen und WordPress wird diese Funktion anstelle derjenigen im Parent Theme ausf\u00fchren.<\/li>\n<li>Wenn du verhindern m\u00f6chtest, dass die Funktion im Parent Theme \u00fcberhaupt ausgef\u00fchrt wird, kannst du eine Funktion in dein Child Theme schreiben, die sie von dem Hook l\u00f6st, an den sie angeh\u00e4ngt ist.<\/li>\n<li>Wenn du eine Funktion erweitern m\u00f6chtest, kannst du eine weitere Funktion (mit einem anderen Namen) in deinem Child Theme hinzuf\u00fcgen und sicherstellen, dass sie nach derjenigen im Parent Theme l\u00e4uft.<\/li>\n<\/ul>\n<p>Lass uns einen genaueren Blick darauf werfen, wie jeder Schritt abl\u00e4uft.<\/p>\n<h4>\u00dcberschreiben einer Pluggable-Funktion<\/h4>\n<p>Eine Pluggable-Funktion wird durch die bedingte Pr\u00fcfung identifiziert, die sie umgibt. Dadurch wird \u00fcberpr\u00fcft, ob es eine weitere Funktion mit dem gleichen Namen gibt, die bereits ausgel\u00f6st wurde. Wenn ja, wird die Funktion nicht ausgef\u00fchrt.<\/p>\n<p>WordPress wird Funktionen aus deinem Child Theme vor denen aus dem Parent Theme ausl\u00f6sen. Wenn es auf eine Pluggable-Funktion im Parent Theme trifft und du eine Funktion zu deinem Child Theme mit dem gleichen Namen hinzugef\u00fcgt hast, wird die Pluggable-Funktion nicht ausgef\u00fchrt.<\/p>\n<p>Ein Beispiel ist die Funktion, die das Kolophon im Storefront Theme f\u00fcr WooCommerce Seiten ausgibt. Hier ist die Funktion ohne ihren Inhalt:<\/p>\n<pre><code class=\"language-php\">if ( ! function_exists( 'storefront_credit' ) ) {\n function storefront_credit() {\n  \/\/ contents for function here\n }\n}<\/code><\/pre>\n<p>Wenn du das \u00fcberschreiben wolltest, w\u00fcrdest du eine andere Funktion mit dem gleichen Namen schreiben <code>(storefront_credit())<\/code> und sie an den gleichen Hook h\u00e4ngen wie im Parent Theme.<\/p>\n<h4>Aush\u00e4ngen einer Funktion aus dem Parent Theme<\/h4>\n<p>Wenn die Funktion aus dem Parent Theme nicht pluggable ist, kannst du trotzdem verhindern, dass sie ausgef\u00fchrt wird. Nehmen wir an, dein Parent Theme hat eine Funktion namens <code>parent_function()<\/code>, die an den <code>init<\/code>-Hook mit der Priorit\u00e4t <code>20<\/code> angeschlossen ist. Du willst verhindern, dass es l\u00e4uft, damit du es durch eine eigene Funktion ersetzen kannst.<\/p>\n<p>So k\u00f6nnte die Parent Theme-Funktion aussehen:<\/p>\n<pre><code class=\"language-php\">function parent_function() {\n \/\/contents of function here\n}\nadd_action( \u2018init\u2019, \u2018parent_function\u2019, 20 );<\/code><\/pre>\n<p>Um es zu l\u00f6sen, w\u00fcrdest du dies in deinem Child Theme kodieren:<\/p>\n<pre><code class=\"language-php\">function remove_parent_function() {\n remove_action( \u2018init\u2019, \u2018parent_function\u2019, 20 );\n}\nadd_action( \u2018wp_head\u2019, \u2018remove_parent_function\u2019 );<\/code><\/pre>\n<p>Beachte, dass du deine zweite Funktion an den wp_head Hook anschlie\u00dft, der oben auf jeder Seite ausgef\u00fchrt wird, und dass du den gleichen Wert f\u00fcr den Priorit\u00e4tsparameter wie in der Originalfunktion angeben musst. Wenn die urspr\u00fcngliche <code>add_action()<\/code>-Funktion keine Priorit\u00e4t hatte, kannst du diese in der <code>remove_action()<\/code>-Funktion deines Child Themes weglassen.<\/p>\n<p>Hinweis: Wenn die urspr\u00fcngliche Funktion an einen Filter-Hook anstelle eines Action-Hooks angeschlossen w\u00e4re, w\u00fcrdest du <code>remove_filter()<\/code> auf die gleiche Weise verwenden.<\/p>\n<h4>Erweitern einer Funktion um eine andere Funktion<\/h4>\n<p>Anstatt eine Funktion zu \u00fcberschreiben oder zu entfernen, kann es manchmal sinnvoll sein, sie zu erg\u00e4nzen. In diesem Fall w\u00fcrdest du eine neue Funktion mit einem anderen Namen schreiben und sie an den gleichen Hook anh\u00e4ngen.<\/p>\n<p>Stellen wir uns vor, es gibt einen Action-Hook f\u00fcr die Fu\u00dfzeile in deinem Parent Theme namens<code> parent_footer<\/code>. Jede Funktion, die du an diesem Hook anbringst, l\u00e4uft an der Stelle, an der sich der Hook befindet.<\/p>\n<p>Im Parent Theme gibt es bereits eine Funktion namens <code>parent_footer_content()<\/code>, die die Fu\u00dfzeile f\u00fcllt. Aber was w\u00e4re, wenn du ihm einen Zusatzcode hinzuf\u00fcgen wolltest?<\/p>\n<p>So k\u00f6nnte die Funktion <code>parent_footer_content()<\/code> im Parent Theme aussehen:<\/p>\n<pre><code class=\"language-php\">function parent_footer_content() {\n \/\/ content of function here\n}\nadd_action( \u2018parent_footer\u2019, \u2018parent_footer_content\u2019 );<\/code><\/pre>\n<p>Wenn du nun zus\u00e4tzliche Inhalte hinzuf\u00fcgen m\u00f6chtest, w\u00fcrdest du eine Funktion in deinem Child Theme erstellen, die an den gleichen Action-Hook angeschlossen ist, mit einer Priorit\u00e4t, die bedeutet, dass sie nach der ersten Funktion ausgef\u00fchrt wird. Da die Priorit\u00e4t f\u00fcr die Funktion des Parent Themes nicht festgelegt ist, wird sie standardm\u00e4\u00dfig auf 10 gesetzt. Du musst also eine h\u00f6here Zahl verwenden, damit sie danach abgespielt wird.<\/p>\n<pre><code class=\"language-php\">function child_footer_extra_content() {\n \/\/ contents of function here\n}\nadd_action( \u2018parent_footer\u2019, \u2018child_footer_extra_content\u2019, 20 );<\/code><\/pre>\n<p>Dies w\u00fcrde den Code aus der Funktion deines Child Themes nach dem Code aus der Funktion deines Parent Themes hinzuf\u00fcgen.<\/p>\n<h2 id=\"trouble\">Wie man Probleme mit Child und Parent Themes behebt<\/h2>\n<p>Jetzt wei\u00dft du also, wie man ein Child Theme in WordPress erstellt und wie man damit Vorlagendateien \u00fcberschreibt, zus\u00e4tzliches Styling hinzuf\u00fcgt und Funktionen zu deiner Website hinzuf\u00fcgt.<\/p>\n<p>Aber was ist, wenn dein Child Theme nicht so funktioniert, wie du es dir vorgestellt hast? Was passiert, wenn der Inhalt nicht so angezeigt wird, wie du es dir w\u00fcnscht, oder eine Funktion nicht ausgel\u00f6st wird?<\/p>\n<p>Verwende diese Checkliste, um Probleme mit deinem Child Theme zu beheben:<\/p>\n<ol>\n<li>\u00dcberpr\u00fcfe, ob du dein Child Theme aktiviert hast und ob dein Parent Theme nicht noch l\u00e4uft. Es ist \u00fcberraschend leicht, diesen Schritt zu vergessen!<\/li>\n<li>Aktualisiere Browser-Cache und den von Plugins auf deiner Website erstellten Cache.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/debugging-wordpress\/#how-to-manually-enable-wordpress-debug-mode\">Setze wp-debug in der Datei<\/a> wp-config.php deines Child Themes auf true. Wenn du einen wei\u00dfen Bildschirm betrachtest, sollte es eine Meldung geben, die dir sagt, welcher Code das Problem verursacht hat und in welcher Datei er sich befindet. Dies wird dir helfen, den Fehler zu identifizieren und welche Datei verwendet wird.<\/li>\n<li>\u00dcberpr\u00fcfe den Ausgabecode f\u00fcr deine Seite, deinen Beitrag oder dein Archiv. Finde das K\u00f6rperelement und sieh nach, welche Klassen es hat. Diese zeigen dir, welche Art von Inhalt du betrachtest, was dir hilft zu erkennen, welche Vorlagendatei verwendet wird. Manchmal liegt es an etwas Unerwartetem. Zum Beispiel verwendet die Haupt-Blog-Seite nie die Datei archive.php, obwohl sie ein Archiv deiner Beitr\u00e4ge anzeigt.<\/li>\n<li>\u00dcberpr\u00fcfe, ob deine Dateien korrekt benannt sind. \u00dcberpr\u00fcfe die Vorlagenhierarchie, um sicherzustellen, dass du die richtige Syntax verwendet hast.<\/li>\n<li>Wenn du eine Datei aus dem Parent Theme dupliziert und zu deinem Child Theme hinzugef\u00fcgt hast, pr\u00fcfe, ob du deine \u00c4nderungen gespeichert hast.<\/li>\n<li>Wenn eine Funktion zum \u00dcberschreiben einer Pluggable-Funktion nicht funktioniert, \u00fcberpr\u00fcfe, ob du ihr genau den gleichen Namen wie der Pluggable-Funktion gegeben hast und ob die Funktion im Parent Theme tats\u00e4chlich pluggable ist.<\/li>\n<li>Wenn eine von dir entfernte Funktion immer noch ausgel\u00f6st wird, \u00fcberpr\u00fcfe, ob du die richtige Priorit\u00e4t hinzugef\u00fcgt hast und ob deine Schreibweise mit der Schreibweise der Funktion und dem Hook im Parent Theme identisch ist.<\/li>\n<li>Wenn du die Priorit\u00e4t verwendet hast, um eine Funktion zu \u00fcberschreiben oder zu erweitern, versuche den Priorit\u00e4tswert zu erh\u00f6hen, damit du absolut sicher sein kannst, dass er zuletzt ausgel\u00f6st wird. \u00dcberpr\u00fcfe, ob an diesem Hook keine weiteren Funktionen angebracht sind, die deinen Code st\u00f6ren.<\/li>\n<\/ol>\n<p>Hoffentlich wird dir einer oder mehrere dieser Schritte helfen, das Problem zu identifizieren und es in deinem Child Theme zu beheben. Denke daran: <strong>Bearbeite das Parent Theme nie direkt<\/strong>.<\/p>\n<h2 id=\"tips\">N\u00fctzliche Tipps f\u00fcr die Arbeit mit WordPress Child Themes<\/h2>\n<p>Puh! Child Themes sind ein ziemliches Thema und ein unglaublich wertvolles Feature von WordPress. Ich benutze sie auf jeder Seite, die ich baue.<\/p>\n<p>Um dir zu helfen, die Methoden zu finden, die du verwenden musst, um Child Themes so effektiv wie m\u00f6glich zu nutzen, hier sind meine Tipps, die dir dabei helfen:<\/p>\n<ul>\n<li>Wenn du ein Theme von Drittanbietern bearbeiten musst, verwende stattdessen immer ein Child Theme. Auf diese Weise gehen deine \u00c4nderungen nicht verloren, wenn du das Theme aktualisierst.<\/li>\n<li>Jedes Child Theme ben\u00f6tigt ein Stylesheet und eine Funktionsdatei.<\/li>\n<li>WordPress verwendet die Vorlagenhierarchie, um festzulegen, welche Vorlagendatei bei der Ausgabe von Inhalten verwendet werden soll. Wenn es zwei Dateien mit dem gleichen Namen findet, verwendet es die aus dem Child Theme.<\/li>\n<li>Du kannst eine Pluggable-Funktion in deinem Parent Theme \u00fcberschreiben, indem du eine Funktion mit dem gleichen Namen in deinem Child Theme schreibst.<\/li>\n<li>Du kannst eine Funktion aus dem Parent Theme mit einer Funktion mit <code>remove_action()<\/code> oder <code>remove_filter()<\/code> in deinem Child Theme aushaken und dann eine neue Funktion schreiben.<\/li>\n<li>Du kannst eine Funktion in deinem Parent Theme erweitern, indem du eine Funktion in dein Child Theme schreibst und sie an die gleiche Aktion oder den gleichen Filter-Hook anh\u00e4ngst.<\/li>\n<li>Vergiss nicht, dein Child Theme zu aktivieren, nachdem du es hochgeladen hast. Und stelle sicher, <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-theme-loschen\/\">dass niemand das Parent Theme aus deiner WordPress Installation l\u00f6scht<\/a>: Ohne es funktioniert das Child Theme nicht.<\/li>\n<\/ul>\n<h2>Zusammenfassung<\/h2>\n<p>Child Themes sind eine n\u00fctzliche Funktion von WordPress, <a href=\"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/\">mit der du ein Design anpassen kannst<\/a>, ohne den Code direkt zu bearbeiten. Du kannst sie verwenden, um einem Theme zus\u00e4tzliche Funktionen hinzuzuf\u00fcgen, das Styling anzupassen oder Vorlagendateien zu erstellen\/bearbeiten.<\/p>\n<p>Wenn du den obigen Ratschl\u00e4gen folgst, kannst du in WordPress Child Themes nach bew\u00e4hrten Mustern erstellen und diese f\u00fcr eine Vielzahl von Aufgaben nutzen. Und das alles ohne Verlust deiner \u00c4nderungen und Anpassungen, wenn du das Parent Theme aktualisierst.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Du betreibst deine WordPress-Seite seit einer Weile und sie hat das getan, was du brauchst. Aber jetzt hast du beschlossen, dass du es anpassen musst. Oder &#8230;<\/p>\n","protected":false},"author":105,"featured_media":26477,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[28,29],"topic":[1009],"class_list":["post-26469","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-webdev","tag-wordpress","topic-wordpress-themes"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wie man ein Child Theme in WordPress erstellt (Erweiterte Anleitung)<\/title>\n<meta name=\"description\" content=\"WordPress Child Themes sind der Schl\u00fcssel zur Anpassung deiner Themes. Erfahre, was sie sind, wie du sie verwenden kannst und wie du Child Themes f\u00fcr deine WordPress-Seite erstellen kannst.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wie man ein Child Theme in WordPress erstellt (Erweiterte Anleitung)\" \/>\n<meta property=\"og:description\" content=\"WordPress Child Themes sind der Schl\u00fcssel zur Anpassung deiner Themes. Erfahre, was sie sind, wie du sie verwenden kannst und wie du Child Themes f\u00fcr deine WordPress-Seite erstellen kannst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-19T14:50:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-22T07:04:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/08\/child-theme-erstellen.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rachel McCollin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"WordPress Child Themes sind der Schl\u00fcssel zur Anpassung deiner Themes. Erfahre, was sie sind, wie du sie verwenden kannst und wie du Child Themes f\u00fcr deine WordPress-Seite erstellen kannst.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/08\/child-theme-erstellen.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rachel McCollin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"26\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/\"},\"author\":{\"name\":\"Rachel McCollin\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/52eb266d622b565d3206e355caac172e\"},\"headline\":\"Wie man ein Child Theme in WordPress erstellt (Erweiterte Anleitung)\",\"datePublished\":\"2019-08-19T14:50:22+00:00\",\"dateModified\":\"2023-08-22T07:04:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/\"},\"wordCount\":5769,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/08\/child-theme-erstellen.png\",\"keywords\":[\"webdev\",\"WordPress\"],\"articleSection\":[\"WordPress Entwicklung\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/\",\"name\":\"Wie man ein Child Theme in WordPress erstellt (Erweiterte Anleitung)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/08\/child-theme-erstellen.png\",\"datePublished\":\"2019-08-19T14:50:22+00:00\",\"dateModified\":\"2023-08-22T07:04:37+00:00\",\"description\":\"WordPress Child Themes sind der Schl\u00fcssel zur Anpassung deiner Themes. Erfahre, was sie sind, wie du sie verwenden kannst und wie du Child Themes f\u00fcr deine WordPress-Seite erstellen kannst.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/08\/child-theme-erstellen.png\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/08\/child-theme-erstellen.png\",\"width\":1460,\"height\":730,\"caption\":\"Wie man ein Child Theme in WordPress erstellt (Erweiterte Anleitung)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress-Themes\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/wordpress-themes\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Wie man ein Child Theme in WordPress erstellt (Erweiterte Anleitung)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/52eb266d622b565d3206e355caac172e\",\"name\":\"Rachel McCollin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g\",\"caption\":\"Rachel McCollin\"},\"description\":\"Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/rachelmccollin\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wie man ein Child Theme in WordPress erstellt (Erweiterte Anleitung)","description":"WordPress Child Themes sind der Schl\u00fcssel zur Anpassung deiner Themes. Erfahre, was sie sind, wie du sie verwenden kannst und wie du Child Themes f\u00fcr deine WordPress-Seite erstellen kannst.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/","og_locale":"de_DE","og_type":"article","og_title":"Wie man ein Child Theme in WordPress erstellt (Erweiterte Anleitung)","og_description":"WordPress Child Themes sind der Schl\u00fcssel zur Anpassung deiner Themes. Erfahre, was sie sind, wie du sie verwenden kannst und wie du Child Themes f\u00fcr deine WordPress-Seite erstellen kannst.","og_url":"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2019-08-19T14:50:22+00:00","article_modified_time":"2023-08-22T07:04:37+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/08\/child-theme-erstellen.png","type":"image\/png"}],"author":"Rachel McCollin","twitter_card":"summary_large_image","twitter_description":"WordPress Child Themes sind der Schl\u00fcssel zur Anpassung deiner Themes. Erfahre, was sie sind, wie du sie verwenden kannst und wie du Child Themes f\u00fcr deine WordPress-Seite erstellen kannst.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/08\/child-theme-erstellen.png","twitter_creator":"@Kinsta_DE","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Rachel McCollin","Gesch\u00e4tzte Lesezeit":"26\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/"},"author":{"name":"Rachel McCollin","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/52eb266d622b565d3206e355caac172e"},"headline":"Wie man ein Child Theme in WordPress erstellt (Erweiterte Anleitung)","datePublished":"2019-08-19T14:50:22+00:00","dateModified":"2023-08-22T07:04:37+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/"},"wordCount":5769,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/08\/child-theme-erstellen.png","keywords":["webdev","WordPress"],"articleSection":["WordPress Entwicklung"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/","url":"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/","name":"Wie man ein Child Theme in WordPress erstellt (Erweiterte Anleitung)","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/08\/child-theme-erstellen.png","datePublished":"2019-08-19T14:50:22+00:00","dateModified":"2023-08-22T07:04:37+00:00","description":"WordPress Child Themes sind der Schl\u00fcssel zur Anpassung deiner Themes. Erfahre, was sie sind, wie du sie verwenden kannst und wie du Child Themes f\u00fcr deine WordPress-Seite erstellen kannst.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/08\/child-theme-erstellen.png","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/08\/child-theme-erstellen.png","width":1460,"height":730,"caption":"Wie man ein Child Theme in WordPress erstellt (Erweiterte Anleitung)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"WordPress-Themes","item":"https:\/\/kinsta.com\/de\/thema\/wordpress-themes\/"},{"@type":"ListItem","position":3,"name":"Wie man ein Child Theme in WordPress erstellt (Erweiterte Anleitung)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/52eb266d622b565d3206e355caac172e","name":"Rachel McCollin","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g","caption":"Rachel McCollin"},"description":"Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.","url":"https:\/\/kinsta.com\/de\/blog\/author\/rachelmccollin\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/26469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/105"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=26469"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/26469\/revisions"}],"predecessor-version":[{"id":43293,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/26469\/revisions\/43293"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/26469\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/26469\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/26469\/translations\/pt"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/26469\/translations\/nl"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/26469\/translations\/dk"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/26469\/translations\/de"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/26469\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/26469\/translations\/it"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/26469\/translations\/se"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/26469\/translations\/jp"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/26469\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/26477"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=26469"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=26469"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=26469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}