{"id":52166,"date":"2024-02-12T07:00:09","date_gmt":"2024-02-12T15:00:09","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=52166"},"modified":"2025-01-16T11:25:17","modified_gmt":"2025-01-16T19:25:17","slug":"wie-man-ein-wordpress-child-theme-erstellt","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-child-theme-erstellt\/","title":{"rendered":"Wie man ein WordPress Child-Theme erstellt"},"content":{"rendered":"\n<p>Wenn Sie spezifische Anforderungen haben, ist die Auswahl eines<a href=\"https:\/\/www.dreamhost.com\/blog\/website-builder-template-examples\/\" target=\"_blank\" rel=\"noopener\"> WordPress-Themas<\/a> keine leichte Aufgabe. Ihre Wahl muss optisch passen und alle ben\u00f6tigten Funktionen bieten \u2014 Ein Kompromiss ist fast unvermeidlich.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wordpress-theme-editor\/\" target=\"_blank\" rel=\"noopener\">Anpassen<\/a> Ihres ausgew\u00e4hlten Themas ist eine M\u00f6glichkeit, dieses Problem zu umgehen. WordPress-Themen m\u00fcssen jedoch periodisch aktualisiert werden. Wenn der Entwickler Ihres Themas eine neue Version herausgibt, k\u00f6nnten alle Ihre Anpassungen zur\u00fcckgesetzt werden.<\/p>\n\n\n\n<p>Die L\u00f6sung?<\/p>\n\n\n\n<p>Erstellen Sie ein WordPress Child-Theme, das die Funktionalit\u00e4t des urspr\u00fcnglichen Themes erbt, aber Ihren Stil beibeh\u00e4lt. Selbst wenn Sie ein Theme-Update durchf\u00fchren, bleibt Ihr angepasstes Child-Theme erhalten.<\/p>\n\n\n\n<p>In diesem Beitrag werden wir uns die WordPress Child-Themes genauer ansehen \u2014 von den Gr\u00fcnden, warum Sie eines ben\u00f6tigen, bis hin zur Erstellung Ihres eigenen. Lassen Sie uns eintauchen!<\/p>\n\n\n\n<h2 id=\"definition\" class=\"wp-block-heading\">Was ist ein Child-Theme?<\/h2>\n\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Child Theme<\/h3>\n    <p>Ein u2018Child-Themeu2019 ist ein WordPress-Theme mit dem gleichen Aussehen und der gleichen Funktionalit\u00e4t wie sein u2018Parent Themeu2019. Sie k\u00f6nnen jedoch seine Dateien unabh\u00e4ngig von den Dateien seines Parent Theme anpassen.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/child-theme\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Mehr lesen                    <\/a>\n\n<\/div>\n\n\n\n<p>WordPress erm\u00f6glicht es Ihnen, eine leichte Kopie eines beliebigen Themes zur Anpassung zu erstellen. Das urspr\u00fcngliche Theme wird zum Eltern-Theme, und die Kopie ist als Child-Theme bekannt.<\/p>\n\n\n\n<p>Das Child-Theme ist abh\u00e4ngig vom Parent-Theme und nutzt die Funktionen und das Design des urspr\u00fcnglichen Themes. Wenn das Parent-Theme ein Update erh\u00e4lt, erh\u00e4lt dies auch das Child-Theme.<\/p>\n\n\n\n<p>Aber \u00e4hnlich wie ein Teenager hat das Child-Theme auch einige Unabh\u00e4ngigkeiten. Wenn Sie das Child-Theme anpassen, werden die \u00c4nderungen auf das urspr\u00fcngliche Eltern-Theme angewendet. Diese Erg\u00e4nzungen bleiben bestehen, auch wenn das Eltern-Theme aktualisiert oder auf andere Weise ge\u00e4ndert wird.<\/p>\n\n\n\n<p>Es ist auch erw\u00e4hnenswert, dass Anpassungen an Ihrem Child-Theme das Eltern-Theme nicht beeinflussen. Tats\u00e4chlich werden sie separat gespeichert. Das bedeutet, dass Sie die Freiheit haben zu experimentieren, ohne sich Sorgen machen zu m\u00fcssen, den zugrunde liegenden Code zu besch\u00e4digen. Sie k\u00f6nnen Ihr Child-Theme sogar vollst\u00e4ndig l\u00f6schen, und es wird keine Auswirkungen auf das urspr\u00fcngliche Eltern-Theme haben.<\/p>\n\n\n\n<p>Die Verwendung eines Child-Themes erleichtert die Wartung und Aktualisierung Ihrer Website. Es hilft Ihnen auch, das Risiko zu vermeiden, das Eltern-Theme direkt zu bearbeiten, was \u00fcberschrieben und verloren gehen k\u00f6nnte.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Unterschiede zwischen Child-Themes und Eltern-Themes<\/h3>\n\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Eltern-Themes<\/h3>\n    <p>Bei der Arbeit mit WordPress Child-Themes gibt es immer ein Eltern-Theme. Es ist das Theme, von dem das Child seine Stil- und Funktionalit\u00e4t erbt. \u00c4nderungen am Child-Theme haben keinen Einfluss auf den Code des Eltern-Themes.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/parent-theme\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Weiterlesen                    <\/a>\n\n<\/div>\n\n\n\n<p>Es gibt mehrere technische Unterschiede zwischen einem Eltern-Theme und einem Child-Theme. Beispielsweise enth\u00e4lt ein Ordner f\u00fcr das Eltern-Theme typischerweise:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Eine <i>style.css <\/i>Datei, die das Aussehen und Gef\u00fchl Ihrer Webseite bestimmt.<\/li>\n\n\n\n<li>Eine <i>functions.php <\/i>Datei, die es Ihnen erm\u00f6glicht, Funktionen hinzuzuf\u00fcgen oder das Standardverhalten von WordPress zu \u00e4ndern.<\/li>\n\n\n\n<li>Mehrere Vorlagendateien, die definieren, wie verschiedene Seiten auf Ihrer Seite angezeigt werden.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Im Gegensatz dazu ben\u00f6tigt ein Ordner f\u00fcr ein Child-Theme nur zwei wesentliche Dateien: <i>style.css<\/i> und <i>functions.php<\/i>. Diese Dateien f\u00fcgen Sie in das Verzeichnis <i>\/wp-content\/themes\/<\/i> ein.<\/p>\n\n\n\n<p>Sie k\u00f6nnen ein Child-Theme verwenden, um stilistische \u00c4nderungen an Ihrer Website vorzunehmen, wie zum Beispiel das \u00c4ndern der Standard-Farbpalette, <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/websichere-schriften\/\" target=\"_blank\" rel=\"noopener\">Schriftarten<\/a> und Layouts.<\/p>\n\n\n\n<p>Zum Beispiel nehmen wir an, Sie m\u00f6chten das Farbschema Ihrer Website \u00e4ndern. Sie k\u00f6nnen dies tun, indem Sie eine neue <i>style.css<\/i> Datei im Verzeichnis des Child-Themes erstellen und den folgenden Code hinzuf\u00fcgen:<\/p>\n\n\n\n<p><code>body {<\/code><\/p>\n\n\n\n<p><code>background-color:#fff;<\/code><\/p>\n\n\n\n<p><code>}<\/code><\/p>\n\n\n\n<p><code>h1 {<\/code><\/p>\n\n\n\n<p><code>color: #000<\/code><\/p>\n\n\n\n<p><code>}<\/code><\/p>\n\n\n\n<p>Wir haben die Hintergrundfarbe und die <a href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/heading\/\" target=\"_blank\" rel=\"noopener\">H1<\/a>-Farbe im obigen Code ge\u00e4ndert. Diese \u00c4nderungen werden die Stilvorgaben des Eltern-Themas \u00fcberschreiben und die Farben auf Ihrer Website aktualisieren. Sie k\u00f6nnen im <i>style.css<\/i>-File des Child-Themes so viele \u00c4nderungen vornehmen, wie n\u00f6tig.<\/p>\n\n\n\n<p>Ein Child-Theme erbt alles vom Eltern-Theme. Dazu geh\u00f6ren alle Vorlagendateien, Funktionen und Ressourcen wie Bilder und JavaScript-Dateien. Wenn Sie \u00c4nderungen an diesen Elementen vornehmen m\u00f6chten, m\u00fcssen Sie sie in das Verzeichnis des Child-Themes aus dem Eltern-Theme kopieren. Sie k\u00f6nnen dann die Dateien bearbeiten.<\/p>\n\n\n\n<h2 id=\"why\" class=\"wp-block-heading\">Warum Sie ein Child-Theme verwenden sollten<\/h2>\n\n\n\n<p>Es gibt mehrere Vorteile bei der Verwendung eines Child-Themes auf Ihrer WordPress-Website, einschlie\u00dflich:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Schutz der Theme-\u00c4nderungen vor automatischen Updates.<\/li>\n\n\n\n<li>Anpassung der visuellen Elemente Ihres Themes.<\/li>\n\n\n\n<li>Lernen, wie man Themes bearbeitet, ein Schritt in Richtung<a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-developing-a-wp-theme\/\" target=\"_blank\" rel=\"noopener\"> Entwicklung Ihres eigenen Themes<\/a>.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Die Verwendung eines Child-Themes erfordert ebenfalls minimale Programmierkenntnisse. In den meisten F\u00e4llen m\u00fcssen Sie nur einige wenige Codezeilen in die <i>style.css<\/i>-Datei einf\u00fcgen. Dies erleichtert den Einstieg in ein Child-Theme, auch wenn Sie kein Theme-Entwickler sind.<\/p>\n\n\n\n<p>Wenn Sie tiefer eintauchen m\u00f6chten, k\u00f6nnen Sie Ihrem Child-Theme \u00fcber <a href=\"https:\/\/help.dreamhost.com\/hc\/en-us\/articles\/215838028-Building-your-website\" target=\"_blank\" rel=\"noopener\">benutzerdefinierten Code<\/a> neue Elemente und Funktionen hinzuf\u00fcgen.<\/p>\n\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n\n<h2 id=\"plugin\" class=\"wp-block-heading\">Wie man ein WordPress Child-Theme mit einem Plugin erstellt<\/h2>\n\n\n\n<p>Die Verwendung eines Plugins ist wahrscheinlich der einfachste Weg, um ein WordPress Child-Theme zu erstellen. Das Plugin kann Sie durch den gesamten Prozess in einfachen Schritten f\u00fchren, was bedeutet, dass Sie keine technischen Kenntnisse ben\u00f6tigen.<\/p>\n\n\n\n<p>In diesem Tutorial werden wir mit dem<a href=\"https:\/\/wordpress.org\/plugins\/child-theme-configurator\/\" target=\"_blank\" rel=\"noopener\"> Child Theme Configurator Plugin<\/a> arbeiten. Dieses benutzerfreundliche Werkzeug kann Ihnen helfen, Ihr Thema auf Probleme zu analysieren, ein Child-Theme zu erstellen und es so zu bearbeiten, dass es Ihren Webdesign-Layout- und Stilvorgaben entspricht.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 1: Laden Sie das Child Theme Configurator Plugin herunter und installieren Sie es<\/h3>\n\n\n\n<p>Um zu beginnen, m\u00fcssen Sie den Child Theme Configurator herunterladen und installieren. Sie k\u00f6nnen dies tun, indem Sie zur Seite des Plugins navigieren und auf den <i>Download<\/i>-Button klicken:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"810\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin.jpg\" alt=\"Screenshot des Download-Buttons vom Child Theme Configurator von Lilaea Media\" class=\"wp-image-43127 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-300x152.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-1024x518.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-768x389.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-1536x778.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-600x304.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-1200x608.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-730x370.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-1460x739.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-784x397.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-1568x794.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-877x444.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/810;\" \/><\/figure>\n\n\n\n<p>Ihr Computer wird die Theme-Dateien in einer ZIP-Datei herunterladen. Navigieren Sie dann zu Ihrem WordPress-Armaturenbrett und gehen Sie zu <i>Plugins &gt; Add New<\/i>, um die Dateien hochzuladen.<\/p>\n\n\n\n<p>Klicken Sie auf <i>Upload Plugin &gt; Datei ausw\u00e4hlen<\/i> und w\u00e4hlen Sie den heruntergeladenen Ordner aus:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"669\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/upload-plugin.jpg\" alt=\"Plugins hinzuf\u00fcgen &quot;Plugin hochladen&quot; Screenshot, wo Sie eine .zip-Datei hochladen k\u00f6nnen\" class=\"wp-image-43128 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/upload-plugin.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/upload-plugin-300x125.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/upload-plugin-1024x428.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/upload-plugin-768x321.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/upload-plugin-1536x642.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/upload-plugin-600x251.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/upload-plugin-1200x502.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/upload-plugin-730x305.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/upload-plugin-1460x610.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/upload-plugin-784x328.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/upload-plugin-1568x656.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/upload-plugin-877x367.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/669;\" \/><\/figure>\n\n\n\n<p>Sobald das Plugin installiert ist, m\u00fcssen Sie es nur noch aktivieren. Denken Sie daran, dass Sie auch ein<a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-theme-auswahlt\/\" target=\"_blank\" rel=\"noopener\"> WordPress-Theme ausw\u00e4hlen<\/a> m\u00fcssen, von dem aus Sie Ihr Child-Theme erstellen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 2: Das Eltern-Theme analysieren<\/h3>\n\n\n\n<p>Als N\u00e4chstes navigieren Sie zu <i>Tools &gt; Child-Themes<\/i>:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"908\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Analyze-The-Parent-Theme.jpg\" alt=\"WordPress-Men\u00fc zeigt die Navigationsleiste, in der Sie &quot;Child-Themes&quot; unter &quot;Werkzeuge&quot; finden k\u00f6nnen\" class=\"wp-image-43129 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Analyze-The-Parent-Theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Analyze-The-Parent-Theme-300x170.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Analyze-The-Parent-Theme-1024x581.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Analyze-The-Parent-Theme-768x436.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Analyze-The-Parent-Theme-1536x872.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Analyze-The-Parent-Theme-600x341.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Analyze-The-Parent-Theme-1200x681.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Analyze-The-Parent-Theme-730x414.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Analyze-The-Parent-Theme-1460x829.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Analyze-The-Parent-Theme-784x445.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Analyze-The-Parent-Theme-1568x890.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Analyze-The-Parent-Theme-877x498.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/908;\" \/><\/figure>\n\n\n\n<p>Das Plugin f\u00fchrt Sie durch die Schritte, um ein Child-Theme zu erstellen. W\u00e4hlen Sie einfach <i>CREATE a new Child Theme<\/i>, um zu beginnen:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"358\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-an-action.jpg\" alt=\"Screenshot des ersten Schritts: W\u00e4hlen Sie eine Aktion mit &quot;Erstellen eines neuen Child-Themas&quot; ausgew\u00e4hlt\" class=\"wp-image-43130 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-an-action.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-an-action-300x67.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-an-action-1024x229.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-an-action-768x172.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-an-action-1536x344.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-an-action-600x134.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-an-action-1200x269.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-an-action-730x163.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-an-action-1460x327.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-an-action-784x175.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-an-action-1568x351.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-an-action-877x196.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/358;\" \/><\/figure>\n\n\n\n<p>Sie werden aufgefordert, Ihr Eltern-Theme aus dem Dropdown-Men\u00fc auszuw\u00e4hlen. Wenn Sie mehrere Themes auf Ihrer WordPress-Site haben, stellen Sie sicher, dass Sie das ausw\u00e4hlen, das Sie anpassen m\u00f6chten:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"1104\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-a-parent-theme.jpg\" alt=\"Schritt 2: W\u00e4hlen Sie ein Eltern-Theme aus, das eine Suchleiste anzeigt, in der \u201eTwenty Twenty-Four\u201c eingegeben wurde, und alle vier Versionen von Twenty Twenty werden als Suchergebnisse angezeigt\" class=\"wp-image-43131 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-a-parent-theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-a-parent-theme-300x207.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-a-parent-theme-1024x707.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-a-parent-theme-768x530.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-a-parent-theme-1536x1060.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-a-parent-theme-600x414.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-a-parent-theme-1200x828.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-a-parent-theme-730x504.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-a-parent-theme-1460x1007.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-a-parent-theme-784x541.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-a-parent-theme-1568x1082.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-a-parent-theme-877x605.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1104;\" \/><\/figure>\n\n\n\n<p>Klicken Sie jetzt auf <i>Analyze<\/i>, um das Eltern-Theme auf m\u00f6gliche Codeprobleme zu \u00fcberpr\u00fcfen:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"441\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/analyze-parent-directory.jpg\" alt=\"Schritt 2: Eltern-Theme analysieren\" class=\"wp-image-43132 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/analyze-parent-directory.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/analyze-parent-directory-300x83.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/analyze-parent-directory-1024x282.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/analyze-parent-directory-768x212.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/analyze-parent-directory-1536x423.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/analyze-parent-directory-600x165.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/analyze-parent-directory-1200x331.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/analyze-parent-directory-730x201.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/analyze-parent-directory-1460x402.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/analyze-parent-directory-784x216.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/analyze-parent-directory-1568x432.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/analyze-parent-directory-877x242.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/441;\" \/><\/figure>\n\n\n\n<p>Wenn das Plugin Kompatibilit\u00e4ts- oder Programmierprobleme feststellt, werden diese hier aufgelistet. Andernfalls sehen Sie eine gr\u00fcne Erfolgsmeldung, die Ihnen sagt, dass es in Ordnung ist, mit der Erstellung des Child-Themes fortzufahren:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"1023\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/success-message.jpg\" alt=\"screenshot der Analyse-Seite mit einem H\u00e4kchen, das anzeigt, dass dieses Theme als Child-Theme verwendet werden kann und der relevante Code\" class=\"wp-image-43133 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/success-message.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/success-message-300x192.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/success-message-1024x655.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/success-message-768x491.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/success-message-1536x982.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/success-message-600x384.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/success-message-1200x767.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/success-message-730x467.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/success-message-1460x933.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/success-message-784x501.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/success-message-1568x1003.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/success-message-877x561.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1023;\" \/><\/figure>\n\n\n\n<p>Sobald Sie festgestellt haben, dass Ihr Eltern-Theme f\u00fcr ein Child-Theme geeignet ist, k\u00f6nnen Sie zum n\u00e4chsten Schritt \u00fcbergehen. (Sie k\u00f6nnen auch eine Rohdatenanalyse anzeigen oder Unterst\u00fctzungsanfragen an den Ersteller des Plugins von dieser Seite aus einreichen.)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 3: Benennen Sie Ihr Child-Theme-Verzeichnis<\/h3>\n\n\n\n<p>Als N\u00e4chstes werden Sie aufgefordert, einen Verzeichnisnamen f\u00fcr das Child-Theme zu erstellen. Dies ist der Name des Ordners innerhalb der Dateien Ihrer Website.<\/p>\n\n\n\n<p>Sie k\u00f6nnen es beliebig benennen, solange es f\u00fcr Ihre Seite einzigartig ist und akzeptable Zeichen enth\u00e4lt. Wir verwenden aus Gr\u00fcnden der Einfachheit \u201etwentytwentyfour-child\u201c:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"341\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/name-the-new-theme-directory.jpg\" alt=\"Sie k\u00f6nnen das Child-Theme beliebig benennen, solange es einzigartig f\u00fcr Ihre Website ist und akzeptable Zeichen enth\u00e4lt.\" class=\"wp-image-43134 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/name-the-new-theme-directory.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/name-the-new-theme-directory-300x64.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/name-the-new-theme-directory-1024x218.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/name-the-new-theme-directory-768x164.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/name-the-new-theme-directory-1536x327.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/name-the-new-theme-directory-600x128.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/name-the-new-theme-directory-1200x256.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/name-the-new-theme-directory-730x156.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/name-the-new-theme-directory-1460x311.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/name-the-new-theme-directory-784x167.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/name-the-new-theme-directory-1568x334.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/name-the-new-theme-directory-877x187.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/341;\" \/><\/figure>\n\n\n\n<p>Beachten Sie, dass das Benennen des Theme-Verzeichnisses nicht dasselbe ist wie das Benennen Ihres Child-Themes oder das Hinzuf\u00fcgen einer Themenbeschreibung. Diese Schritte folgen sp\u00e4ter.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 4: W\u00e4hlen Sie die Stylesheets f\u00fcr Child- und Eltern-Themes aus<\/h3>\n\n\n\n<p>Als N\u00e4chstes m\u00fcssen Sie das neue Stylesheet f\u00fcr Ihr Child-Theme ausw\u00e4hlen. Wenn Sie das prim\u00e4re Stylesheet (<i>style.css<\/i>) ausw\u00e4hlen, werden Ihre benutzerdefinierten CSS-Stile den vorhandenen Themeninhalt \u00fcberschreiben.<\/p>\n\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>CSS<\/h3>\n    <p>Cascading Style Sheets (CSS) ist eine unerl\u00e4ssliche Programmiersprache, die zum Stylen von Webseiten verwendet wird. CSS hilft Ihnen, sch\u00f6ne Seiten zu gestalten, indem es das Aussehen verschiedener Elemente, einschlie\u00dflich Schriftstil, Farbe, Layout und mehr, ver\u00e4ndert.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/css\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Mehr lesen                    <\/a>\n\n<\/div>\n\n\n\n<p>Dies ist die Standardoption, und wir empfehlen sie, wenn Sie neu bei Child-Themes sind:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"465\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-where-to-save-new-styles.jpg\" alt=\"Schritt 5: W\u00e4hlen Sie, wo neue Stile gespeichert werden sollen, wobei &quot;prim\u00e4res Stylesheet&quot; anstelle von &quot;separatem Stylesheet&quot; ausgew\u00e4hlt ist\" class=\"wp-image-43135 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-where-to-save-new-styles.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-where-to-save-new-styles-300x87.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-where-to-save-new-styles-1024x298.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-where-to-save-new-styles-768x223.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-where-to-save-new-styles-1536x446.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-where-to-save-new-styles-600x174.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-where-to-save-new-styles-1200x349.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-where-to-save-new-styles-730x212.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-where-to-save-new-styles-1460x424.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-where-to-save-new-styles-784x228.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-where-to-save-new-styles-1568x456.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-where-to-save-new-styles-877x255.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/465;\" \/><\/figure>\n\n\n\n<p>Sie werden nun aufgefordert, Ihre Methode zur Handhabung des Stylesheets f\u00fcr das Eltern-Theme auszuw\u00e4hlen. Es gibt verschiedene Optionen, aber wir empfehlen in den meisten F\u00e4llen, bei <i>Verwenden der WordPress-Stilwarteschlange<\/i> zu bleiben:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"615\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-parent-theme-stylesheet-handling.jpg\" alt=\"Schritt 6: Auswahl der Stylesheet-Verwaltung des Eltern-Themas mit \u201eVerwendung der WordPress-Style-Queue\u201c ausgew\u00e4hlt\" class=\"wp-image-43136 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-parent-theme-stylesheet-handling.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-parent-theme-stylesheet-handling-300x115.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-parent-theme-stylesheet-handling-1024x394.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-parent-theme-stylesheet-handling-768x295.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-parent-theme-stylesheet-handling-1536x590.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-parent-theme-stylesheet-handling-600x231.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-parent-theme-stylesheet-handling-1200x461.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-parent-theme-stylesheet-handling-730x281.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-parent-theme-stylesheet-handling-1460x561.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-parent-theme-stylesheet-handling-784x301.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-parent-theme-stylesheet-handling-1568x603.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-parent-theme-stylesheet-handling-877x337.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/615;\" \/><\/figure>\n\n\n\n<p>Als Anf\u00e4nger ist es besser, die Standardeinstellung zu verwenden, bis du besser vertraut bist damit, wie das Eltern-Theme das Stylesheet handhabt. Die anderen Optionen sind nicht immer mit allen Themes kompatibel.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 5: Benennen Sie Ihr Child-Theme<\/h3>\n\n\n\n<p>Der n\u00e4chste Schritt besteht darin, Ihrem Child-Theme einen Namen zu geben und eine Beschreibung daf\u00fcr zu schreiben.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"877\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Name-Your-Child-Theme.jpg\" alt=\"Schritt 7: Benennen Sie den Namen, die Beschreibung, den Autor, die Version usw. des Child-Themes mit den entsprechenden Textfeldern im Attribut-Editor\" class=\"wp-image-43137 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Name-Your-Child-Theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Name-Your-Child-Theme-300x164.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Name-Your-Child-Theme-1024x561.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Name-Your-Child-Theme-768x421.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Name-Your-Child-Theme-1536x842.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Name-Your-Child-Theme-600x329.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Name-Your-Child-Theme-1200x658.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Name-Your-Child-Theme-730x400.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Name-Your-Child-Theme-1460x800.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Name-Your-Child-Theme-784x430.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Name-Your-Child-Theme-1568x859.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Name-Your-Child-Theme-877x481.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/877;\" \/><\/figure>\n\n\n\n<p>Der Child Theme Configurator wird die Standardinformationen aus Ihrem Eltern-Theme ziehen und sie hier anzeigen. Wenn Sie einfach ein Child-Theme f\u00fcr den pers\u00f6nlichen Gebrauch erstellen, k\u00f6nnen Sie die Daten so belassen, wie sie sind.<\/p>\n\n\n\n<p>Jedoch, wenn Ihr Eltern-Theme als Basis f\u00fcr ein neues Theme dient, das Sie entwickeln, m\u00f6chten Sie vielleicht eine kurze Beschreibung und einen einzigartigen Namen hinzuf\u00fcgen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 6: Die Einstellungen des Eltern-Themas in das Child-Theme kopieren<\/h3>\n\n\n\n<p>Das Plugin wird Sie nun bitten zu best\u00e4tigen, dass es die Einstellungen des Eltern-Themes in Ihr Child-Theme kopieren kann:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"384\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme.jpg\" alt=\"Schritt 8: Men\u00fcs, Widgets und andere Anpassungseinstellungen vom Eltern-Theme zum Child-Theme kopieren, mit ausgew\u00e4hltem Kontrollk\u00e4stchen\" class=\"wp-image-43138 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-300x72.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-1024x246.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-768x184.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-1536x369.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-600x144.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-1200x288.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-730x175.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-1460x350.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-784x188.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-1568x376.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-877x210.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/384;\" \/><\/figure>\n\n\n\n<p>Dieser Schritt stellt sicher, dass Ihr Child-Theme seine Funktionalit\u00e4t und sein Aussehen vom Eltern-Theme bezieht. Beachten Sie, dass Sie diesen Schritt m\u00f6glicherweise nicht ausf\u00fchren k\u00f6nnen, wenn Sie mit einem Premium- oder eingeschr\u00e4nkten Theme als Eltern arbeiten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 7: Erstellen Sie Ihr neues Child-Theme und sehen Sie sich die Vorschau an<\/h3>\n\n\n\n<p>Der letzte Schritt besteht darin, Ihr Child-Theme zu erstellen. Klicken Sie auf den <i>Create New Child Theme<\/i>-Button und warten Sie, bis das Plugin seine Arbeit verrichtet hat:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"343\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It.jpg\" alt=\"Schritt 9: Klicken Sie, um den Konfigurator auszuf\u00fchren und den &quot;neues Child-Theme erstellen&quot;-Button\" class=\"wp-image-43139 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-300x64.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-1024x220.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-768x165.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-1536x329.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-600x129.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-1200x257.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-730x156.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-1460x313.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-784x168.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-1568x336.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-877x188.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/343;\" \/><\/figure>\n\n\n\n<p>Sie sollten eine Benachrichtigung erhalten, dass Ihr Child-Theme erfolgreich erstellt wurde:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"303\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2.jpg\" alt=\"child theme twenty twenty-four child has been generated successfully \" class=\"wp-image-43140 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-300x57.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-1024x194.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-768x145.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-1536x291.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-600x114.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-1200x227.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-730x138.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-1460x276.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-784x148.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-1568x297.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-877x166.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/303;\" \/><\/figure>\n\n\n\n<p>\u00dcberpr\u00fcfen Sie immer Ihr Child-Theme, bevor Sie es auf Ihrer Website aktivieren. Dieser Schritt hilft Ihnen zu \u00fcberpr\u00fcfen, ob alles wie erwartet funktioniert. Dann klicken Sie auf <i>Aktivieren &amp; Ver\u00f6ffentlichen<\/i>, um mit Ihrem Child-Theme anzufangen.<\/p>\n\n\n\n<h2 id=\"manual\" class=\"wp-block-heading\">Wie man manuell ein WordPress Child-Theme erstellt<\/h2>\n\n\n\n<p>Wenn Sie lieber kein Plugin verwenden m\u00f6chten, um Ihr Child-Theme zu erstellen, k\u00f6nnen Sie die <a href=\"https:\/\/wordpress.tv\/2024\/02\/05\/create-a-block-child-theme\/\" target=\"_blank\" rel=\"noopener\">manuelle Methode<\/a> verwenden. Diese Vorgehensweise k\u00f6nnte Ihnen besser gefallen, wenn Sie bereits zu viele Plugins auf Ihrer Website verwenden.<\/p>\n\n\n\n<p>Zus\u00e4tzlich erm\u00f6glicht Ihnen das manuelle Erstellen eines WordPress Child-Themes, alle \u00c4nderungen auf einer detaillierten Ebene vorzunehmen. Denken Sie nur daran, dass Sie mittlere<a href=\"https:\/\/www.dreamhost.com\/blog\/why-you-should-still-learn-css\/\" target=\"_blank\" rel=\"noopener\"> Kenntnisse in CSS-Code<\/a> ben\u00f6tigen.<\/p>\n\n\n\n<p>Hier ist eine schrittweise Anleitung:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 1: Entwickeln Sie einen Plan f\u00fcr Ihre \u00c4nderungen<\/h3>\n\n\n\n<p>Zuerst finden Sie ein Eltern-Theme, das Ihnen gef\u00e4llt, und listen Sie die \u00c4nderungen auf, die Sie vornehmen m\u00f6chten. Sie k\u00f6nnen die Entwicklertools anzeigen und den Code des Themes sehen, um die richtigen \u00c4nderungen vorzunehmen.<\/p>\n\n\n\n<p>Um die Entwicklertools anzuzeigen, klicken Sie mit der rechten Maustaste irgendwo auf Ihrer Seite, w\u00e4hrend das Thema ausgef\u00fchrt wird, und w\u00e4hlen Sie <i>Element untersuchen<\/i>. Sie werden dann eine Seite mit Daten sehen, die etwa so aussehen:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"660\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Develop-A-Plan-For-Your-Changes.jpg\" alt=\"blauer Bildschirm mit Code, wobei &quot;background-color&quot; an drei Stellen hervorgehoben ist\" class=\"wp-image-43141 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Develop-A-Plan-For-Your-Changes.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Develop-A-Plan-For-Your-Changes-300x124.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Develop-A-Plan-For-Your-Changes-1024x422.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Develop-A-Plan-For-Your-Changes-768x317.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Develop-A-Plan-For-Your-Changes-1536x634.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Develop-A-Plan-For-Your-Changes-600x248.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Develop-A-Plan-For-Your-Changes-1200x495.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Develop-A-Plan-For-Your-Changes-730x301.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Develop-A-Plan-For-Your-Changes-1460x602.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Develop-A-Plan-For-Your-Changes-784x323.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Develop-A-Plan-For-Your-Changes-1568x647.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Develop-A-Plan-For-Your-Changes-877x362.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/660;\" \/><\/figure>\n\n\n\n<p>Hier k\u00f6nnen Sie nach Hintergrundfarben, Schriftinformationen, Randgr\u00f6\u00dfe und mehr suchen. Dann k\u00f6nnen Sie eine Liste von Merkmalen erstellen, die Sie in Ihrem Child-Theme anpassen m\u00f6chten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 2: Sichern Sie Ihre Website<\/h3>\n\n\n\n<p>Es ist wesentlich, Ihre aktuelle Seite <a href=\"https:\/\/www.dreamhost.com\/blog\/10-important-reasons-to-perform-website-backup\/\" target=\"_blank\" rel=\"noopener\"> zu sichern<\/a>, bevor Sie \u00c4nderungen vornehmen, um zu vermeiden, dass Ihre Einstellungen verloren gehen. Sie k\u00f6nnen jederzeit zu diesem Backup zur\u00fcckkehren, falls n\u00f6tig. Sie k\u00f6nnten auch die Nutzung einer <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/anfangerleitfaden-zum-staging-von-websites\/\" target=\"_blank\" rel=\"noopener\"> Staging-Website<\/a> in Betracht ziehen, falls Sie kritische Fehler machen.<\/p>\n\n\n\n<p>Es gibt ein paar verschiedene Wege, Ihre Website zu sichern. Sie k\u00f6nnen dies manuell mit einem Backup-Plugin tun, was wahrscheinlich die einfachste Methode f\u00fcr die meisten Personen ist.<\/p>\n\n\n\n<p>Alternativ k\u00f6nnen Sie mit einem WordPress-Hosting-Anbieter zusammenarbeiten, der sich um die Sicherung der Website k\u00fcmmert. Unsere<a href=\"https:\/\/www.dreamhost.com\/de\/wordpress\/verwaltet\/\" target=\"_blank\" rel=\"noopener\"> DreamPress verwalteten Hosting-Pl\u00e4ne<\/a> umfassen automatische und On-Demand-Sicherungen, um Ihre Daten zu sch\u00fctzen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 3: Erstellen Sie einen Ordner f\u00fcr Ihr Child-Theme<\/h3>\n\n\n\n<p>Sie m\u00fcssen einen Ordner erstellen, um Ihre Child-Themes-Dateien zu speichern. Um dies zu erreichen, greifen Sie zun\u00e4chst \u00fcber einen<a href=\"https:\/\/www.dreamhost.com\/blog\/ftp-sftp-guide-for-wordpress-users\/\" target=\"_blank\" rel=\"noopener\"> Secure File Transfer Protocol (SFTP)<\/a>-Client wie<a href=\"https:\/\/filezilla-project.org\/\" target=\"_blank\" rel=\"noopener\"> Filezilla<\/a> auf Ihre Dateien zu und navigieren Sie zum Themes-Ordner:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-A-Folder-For-Your-Child-Theme.jpg\" alt=\"Dateien zeigen, wo Themendateien unter wp-content src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">themes liegen&#8221; class=&#8221;wp-image-43142&#8243;\/><\/figure>\n\n\n\n<p>Hier k\u00f6nnen Sie ein neues Verzeichnis f\u00fcr Ihr Child-Theme erstellen. Erstellen Sie einen neuen Ordner, der den Namen des Eltern-Themes tr\u00e4gt und f\u00fcgen Sie \u201e-child\u201c am Ende hinzu.<\/p>\n\n\n\n<p>Zum Beispiel, wenn Ihr Verzeichnis des Eltern-Themes &#8220;twentytwentyfour&#8221; hei\u00dft, wird Ihr Verzeichnis des Child-Themes \u201etwentytwentyfour-child\u201c genannt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 4: Erstellen Sie ein Stylesheet f\u00fcr Ihr Child-Theme<\/h3>\n\n\n\n<p>Jetzt m\u00fcssen Sie eine neue Textdatei erstellen und sie \u201estyle.css\u201c nennen. Diese Datei wird die Grundlage Ihres Child-Themes bilden. Sie ben\u00f6tigt einige grundlegende Kopfinformationen, einschlie\u00dflich ihres Namens, der URL, der Beschreibung und mehr:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"658\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme.jpg\" alt=\"Stylesheet mit 8 Zeilen, die jede ausgef\u00fcllte Zeile des Themennamens, der URL, der Beschreibung, des Autors, der Autoren-URL, des Eltern-Themas, der Version und der Textdom\u00e4ne zeigen\" class=\"wp-image-43143 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-300x123.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-1024x421.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-768x316.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-1536x632.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-600x247.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-1200x494.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-730x300.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-1460x600.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-784x322.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-1568x645.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-877x361.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/658;\" \/><\/figure>\n\n\n\n<p>Speichern Sie jetzt und f\u00fcgen Sie die <i>style.css<\/i> Datei zum gerade erstellten Verzeichnisordner hinzu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 5: Die Stylesheets einreihen<\/h3>\n\n\n\n<p>Als N\u00e4chstes m\u00fcssen Sie die Stylesheets der Eltern- und Child-Themes einreihen.<\/p>\n\n\n\n<p>Die <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wordpress-theme-konfiguration\/\" target=\"_blank\" rel=\"noopener\">enqueue<\/a> Funktion stellt sicher, dass Ihr Child-Theme seine Stildaten vom Eltern-Theme \u00fcbernimmt. Sie erm\u00f6glicht Ihnen auch, das Child-Theme zu bearbeiten, ohne das Eltern-Theme zu beeinflussen.<\/p>\n\n\n\n<p>Erstellen Sie eine neue Funktionsdatei in Ihrem Child-Theme-Verzeichnis und benennen Sie sie \u201efunctions.php\u201c. Sie k\u00f6nnen dann Ihr Child-Theme anweisen, das Basisthema zu referenzieren, indem Sie den folgenden Code hinzuf\u00fcgen:<\/p>\n\n\n\n<p><code>&lt;?php<\/code><\/p>\n\n\n\n<p><code>add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );<\/code><\/p>\n\n\n\n<p><code>function enqueue_parent_styles() {<\/code><\/p>\n\n\n\n<p><code>wp_enqueue_style( 'parent-style', get_template_directory_uri().'\/style.css' );<\/code><\/p>\n\n\n\n<p><code>}<\/code><\/p>\n\n\n\n<p><code>?&gt;<\/code><\/p>\n\n\n\n<p>Speichern Sie die Textdatei und navigieren Sie zu Ihrem WordPress-Armaturenbrett, um das Thema zu aktivieren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 6: Das Child-Theme aktivieren<\/h3>\n\n\n\n<p>Schlie\u00dflich ist es Zeit, Ihr Child-Theme zu aktivieren. Sie k\u00f6nnen es manuell hochladen, indem Sie zu <i>Appearance &gt; Themes<\/i> <i>&gt; Upload<\/i> gehen. W\u00e4hlen Sie dann eine <i>.zip<\/i>-Version Ihres Child-Theme-Verzeichnisses:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"707\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Activate-The-Child-Theme.jpg\" alt=\"wordpress-Seitenleiste zeigt, dass Sie Themes unter Aussehen finden k\u00f6nnen\" class=\"wp-image-43144 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Activate-The-Child-Theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Activate-The-Child-Theme-300x133.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Activate-The-Child-Theme-1024x452.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Activate-The-Child-Theme-768x339.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Activate-The-Child-Theme-1536x679.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Activate-The-Child-Theme-600x265.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Activate-The-Child-Theme-1200x530.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Activate-The-Child-Theme-730x323.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Activate-The-Child-Theme-1460x645.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Activate-The-Child-Theme-784x346.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Activate-The-Child-Theme-1568x693.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Activate-The-Child-Theme-877x388.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/707;\" \/><\/figure>\n\n\n\n<p>Aktivieren Sie Ihr Child-Theme. Es sollte jetzt aktiv sein!<\/p>\n\n\n\n<h2 id=\"customize\" class=\"wp-block-heading\">Wie Sie Ihr Child-Theme anpassen<\/h2>\n\n\n\n<p>Nachdem Sie Ihr neues Child-Theme aktiviert haben, ist es an der Zeit, es auszuprobieren. Es gibt mehrere verschiedene M\u00f6glichkeiten, das Design und die Funktionalit\u00e4t anzupassen.<\/p>\n\n\n\n<p>Ein Prinzip, das zu beachten ist, ist, dass WordPress automatisch zuerst nach Dateien im Child-Verzeichnis sucht, bevor es die Dateien des Eltern-Themas scannt. Das bedeutet, dass jedes Stylesheet oder Template, das Sie Ihrem Child-Theme hinzuf\u00fcgen, Vorrang vor derselben Datei im Elternordner hat.<\/p>\n\n\n\n<p>Das System \u201eChild vor Parent\u201c bietet uns viele M\u00f6glichkeiten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Erstellen benutzerdefinierter Stile<\/h3>\n\n\n\n<p>F\u00fcr grundlegende Design\u00e4nderungen, die nicht durch das <i>Theme Options<\/i> Panel abgedeckt sind, k\u00f6nnen Sie Ihre eigenen benutzerdefinierten Stile erstellen. In den meisten F\u00e4llen k\u00f6nnen Sie einfach bestehende Stylingregeln der Eltern in einem neuen Stylesheet neu schreiben.<\/p>\n\n\n\n<p>Der beste Weg, das CSS zu finden, das Sie \u00e4ndern m\u00f6chten, ist die Verwendung der <i>Inspector Tools<\/i> in Ihrem Browser. Sie k\u00f6nnen sich das CSS und das HTML hinter jeder Webseite ansehen, indem Sie mit der rechten Maustaste darauf klicken und <i>Element untersuchen<\/i> ausw\u00e4hlen.<\/p>\n\n\n\n<p>Am unteren oder rechten Rand Ihres Bildschirms finden Sie den Code f\u00fcr die Seite. Bewegen Sie den Mauszeiger \u00fcber den Code und markieren Sie das HTML in Abschnitten:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"723\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Creating-Custom-Styles.jpg\" alt=\"Code inspizieren, der die verschiedenen HTML-Bereiche zeigt\" class=\"wp-image-43145 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Creating-Custom-Styles.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Creating-Custom-Styles-300x136.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Creating-Custom-Styles-1024x463.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Creating-Custom-Styles-768x347.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Creating-Custom-Styles-1536x694.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Creating-Custom-Styles-600x271.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Creating-Custom-Styles-1200x542.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Creating-Custom-Styles-730x330.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Creating-Custom-Styles-1460x660.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Creating-Custom-Styles-784x354.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Creating-Custom-Styles-1568x709.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Creating-Custom-Styles-877x396.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/723;\" \/><\/figure>\n\n\n\n<p>Wenn Sie dar\u00fcber schweben, werden auch die CSS-Regeln angezeigt. Sie k\u00f6nnen die CSS direkt mit den Entwicklertools bearbeiten, um zu sehen, wie es aussieht.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"262\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/directly-edit-CSS.jpg\" alt=\"HTML-Code der Seite inspizieren, der die Span-Klasse und die Hintergrundfarbe in HTML zeigt\" class=\"wp-image-43146 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/directly-edit-CSS.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/directly-edit-CSS-300x49.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/directly-edit-CSS-1024x168.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/directly-edit-CSS-768x126.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/directly-edit-CSS-1536x252.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/directly-edit-CSS-600x98.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/directly-edit-CSS-1200x197.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/directly-edit-CSS-730x120.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/directly-edit-CSS-1460x239.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/directly-edit-CSS-784x128.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/directly-edit-CSS-1568x257.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/directly-edit-CSS-877x144.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/262;\" \/><\/figure>\n\n\n\n<p>In diesem Beispiel haben wir die Hintergrundfarbe von \u201e#9888fd\u201c zu \u201e#9888fe\u201c ge\u00e4ndert, um zu sehen, wie es aussehen w\u00fcrde. Die Hintergrundfarbe \u00e4ndert sich sofort, aber sie ist nicht dauerhaft.<\/p>\n\n\n\n<p>Sie m\u00fcssen jetzt die CSS-Regel kopieren und sie so in die <i>style.css<\/i> Datei Ihres Child-Themes einf\u00fcgen:<\/p>\n\n\n\n<p><code>body {<\/code><\/p>\n\n\n\n<p><code>Background-color: #9888fe;<\/code><\/p>\n\n\n\n<p><code>}<\/code><\/p>\n\n\n\n<p>Speichern Sie diese \u00c4nderungen in der <i>style.css<\/i> Datei und kehren Sie zu Ihrem WordPress Armaturenbrett zur\u00fcck, um das Theme zu \u00fcberpr\u00fcfen. Dieser Prozess k\u00f6nnte Versuch und Irrtum erfordern, also nehmen Sie sich Zeit, um den Stil zu perfektionieren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00dcberschreiben der Eltern-Vorlagen<\/h3>\n\n\n\n<p>Genau wie wir ein neues Stylesheet f\u00fcr benutzerdefiniertes CSS erstellen k\u00f6nnen, ist es m\u00f6glich, \u00fcbergeordnete Vorlagen mit neuen Inhalten zu \u00fcberschreiben. Dies erm\u00f6glicht Ihnen, grundlegende \u00c4nderungen an der Struktur spezifischer Teile Ihrer Website vorzunehmen \u2014 wie dem Header und Navigationsmen\u00fc, dem Footer oder der Einzelpost-Vorlage.<\/p>\n\n\n\n<p>Stellen Sie sich vor, Sie m\u00f6chten das Layout des Blog-Beitrags in Ihrem Child-Theme \u00e4ndern, sodass der Titel jedes Beitrags oberhalb des hervorgehobenen Bildes erscheint.<\/p>\n\n\n\n<p>Dieser Abschnitt Ihrer Website wird von der <i>content.php<\/i> Vorlagendatei gesteuert. Um mit den \u00c4nderungen zu beginnen, laden Sie eine Kopie von <i>content.php<\/i> \u00fcber SFTP aus dem \u00fcbergeordneten Ordner herunter.<\/p>\n\n\n\n<p>\u00d6ffnen Sie als N\u00e4chstes die Child-Vorlage in Ihrem Texteditor. Sie k\u00f6nnten so etwas sehen:<\/p>\n\n\n\n<p><code>twentytwentyfour_post_thumbnail();<\/code><\/p>\n\n\n\n<p><code>&lt;header&gt;<\/code><br><code>&lt;!-- Titel und weitere Kopfzeileninformationen hier --&gt;<\/code><br><code>&lt;\/header&gt;<\/code><\/p>\n\n\n\n<p><code>Um das Layout Ihres Headers anzupassen, k\u00f6nnten Sie den Code wie folgt \u00e4ndern:<\/code><\/p>\n\n\n\n<p><code>&lt;header&gt;<\/code><br><code>&lt;!-- Titel und weitere Kopfzeileninformationen hier --&gt;<\/code><br><code>&lt;\/header&gt;<\/code><\/p>\n\n\n\n<p><code>\/\/ Post thumbnail<\/code><br><code>twentytwentyfour_post_thumbnail();<\/code><\/p>\n\n\n\n<p>Schlie\u00dflich speichern Sie die Datei und laden sie in den Ordner des Child-Themes hoch. Stellen Sie sicher, dass der urspr\u00fcngliche Name der Datei beibehalten wird, da WordPress Ihre bearbeitete Vorlage sonst nicht erkennen wird.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Benutzerdefinierte Seitenvorlagen<\/h3>\n\n\n\n<p>M\u00f6chten Sie etwas v\u00f6llig anderes? Sie k\u00f6nnen Ihrem Child-Theme auch brandneue Vorlagen hinzuf\u00fcgen.<\/p>\n\n\n\n<p>Der Prozess ist genau wie das <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wordpress-vorlagen-und-vorlagenteile\/\" target=\"_blank\" rel=\"noopener\">Entwickeln von Vorlagen f\u00fcr ein regul\u00e4res Thema<\/a>, au\u00dfer dass Sie m\u00f6glicherweise auch benutzerdefinierte Kopf- und Fu\u00dfzeilenvorlagen erstellen m\u00fcssen. Diese Dateien m\u00fcssen in Ihrer neuen benutzerdefinierten Vorlage referenziert werden \u2014 und vergessen Sie nicht, etwas neues CSS \u00fcber das vorhandene Child-Stylesheet hinzuzuf\u00fcgen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Erstellen neuer PHP-Funktionen<\/h3>\n\n\n\n<p>Wenn Sie neue Funktionen in Ihrem Child-Theme einf\u00fchren m\u00f6chten, k\u00f6nnen Sie eine Child-<i>functions.php<\/i>-Datei erstellen. Diese arbeitet zusammen mit der Parent-Functions-Datei, anstatt sie zu ersetzen.<\/p>\n\n\n\n<p>Sie m\u00fcssen keine Kopie der Originaldatei erstellen \u2014 schreiben Sie einfach alle zus\u00e4tzlichen Skripte, die Sie hinzuf\u00fcgen m\u00f6chten, oben drauf. Die Datei der Child-Funktionen wird zuerst ausgef\u00fchrt, gefolgt von der Eltern-Version.<\/p>\n\n\n\n<p>Das Hinzuf\u00fcgen einer Funktionsdatei zu Ihrem Child-Theme er\u00f6ffnet eine ganze Reihe von M\u00f6glichkeiten. Zum Beispiel k\u00f6nnten Sie:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Neue Widgets und Shortcodes registrieren.<\/li>\n\n\n\n<li>Benutzerdefinierte Beitragstypen und Taxonomien hinzuf\u00fcgen.<\/li>\n\n\n\n<li>Neue Theme-Optionen erstellen.<\/li>\n\n\n\n<li>Externe Stylesheets und JavaScript-Dateien einbinden.<\/li>\n\n\n\n<li>Die Grundlagen f\u00fcr das \u00dcbersetzen und Lokalisieren von Inhalten schaffen.<\/li>\n\n\n\n<li>Bestimmte Funktionen des Eltern-Themes \u00fcberschreiben.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Sie k\u00f6nnen mehr dar\u00fcber erfahren, wie Sie diese Funktionen erstellen, in <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/leitfaden-zu-wp-funktionen\/\" target=\"_blank\" rel=\"noopener\">unserem vollst\u00e4ndigen Leitfaden zu <i>functions.php<\/i><\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Verwendung von Theme-Hooks<\/h3>\n\n\n\n<p>Die effizienteste Methode, um Funktionen in Ihre neue Funktionsdatei hinzuzuf\u00fcgen, ist die Verwendung von <a href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/custom-hook\/\" target=\"_blank\" rel=\"noopener\">hooks<\/a>.<\/p>\n\n\n\n<p>Hooks sind Teil der Kernfunktionalit\u00e4t von WordPress. Sie erm\u00f6glichen es Ihnen, verschiedene Teile Ihrer Website zu \u00e4ndern, ohne einzelne Vorlagen bearbeiten zu m\u00fcssen.<\/p>\n\n\n\n<p>Stattdessen weisen Sie Ihren Code einfach dem entsprechenden Hook in der Funktionsdatei zu. WordPress wendet dann automatisch diesen Code auf passende Elemente im Eltern-Theme an.<\/p>\n\n\n\n<p>In WordPress gibt es zwei Arten von Hooks:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>Action Hooks<\/b>: Werden verwendet, um benutzerdefinierten Code in bestimmte Teile Ihres WordPress-Themas einzuhaken, wie z.B. einen neuen Widget-Bereich oder eine benutzerdefinierte Nachricht, die nach jedem Blogbeitrag angezeigt wird.<\/li>\n\n\n\n<li><b>Filter Hooks<\/b>: Werden verwendet, um Inhalte, die entweder von WordPress oder einem Eltern-Thema generiert wurden, zu modifizieren, bevor sie an einen Browser gesendet oder in der Datenbank gespeichert werden. Im Kontext von Child-Themes werden sie am h\u00e4ufigsten verwendet, um die L\u00e4nge von Ausz\u00fcgen anzupassen.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Die meisten Hooks erfordern nur einen kleinen Code-Schnipsel. Zum Beispiel, hier ist der Code, den Sie ben\u00f6tigen w\u00fcrden, um einige Inhalte zum Footer Ihrer Website hinzuzuf\u00fcgen:<\/p>\n\n\n\n<p><code>function my_custom_footer_content() {<\/code><br><code>echo '&lt;div&gt;Benutzerdefinierter Fu\u00dfzeileninhalt hier&lt;\/div&gt;';<\/code><br><code>}<\/code><br><code>add_action('wp_footer', 'my_custom_footer_content');<\/code><\/p>\n\n\n\n<p>Siehst du diesen &#8216;wp_footer&#8217;-Teil? Das ist der Hook, und er sagt WordPress, wo dieser Code hingehen muss. In diesem Fall sollte deine benutzerdefinierte Funktion direkt nach der <a href=\"https:\/\/www.dreamhost.com\/blog\/website-footer-guide\/\" target=\"_blank\" rel=\"noopener\">Fu\u00dfzeile<\/a>-Vorlage kommen \u2014 wo immer diese in deinem Theme aufgerufen wird. Ordentlich, nicht wahr?<\/p>\n\n\n\n<h2 id=\"FAQs\" class=\"wp-block-heading\">WordPress Child-Themes H\u00e4ufig gestellte Fragen<\/h2>\n\n\n\n<p>Wir m\u00f6chten glauben, dass dieser Leitfaden bisher ziemlich umfassend war. Aber wenn Sie noch Fragen haben, haben wir Antworten:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sollte ich das Eltern-Theme oder Child-Theme in WordPress aktivieren?<\/h3>\n\n\n\n<p>Hier gibt es eine einfache Regel: Aktivieren Sie das Thema, das Sie verwenden m\u00f6chten.<\/p>\n\n\n\n<p>Wenn Sie zum urspr\u00fcnglichen Design als Ihrem aktiven Thema zur\u00fcckkehren m\u00f6chten, aktivieren Sie das Eltern-Thema. Wenn Sie jedoch diese gro\u00dfartigen Anpassungen aktivieren m\u00f6chten, stellen Sie sicher, dass Sie das Child-Theme aktivieren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Was sind die Nachteile der Verwendung eines Child-Themes?<\/h3>\n\n\n\n<p>Es gibt nicht viele Nachteile bei der Verwendung eines Child-Themes. Es ist etwas technischer als das Anpassen Ihrer Website \u00fcber das Armaturenbrett. F\u00fcr gr\u00f6\u00dfere \u00c4nderungen ben\u00f6tigen Sie mindestens grundlegende Kenntnisse in HTML, CSS und PHP.<\/p>\n\n\n\n<p>Es ist ebenfalls erw\u00e4hnenswert, dass ein schlecht optimiertes Child-Theme Ihre Website verlangsamen kann und Sie immer vom Eltern-Theme abh\u00e4ngig sein werden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Kann ein Child-Theme ohne ein Eltern-Theme existieren?<\/h3>\n\n\n\n<p>Nein, ein Child-Theme funktioniert nicht ohne ein Eltern-Theme.<\/p>\n\n\n\n<p>Das Konzept eines Child-Themes ist grunds\u00e4tzlich abh\u00e4ngig von einem Eltern-Theme. Denken Sie daran, dass das Elternteil alles au\u00dfer den benutzerdefinierten Stilen und Vorlagen bereitstellt, die Sie hinzuf\u00fcgen. Au\u00dferdem w\u00e4re die gesamte Ordnerstruktur Ihrer Website durcheinander, wenn Sie den \u00fcbergeordneten Ordner entfernen w\u00fcrden.<\/p>\n\n\n\n<p>Wenn Sie Ihr Child-Design separieren m\u00f6chten, sollten Sie erw\u00e4gen, es in ein eigenst\u00e4ndiges Theme umzuwandeln.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">K\u00f6nnen Sie mehrere Child-Themes f\u00fcr ein Eltern-Theme haben?<\/h3>\n\n\n\n<p>Ja, das k\u00f6nnen Sie. Das bedeutet, dass Sie mehrere Versionen derselben Website f\u00fcr verschiedene Zielgruppen erstellen k\u00f6nnen. Sie k\u00f6nnten sogar<a href=\"https:\/\/www.dreamhost.com\/blog\/de\/a-b-tests-von-landing-pages\/\" target=\"_blank\" rel=\"noopener\"> A\/B-Tests<\/a> auf diese Weise durchf\u00fchren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Was sind die besten Plugins f\u00fcr WordPress Child-Theme-Ersteller?<\/h3>\n\n\n\n<p>Zusammen mit dem Child Theme Configurator, mit dem wir fr\u00fcher gearbeitet haben, schauen Sie sich<a href=\"https:\/\/en-gb.wordpress.org\/plugins\/wp-child-theme-generator\/\" target=\"_blank\" rel=\"noopener\"> WP Child Theme Generator<\/a> und<a href=\"https:\/\/en-gb.wordpress.org\/plugins\/child-theme-wizard\/\" target=\"_blank\" rel=\"noopener\"> Child Theme Wizard<\/a> an.<\/p>\n\n\n\n<p>WordPress.org hat auch sein eigenes experimentelles Child-Themes-Plugin. Es hei\u00dft<a href=\"https:\/\/en-gb.wordpress.org\/plugins\/create-block-theme\/\" target=\"_blank\" rel=\"noopener\"> Create Block Theme<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Was ist der Unterschied zwischen einem Child-Theme und einem benutzerdefinierten Theme?<\/h3>\n\n\n\n<p>Abh\u00e4ngigkeit ist wahrscheinlich der gr\u00f6\u00dfte Unterschied. Ein Child-Theme st\u00fctzt sich auf die Kerndateien eines Eltern-Themes, w\u00e4hrend ein benutzerdefiniertes Theme eigenst\u00e4ndig ist.<\/p>\n\n\n\n<p>Diese Unabh\u00e4ngigkeit bedeutet, dass Themenentwickler neue Kernfunktionen und mehr Anpassungsm\u00f6glichkeiten einf\u00fchren k\u00f6nnen. Auf der anderen Seite m\u00fcssen Sie mit Code vertraut sein, um ein benutzerdefiniertes Thema zu erstellen und zu pflegen.<\/p>\n\n\n\n<p>Es ben\u00f6tigt auch wesentlich mehr Entwicklungszeit, um ein vollst\u00e4ndiges Theme von Grund auf zu erstellen.<\/p>\n\n\n\n<h2 id=\"protect\" class=\"wp-block-heading\">Sch\u00fctzen Sie Ihre Theme-Anpassungen und Updates<\/h2>\n\n\n\n<p>Die Verwendung eines Child-Themes hilft Ihnen, die Komplikationen zu vermeiden, die entstehen, wenn Sie ein Eltern-Theme direkt bearbeiten. Ein Child-Theme ist leicht anzupassen, was es Ihnen erm\u00f6glicht, umfassende Design\u00e4nderungen an einer bestehenden Website vorzunehmen. Au\u00dferdem wird es nicht von automatischen Theme-Updates beeinflusst.<\/p>\n\n\n\n<p>Hier ist eine schnelle Zusammenfassung, wie man ein Child-Theme manuell erstellt:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Machen Sie einen Plan.<\/li>\n\n\n\n<li>Sichern Sie Ihre aktuelle Website.<\/li>\n\n\n\n<li>Erstellen Sie einen Ordner f\u00fcr Ihr Child-Theme mit einem SFTP-Client.<\/li>\n\n\n\n<li>Erstellen Sie ein Stylesheet und laden Sie es auf Ihre Website hoch.<\/li>\n\n\n\n<li>Reihen Sie die Stylesheets des Child- und Parent-Themes ein.<\/li>\n\n\n\n<li>Aktivieren und \u00fcberpr\u00fcfen Sie Ihr Child-Theme.<\/li>\n\n\n\n<li>Machen Sie \u00c4nderungen mit CSS.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Ein sch\u00f6nes Thema zu haben ist nur ein Teil des Betreibens einer erfolgreichen Website. Sie ben\u00f6tigen auch einen Hosting-Anbieter, der Ihren Anforderungen entspricht. Schauen Sie sich die <a href=\"https:\/\/www.dreamhost.com\/de\/hosting\/\" target=\"_blank\" rel=\"noopener\">Shared Hosting-Pakete von DreamHost<\/a> f\u00fcr erschwingliche Pl\u00e4ne an, die die Leistung der Website priorisieren, mit einer 100% Verf\u00fcgbarkeitsgarantie!<\/p>\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Wir erleichtern Ihnen WordPress\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      \u00dcberlassen Sie uns die Migration Ihrer Seite, die Installation von WordPress, die Verwaltung von Sicherheit und Updates sowie die Optimierung der Serverleistung. Jetzt k\u00f6nnen Sie sich auf das konzentrieren, was am wichtigsten ist: das Wachstum Ihrer Website.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/de\/wordpress\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Pl\u00e4ne ansehen                    <\/a>\n\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Wenn Sie spezifische Anforderungen haben, ist die Auswahl eines WordPress-Themas keine leichte Aufgabe. Ihre Wahl muss gut aussehen und alle ben\u00f6tigten Funktionen bieten \u2014 Ein Kompromiss ist fast unvermeidlich. Das Anpassen Ihres gew\u00e4hlten Themas ist eine M\u00f6glichkeit, dieses Problem zu umgehen. WordPress-Themen m\u00fcssen jedoch regelm\u00e4\u00dfig aktualisiert werden. Wenn die [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":43125,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"definition\",\"Was ist ein Child-Theme?\"],[\"why\",\"Warum Sie ein Child-Theme verwenden sollten\"],[\"plugin\",\"Wie man ein WordPress Child-Theme mit einem Plugin erstellt\"],[\"manual\",\"Wie man manuell ein WordPress Child-Theme erstellt\"],[\"customize\",\"Wie Sie Ihr Child-Theme anpassen\"],[\"FAQs\",\"WordPress Child-Themes H\u00e4ufig gestellte Fragen\"],[\"protect\",\"Sch\u00fctzen Sie Ihre Theme-Anpassungen und Updates\"]]","hide_toc":false,"footnotes":""},"categories":[14519,14495,14511],"tags":[],"class_list":["post-52166","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-erste-schritte-de","category-tutorials-de","category-wordpress-de"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Wie man ein WordPress Child-Theme erstellt - DreamHost Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-child-theme-erstellt\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wie man ein WordPress Child-Theme erstellt\" \/>\n<meta property=\"og:description\" content=\"Wenn Sie spezifische Anforderungen haben, ist die Auswahl eines WordPress-Themas keine leichte Aufgabe. Ihre Wahl muss gut aussehen und alle ben\u00f6tigten Funktionen bieten \u2014 Ein Kompromiss ist fast unvermeidlich. Das Anpassen Ihres gew\u00e4hlten Themas ist eine M\u00f6glichkeit, dieses Problem zu umgehen. WordPress-Themen m\u00fcssen jedoch regelm\u00e4\u00dfig aktualisiert werden. Wenn die [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-child-theme-erstellt\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-12T15:00:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T19:25:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/wordpress-child-theme-HERO.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"1095\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jason Cosper\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jason Cosper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"19 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wie man ein WordPress Child-Theme erstellt - DreamHost Blog","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:\/\/www-dev.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-child-theme-erstellt\/","og_locale":"en_US","og_type":"article","og_title":"Wie man ein WordPress Child-Theme erstellt","og_description":"Wenn Sie spezifische Anforderungen haben, ist die Auswahl eines WordPress-Themas keine leichte Aufgabe. Ihre Wahl muss gut aussehen und alle ben\u00f6tigten Funktionen bieten \u2014 Ein Kompromiss ist fast unvermeidlich. Das Anpassen Ihres gew\u00e4hlten Themas ist eine M\u00f6glichkeit, dieses Problem zu umgehen. WordPress-Themen m\u00fcssen jedoch regelm\u00e4\u00dfig aktualisiert werden. Wenn die [\u2026]","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-child-theme-erstellt\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2024-02-12T15:00:09+00:00","article_modified_time":"2025-01-16T19:25:17+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/wordpress-child-theme-HERO.jpg","type":"image\/jpeg"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-child-theme-erstellt\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-child-theme-erstellt\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Wie man ein WordPress Child-Theme erstellt","datePublished":"2024-02-12T15:00:09+00:00","dateModified":"2025-01-16T19:25:17+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-child-theme-erstellt\/"},"wordCount":3617,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-child-theme-erstellt\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/wordpress-child-theme-HERO.jpg","articleSection":["Erste Schritte","Tutorials","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-child-theme-erstellt\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-child-theme-erstellt\/","name":"Wie man ein WordPress Child-Theme erstellt - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-child-theme-erstellt\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-child-theme-erstellt\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/wordpress-child-theme-HERO.jpg","datePublished":"2024-02-12T15:00:09+00:00","dateModified":"2025-01-16T19:25:17+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-child-theme-erstellt\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-child-theme-erstellt\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-child-theme-erstellt\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/wordpress-child-theme-HERO.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/wordpress-child-theme-HERO.jpg","width":1460,"height":1095,"caption":"a black background with a string of interconnected folders and a screenshot of a OneEighty Wordpress theme in the center"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-child-theme-erstellt\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Wie man ein WordPress Child-Theme erstellt"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4","name":"Jason Cosper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","caption":"Jason Cosper"},"description":"Jason is DreamHost\u2019s WordPress Product Advocate, based out of Bakersfield, CA. He is currently working on making our DreamPress product even better. In his free time, he likes to curl up on the couch and watch scary movies with his wife Sarah and three very small dogs. Follow him on Twitter.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/jasoncosper\/"}]}},"lang":"de","translations":{"de":52166,"es":33566,"en":33538,"pt":57644,"pl":57647,"ru":57650,"uk":57653,"it":67874,"fr":69322,"nl":69352},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/52166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1062"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=52166"}],"version-history":[{"count":4,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/52166\/revisions"}],"predecessor-version":[{"id":62738,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/52166\/revisions\/62738"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/43125"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=52166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=52166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=52166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}