{"id":54193,"date":"2016-07-15T14:02:53","date_gmt":"2016-07-15T21:02:53","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=54193"},"modified":"2025-01-16T11:42:28","modified_gmt":"2025-01-16T19:42:28","slug":"warum-sie-ein-child-theme-benotigen","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/de\/warum-sie-ein-child-theme-benotigen\/","title":{"rendered":"Warum Sie ein Child-Theme ben\u00f6tigen und wie Sie Ihr eigenes erstellen"},"content":{"rendered":"\n<p><i><\/i>Stellen Sie sich vor: Sie haben das perfekte Thema f\u00fcr Ihren <a href=\"\/hosting\/wordpress\/\">WordPress<\/a>-Blog gefunden. Nun, fast perfekt. Nachdem Sie die Men\u00fcschriftart von Times New Roman in Open Sans ge\u00e4ndert und die Hintergrundfarbe der Seitenleiste von Gr\u00fcn auf Eierschalenblau umgestellt haben, entspricht es genau Ihrer Vorstellung. Bis zwei Wochen sp\u00e4ter, als der Themenersteller eine neue Version mit einem wichtigen Sicherheitsupdate ver\u00f6ffentlicht. Sie aktualisieren Ihr Thema, nur um festzustellen, dass \u2014 puff! \u2014 Ihre individuellen \u00c4nderungen alle verschwunden sind.<\/p>\n\n\n\n<p>Zum Gl\u00fcck m\u00fcssen Sie nicht Ihre Tage damit verbringen, Ihre \u00c4nderungen neu zu implementieren und neue Updates zu f\u00fcrchten. Es gibt einen einfacheren Weg, um <a href=\"https:\/\/www.dreamhost.com\/blog\/17-expert-blogging-tips-for-2017\/\">Ihren Blog anzupassen<\/a>, w\u00e4hrend Sie den gr\u00f6\u00dften Teil des Aussehens und Gef\u00fchls, das Sie lieben, beibehalten: Sie k\u00f6nnen ein \u201eChild\u201c-Theme erstellen, das die Funktionalit\u00e4t des \u201eParent\u201c-Themes erbt und gleichzeitig jene Stil\u00e4nderungen hinzuf\u00fcgt, die einzigartig f\u00fcr Sie sind. Selbst wenn Sie das Parent-Theme aktualisieren, beh\u00e4lt das Child-Theme Ihre \u00c4nderungen so lange bei, wie Sie m\u00f6chten.<\/p>\n\n\n\n<p>Es wird nur eine .css-Datei ben\u00f6tigt, um ein regul\u00e4res <a href=\"https:\/\/www.dreamhost.com\/blog\/guidelines-for-choosing-a-wordpress-theme\/\">WordPress-Theme<\/a> in ein benutzerdefiniertes Child-Theme zu verwandeln, und es erfordert weniger Code, als Sie denken. Folgendes ist eine schrittweise Anleitung zur Erstellung eines Child-Themes aus einem beliebigen regul\u00e4ren WordPress-Theme, das Sie bereits im Sinn haben.<\/p>\n\n\n\n<p>Hinweis: Dies ist ein fortgeschrittenes Tutorial, das voraussetzt, dass Sie zumindest ein wenig HTML und CSS kennen. Sie m\u00fcssen kein Meister sein, aber wir werden den Code eines Themes bearbeiten. Wenn Sie damit noch nicht vertraut sind, m\u00f6chten Sie vielleicht das <a href=\"http:\/\/www.w3schools.com\/css\/\">kostenlose CSS-Tutorial von W3Schools<\/a> durchsuchen oder sich bei <a href=\"https:\/\/www.codecademy.com\/learn\/web\">Codecademy\u2019s kostenlosem HTML\/CSS-Webkurs<\/a> anmelden.<\/p>\n\n\n\n<p><span style=\"font-weight: 400;\"><\/span><\/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      WordPress + DreamHost\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Unsere automatischen Updates und starken Sicherheitsverteidigungen nehmen Ihnen das Servermanagement ab, damit Sie sich auf das Erstellen einer gro\u00dfartigen Website konzentrieren k\u00f6nnen.\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                            Tarife pr\u00fcfen                    <\/a>\n\n  <\/div>\n<\/div>\n\n\n<h2 id=\"h-1-begin-with-a-parent-theme-and-plan-your-changes\" class=\"wp-block-heading\">1. Beginnen Sie mit einem Eltern-Theme und planen Sie Ihre \u00c4nderungen<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"641\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-1024x641.png\" alt=\"TwentySixteen WordPress-Theme\" class=\"wp-image-12960 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-1024x641.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-300x188.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-768x481.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-1536x962.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-2048x1283.png 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-600x376.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-1200x752.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-730x457.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-1460x915.png.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-784x491.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-1568x982.png.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-877x549.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-1754x1099.png.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/641;\" \/><\/figure><\/div>\n\n\n<p>Dies ist <a href=\"https:\/\/wordpress.org\/themes\/twentysixteen\/\">Twenty Sixteen<\/a>, das Theme, das WordPress.org f\u00fcr dieses Jahr erstellt und ver\u00f6ffentlicht hat. Wenn Sie ein Basisthema suchen, auf dem Sie \u00c4nderungen vornehmen m\u00f6chten, sollten Sie definitiv deren j\u00e4hrliche Ver\u00f6ffentlichungen in Betracht ziehen, wie Twenty Fifteen, Twenty Fourteen und so weiter.<\/p>\n\n\n\n<p>Ich mag es gr\u00f6\u00dftenteils, aber ich m\u00f6chte ein paar \u00c4nderungen vornehmen. Der schwarze Rahmen ist zu hart f\u00fcr mich, und ich m\u00f6chte, dass er blau ist. Ich m\u00f6chte auch die <a href=\"https:\/\/www.dreamhost.com\/blog\/how-typography-affects-website-conversions\/\">Schriftart \u00e4ndern<\/a>.<\/p>\n\n\n\n<p>Zuerst \u00f6ffne ich die Chrome Entwicklertools, indem ich im Chrome-Browsermen\u00fc zu Ansicht \u2192 Entwickler \u2192 Entwicklertools gehe. (Wenn Sie Firefox bevorzugen, k\u00f6nnen Sie im Firefox-Men\u00fc zu Extras \u2192 Web-Entwickler \u2192 Inspektor gehen.)<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"641\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-1024x641.png\" alt=\"WordPress Developer Tools\" class=\"wp-image-12956 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-1024x641.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-300x188.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-768x481.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-1536x962.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-2048x1283.png 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-600x376.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-1200x752.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-730x457.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-1460x915.png.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-784x491.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-1568x982.png.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-877x549.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-1754x1099.png.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/641;\" \/><\/figure><\/div>\n\n\n<p>Developer Tools erm\u00f6glicht es mir, das Theme zu untersuchen und zu sehen, woher die \u201eRegeln\u201c kommen. Indem ich die richtige CSS-Klasse manipuliere, kann ich herausfinden, was ich in mein Child-Theme einf\u00fcgen muss, um meine \u00c4nderungen vorzunehmen. Zum Beispiel k\u00f6nnen Sie sehen, dass ich durch das Bearbeiten der Hintergrundfarbe auf #0099ff den Rahmen von schwarz auf blau \u00e4ndern kann. Nat\u00fcrlich sind Developer Tools nur zum tempor\u00e4ren Herumspielen gedacht, und wenn ich diese Seite aktualisiere, wird der Rahmen wieder schwarz sein.<\/p>\n\n\n\n<h2 id=\"h-2-create-your-child-theme-folder-and-files\" class=\"wp-block-heading\">2. Erstellen Sie Ihren Child-Theme-Ordner und Ihre Dateien<\/h2>\n\n\n\n<p>Es ist wichtig, Ihr Child-Theme sorgf\u00e4ltig zu kennzeichnen, beginnend mit dem Namen des Ordners, in den Sie es einf\u00fcgen. Auf diese Weise wei\u00df WordPress automatisch, wie es identifiziert werden kann. \u201e-child\u201c am Ende des Namens des urspr\u00fcnglichen Themes anzuh\u00e4ngen, ist die beste Praxis. Also in meinem Fall, da Twenty Sixteen in einem Ordner namens \u201etwentysixteen\u201c liegt, nenne ich meinen Ordner \u201etwentysixteen-child.\u201c<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"746\" height=\"272\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/folders.png\" alt=\"WordPress Theme Folders\" class=\"wp-image-12958 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/folders.png.webp 746w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/folders-300x109.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/folders-600x219.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/folders-730x266.png.webp 730w\" data-sizes=\"(max-width: 746px) 100vw, 746px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 746px; --smush-placeholder-aspect-ratio: 746\/272;\" \/><\/figure><\/div>\n\n\n<p>Die erste Datei, die ich erstellen muss, ist <b>style.css<\/b>, eine CSS-Datei, die relevante Informationen \u00fcber mein Theme und die benutzerdefinierte Gestaltung enth\u00e4lt, die ich seinem Aussehen hinzuf\u00fcgen m\u00f6chte.<\/p>\n\n\n\n<p><code>\/*<br>\nTheme Name: Twenty Sixteen Child<br>\nTheme URI: http:\/\/example.com\/twentysixteen-child\/<br>\nBeschreibung: Mein erstes Child-Theme, basierend auf Twenty Sixteen<br>\nAutor: Lauren Orsini<br>\nAutor-URI: http:\/\/lorsini.com<br>\nVorlage: twentysixteen<br>\nVersion: 1.0.0<br>\nTags: zwei Spalten, blau, rechte Seitenleiste<br>\nTextdom\u00e4ne: twentysixteen-child<br>\n*\/<\/code><\/p>\n\n\n\n<p>Ich beginne damit, die notwendigen Details auszuf\u00fcllen. Nur &#8220;Theme Name&#8221; und &#8220;Template&#8221; sind erforderlich. WordPress muss den Namen des Themes kennen, und es muss auch wissen, welches Theme es als Eltern-Theme dieses Themes betrachten sollte, in diesem Fall Twenty Sixteen. Den Rest k\u00f6nnen Sie mit Ihren benutzerdefinierten Informationen ausf\u00fcllen oder leer lassen. Tats\u00e4chlich ist diese Struktur zum Standard f\u00fcr Personen geworden, die daran interessiert sind, ihre Themes auf WordPress.org zu ver\u00f6ffentlichen. Wenn Sie Ihr Child-Theme nur f\u00fcr den pers\u00f6nlichen Gebrauch erstellen, ben\u00f6tigen Sie nur den Theme-Namen, die Beschreibung, den Autor, das Template und die Version.<\/p>\n\n\n\n<p>Jetzt muss ich die Stile hinzuf\u00fcgen, die ich \u00e4ndern m\u00f6chte. Ich m\u00f6chte den schwarzen Rand in Blau \u00e4ndern und die Schriftart des Headers auf Georgia \u00e4ndern. Die Schriftart des Headers wird an drei Stellen im Thema angezeigt \u2013 Seitentitel, Eintragstitel und Widget-Titel, daher muss ich sicherstellen, alle drei CSS-Klassen in meinem Stil einzuschlie\u00dfen, um alle drei Standorte zu beeinflussen.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"563\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/theme-style-1024x563.png\" alt=\"WordPress Theme\" class=\"wp-image-12959 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/theme-style-1024x563.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/theme-style-300x165.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/theme-style-768x422.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-600x330.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-1200x659.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-730x401.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-784x431.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-877x482.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style.png.webp 1438w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/563;\" \/><\/figure><\/div>\n\n\n<p>Nachdem ich das beendet habe, ist mein Child-Theme funktional. Ich k\u00f6nnte es in diesem Schritt installieren, aber es h\u00e4tte nur zwei Stile und der Rest w\u00e4re Standard. Das ist nicht, was ich m\u00f6chte; ich m\u00f6chte, dass das Theme die Stile von Twenty Sixteen erbt. Daher ben\u00f6tige ich eine zweite Datei mit dem Titel <b>functions.php<\/b>.<\/p>\n\n\n\n<p>Kopieren Sie einfach den folgenden Code in die functions.php Datei:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&amp;amp;amp;amp;amp;amp;lt;?php\nadd_action( &amp;amp;#039;wp_enqueue_scripts&amp;amp;#039;, &amp;amp;#039;my_theme_enqueue_styles&amp;amp;#039; );\nfunction my_theme_enqueue_styles() {\n    wp_enqueue_style( &amp;amp;#039;parent-style&amp;amp;#039;, get_template_directory_uri() . &amp;amp;#039;\/style.css&amp;amp;#039; );\n}\n<\/pre><\/pre>\n\n\n\n<p>Dies ist eine Funktion, die die style.css-Dateien von Eltern-Themes und Child-Themes in die Warteschlange einreiht. Etwas in die Warteschlange einzureihen bedeutet, es zur Liste \u00e4hnlicher Elemente hinzuzuf\u00fcgen, die vom Browser verarbeitet werden sollen. Diese Funktion stellt sicher, dass beide Stilsets in der richtigen Reihenfolge auf dem Bildschirm des Betrachters geladen werden.<\/p>\n\n\n\n<p>Ein letzter, optionaler Schritt besteht darin, ein 880&#215;660 Bild (PNG-Dateityp empfohlen) aus einem Screenshot Ihres Child-Themes zu erstellen. Auf diese Weise k\u00f6nnen Sie auf einen Blick erkennen, wie dieses Thema aussieht, wenn Sie viele Themes installiert haben.<\/p>\n\n\n\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n\n\n\n<h2 id=\"h-3-upload-your-child-theme-to-wordpress\" class=\"wp-block-heading\">3. Laden Sie Ihr Child-Theme in WordPress hoch<\/h2>\n\n\n\n<p>Jetzt habe ich einen Ordner mit dem Titel twentysixteen-child, der zwei Dateien enth\u00e4lt \u2014 style.css und functions.php. Es ist Zeit, diesen Ordner in eine Zip-Datei zu komprimieren und auf meine Website hochzuladen.<\/p>\n\n\n\n<p>Navigieren Sie zu Aussehen \u2192 Themes und w\u00e4hlen Sie &#8220;Neu hinzuf\u00fcgen&#8221;, was Ihnen erm\u00f6glicht, eine Zip-Datei hochzuladen. WordPress wird zun\u00e4chst \u00fcberpr\u00fcfen, ob das Eltern-Theme installiert ist, und wenn ja, sollten Sie Ihr Theme hochladen d\u00fcrfen. Wenn das Eltern-Theme nicht gefunden wird, funktioniert es nicht.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"641\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-1024x641.png\" alt=\"WordPress hochgeladenes Theme\" class=\"wp-image-12961 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-1024x641.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-300x188.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-768x481.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-1536x962.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-2048x1283.png 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-600x376.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-1200x752.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-730x457.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-1460x915.png.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-784x491.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-1568x982.png.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-877x549.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-1754x1099.png.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/641;\" \/><\/figure><\/div>\n\n\n<p>Nun sollten Sie Ihr Theme in der Liste der hochgeladenen Themes sehen k\u00f6nnen. So sieht meines aus, wenn ich darauf klicke. Beachten Sie, dass ich meinem Theme kein Vorschaubild hinzugef\u00fcgt habe, aber es funktioniert trotzdem. Aber sehen Sie, wie es alle Informationen enth\u00e4lt, die ich in Schritt 2 eingef\u00fcgt habe?<\/p>\n\n\n\n<p><span style=\"font-weight: 400;\"><\/span><\/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      Brauche ich ein Child-Theme?\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Ob Sie Hilfe bei der Suche nach einer Zielgruppe ben\u00f6tigen, bei der Auswahl des richtigen WordPress-Themas oder beim Ausarbeiten Ihrer Markenwerte, wir k\u00f6nnen helfen! Abonnieren Sie unser monatliches Digest, damit Sie keinen Artikel verpassen.\n    <\/p>\n\n            <a\n            href=\"http:\/\/messages.dreamhost.com\/public\/webform\/render_form\/0d5r88n319d4z8oihazkjsxjn2xwo\/0eb6cc6c0d15e420a3ff54f02356d3eb\/addcontact\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Melde mich an                    <\/a>\n\n  <\/div>\n<\/div>\n\n\n<p>Aktivieren Sie Ihr Theme, und wenn alles gut gelaufen ist, sollten Sie Ihre fertigen \u00c4nderungen live sehen k\u00f6nnen. Ta da! Ich habe die neue Randfarbe und die Kopfzeilenschriften, die ich wollte. Noch besser, selbst wenn WordPress das Twenty Sixteen-Theme aktualisiert, werden meine \u00c4nderungen nicht weichen.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"641\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-1024x641.png\" alt=\"WordPress fertige Webseite\" class=\"wp-image-12957 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-1024x641.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-300x188.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-768x481.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-1536x962.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-2048x1283.png 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-600x376.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-1200x752.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-730x457.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-1460x915.png.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-784x491.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-1568x982.png.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-877x549.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-1754x1099.png.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/641;\" \/><\/figure><\/div>\n\n\n<p>Ich hoffe, dieses Tutorial hat Ihnen gezeigt, wie einfach und hilfreich es sein kann, ein <a href=\"https:\/\/www.dreamhost.com\/blog\/manage-wordpress-themes-command-line-wp-cli\/\">Child-Theme auf Ihrem WordPress-Blog<\/a> zu haben. Es ist eine gro\u00dfartige M\u00f6glichkeit, Ihr Theme zukunftssicher zu machen, sodass es unabh\u00e4ngig von den Herausforderungen gut aussieht und individuell bleibt.<\/p>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Stellen Sie sich vor: Sie haben das perfekte Theme f\u00fcr Ihren WordPress-Blog gefunden. Nun, fast perfekt. Nachdem Sie die Men\u00fcschriftart von Times New Roman zu Open Sans ge\u00e4ndert und die Hintergrundfarbe der Seitenleiste von Gr\u00fcn zu Robin-Ei-Blau ge\u00e4ndert haben, entspricht es genau Ihrer Vorstellung. Bis zwei Wochen sp\u00e4ter, als der Themenersteller eine neue Version ver\u00f6ffentlicht [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":12957,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"h-1-begin-with-a-parent-theme-and-plan-your-changes\",\"1. Beginnen Sie mit einem Eltern-Theme und planen Sie Ihre \u00c4nderungen\"],[\"h-2-create-your-child-theme-folder-and-files\",\"2. Erstellen Sie Ihren Child-Theme-Ordner und Ihre Dateien\"],[\"h-3-upload-your-child-theme-to-wordpress\",\"3. Laden Sie Ihr Child-Theme in WordPress hoch\"]]","hide_toc":false,"footnotes":""},"categories":[14513,14495,14511],"tags":[],"class_list":["post-54193","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-entschluesselung-von-wordpress-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>Warum Sie ein Child-Theme ben\u00f6tigen und wie Sie Ihr eigenes erstellen - 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\/warum-sie-ein-child-theme-benotigen\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Warum Sie ein Child-Theme ben\u00f6tigen und wie Sie Ihr eigenes erstellen\" \/>\n<meta property=\"og:description\" content=\"Stellen Sie sich vor: Sie haben das perfekte Theme f\u00fcr Ihren WordPress-Blog gefunden. Nun, fast perfekt. Nachdem Sie die Men\u00fcschriftart von Times New Roman zu Open Sans ge\u00e4ndert und die Hintergrundfarbe der Seitenleiste von Gr\u00fcn zu Robin-Ei-Blau ge\u00e4ndert haben, entspricht es genau Ihrer Vorstellung. Bis zwei Wochen sp\u00e4ter, als der Themenersteller eine neue Version ver\u00f6ffentlicht [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/warum-sie-ein-child-theme-benotigen\/\" \/>\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=\"2016-07-15T21:02:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T19:42:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2698\" \/>\n\t<meta property=\"og:image:height\" content=\"1690\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"6 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Warum Sie ein Child-Theme ben\u00f6tigen und wie Sie Ihr eigenes erstellen - 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\/warum-sie-ein-child-theme-benotigen\/","og_locale":"en_US","og_type":"article","og_title":"Warum Sie ein Child-Theme ben\u00f6tigen und wie Sie Ihr eigenes erstellen","og_description":"Stellen Sie sich vor: Sie haben das perfekte Theme f\u00fcr Ihren WordPress-Blog gefunden. Nun, fast perfekt. Nachdem Sie die Men\u00fcschriftart von Times New Roman zu Open Sans ge\u00e4ndert und die Hintergrundfarbe der Seitenleiste von Gr\u00fcn zu Robin-Ei-Blau ge\u00e4ndert haben, entspricht es genau Ihrer Vorstellung. Bis zwei Wochen sp\u00e4ter, als der Themenersteller eine neue Version ver\u00f6ffentlicht [\u2026]","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/warum-sie-ein-child-theme-benotigen\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2016-07-15T21:02:53+00:00","article_modified_time":"2025-01-16T19:42:28+00:00","og_image":[{"width":2698,"height":1690,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","type":"image\/png"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/warum-sie-ein-child-theme-benotigen\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/warum-sie-ein-child-theme-benotigen\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Warum Sie ein Child-Theme ben\u00f6tigen und wie Sie Ihr eigenes erstellen","datePublished":"2016-07-15T21:02:53+00:00","dateModified":"2025-01-16T19:42:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/warum-sie-ein-child-theme-benotigen\/"},"wordCount":1168,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/warum-sie-ein-child-theme-benotigen\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","articleSection":["Entschl\u00fcsselung von WordPress","Tutorials","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/warum-sie-ein-child-theme-benotigen\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/warum-sie-ein-child-theme-benotigen\/","name":"Warum Sie ein Child-Theme ben\u00f6tigen und wie Sie Ihr eigenes erstellen - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/warum-sie-ein-child-theme-benotigen\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/warum-sie-ein-child-theme-benotigen\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","datePublished":"2016-07-15T21:02:53+00:00","dateModified":"2025-01-16T19:42:28+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/warum-sie-ein-child-theme-benotigen\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/de\/warum-sie-ein-child-theme-benotigen\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/warum-sie-ein-child-theme-benotigen\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","width":2698,"height":1690,"caption":"WordPress Finished Website"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/warum-sie-ein-child-theme-benotigen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Warum Sie ein Child-Theme ben\u00f6tigen und wie Sie Ihr eigenes erstellen"}]},{"@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":54193,"en":12955,"pt":54222,"uk":54225,"es":54253,"pl":54256,"ru":54259,"it":68295,"fr":70185,"nl":70209},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/54193","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=54193"}],"version-history":[{"count":6,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/54193\/revisions"}],"predecessor-version":[{"id":62965,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/54193\/revisions\/62965"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/12957"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=54193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=54193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=54193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}