{"id":6106,"date":"2025-08-19T17:03:20","date_gmt":"2025-08-19T17:03:20","guid":{"rendered":"\/de\/tutorials\/?p=6106"},"modified":"2026-02-06T23:40:09","modified_gmt":"2026-02-06T23:40:09","slug":"wordpress-child-theme-erstellen","status":"publish","type":"post","link":"\/de\/tutorials\/wordpress-child-theme-erstellen","title":{"rendered":"Wie Sie ein WordPress Child Theme erstellen + Tipps zur AnpassungMeta:"},"content":{"rendered":"<p>Einer der gr&ouml;&szlig;ten Vorteile von WordPress ist die gro&szlig;e Auswahl an Themes, aus denen Sie ausw&auml;hlen k&ouml;nnen. Wenn Sie jedoch vorhaben, das Design oder die Funktionalit&auml;t Ihres Themes anzupassen, ist es eine gute Idee, ein WordPress Child Theme zu verwenden.<\/p><p>In diesem Artikel erfahren Sie, wie ein WordPress Child Theme funktioniert und wann Sie es verwenden sollten. Au&szlig;erdem lernen Sie verschiedene M&ouml;glichkeiten kennen, ein Child Theme zu erstellen und anzupassen sowie h&auml;ufige Fehler zu beheben.<\/p><p>\r\n\r\n\r\n\n\r\n\r\n<div class=\"protip\">\n                    <h4 class=\"title\"> Was ist ein WordPress Child Theme? <\/h4>\n                    <p> Ein WordPress Child Theme ist ein Sub-Theme, das die Funktionalit&auml;t, die Funktionen und den Stil des Parent Themes erbt. Damit k&ouml;nnen Sie eigene &Auml;nderungen vornehmen, ohne das urspr&uuml;ngliche Theme zu ver&auml;ndern. Aufgrund seiner Abh&auml;ngigkeit kann ein Child Theme jedoch nicht ohne sein Parent Theme funktionieren. <\/p>\n                <\/div>\n\r\n\r\n\r\n<\/p><h3 id=\"h-wie-funktioniert-ein-wordpress-child-theme\" class=\"wp-block-heading\"><strong>Wie funktioniert ein WordPress Child Theme?<\/strong><\/h3><p>Ein Child Theme erstellt ein separates Verzeichnis, das seine eigenen <strong>style.css<\/strong>&ndash; und <strong>functions.php<\/strong>-Dateien enth&auml;lt. Dies sind die Kernkomponenten, mit denen Sie das Design und die Funktionalit&auml;t Ihrer Website anpassen k&ouml;nnen.<\/p><p>Wenn jemand Ihre Website besucht, l&auml;dt WordPress zuerst das Child Theme. Alle Anpassungen oder &Uuml;berschreibungen im Child Theme haben Vorrang. F&uuml;r alles, was nicht ge&auml;ndert wird, verwendet WordPress die Dateien des Parent Themes.<\/p><p>Sie k&ouml;nnen beispielsweise ein Child Theme verwenden, um das Farbschema anzupassen, eine eigene Seitenvorlage zu erstellen oder benutzerdefinierte Funktionen hinzuzuf&uuml;gen, ohne das Parent Theme zu ver&auml;ndern.<\/p><p>Diese Konfiguration garantiert, dass Ihre &Auml;nderungen bei Theme-Aktualisierungen gesichert sind und bietet ein Sicherheitsnetz. Wenn etwas schief geht, k&ouml;nnen Sie das Child Theme deaktivieren und sich auf das Parent Theme verlassen, damit Ihre Website reibungslos l&auml;uft.<\/p><h3 id=\"h-wann-brauchen-sie-ein-child-theme\" class=\"wp-block-heading\"><strong>Wann brauchen Sie ein Child Theme?<\/strong><\/h3><p>Die Verwendung eines Child Themes ist nicht immer notwendig, aber sehr empfehlenswert, wenn Sie Folgendes tun m&ouml;chten:<\/p><ul class=\"wp-block-list\">\r\n<li>Das Design oder die Funktionalit&auml;t Ihres Themes auf sichere Weise anpassen, ohne das Parent Theme zu beeintr&auml;chtigen.<\/li>\r\n\r\n\r\n\r\n<li>Schnell ein neues Theme erstellen, indem Sie das Parent Theme als Grundlage verwenden.<\/li>\r\n\r\n\r\n\r\n<li>Kleinere &Auml;nderungen (wie das Optimieren von CSS oder das Hinzuf&uuml;gen benutzerdefinierter Templates) vereinfachen, ohne sich mit komplexen Kerndateien auseinandersetzen zu m&uuml;ssen.<\/li>\r\n\r\n\r\n\r\n<li>Anpassungen davor sch&uuml;tzen, dass sie bei Aktualisierungen des Parent Themes &uuml;berschrieben werden.<\/li>\r\n\r\n\r\n\r\n<li>Ein einheitliches Branding beibehalten, indem Sie das Design des Parent Themes &uuml;bernehmen, w&auml;hrend Sie spezifische Anpassungen vornehmen.<\/li>\r\n\r\n\r\n\r\n<li>Neue Funktionen testen, ohne Ihre Website zu gef&auml;hrden.<\/li>\r\n<\/ul><h2 id=\"h-wie-sie-ein-wordpress-child-theme-erstellen\" class=\"wp-block-heading\"><strong>Wie Sie ein WordPress Child Theme erstellen<\/strong><\/h2><p>Ein WordPress Child Theme erstellen ist einfach. In diesem Abschnitt wird beschrieben, wie Sie es manuell erstellen k&ouml;nnen, wodurch Sie die volle Kontrolle &uuml;ber die Einrichtung haben und Ihre Website schlank bleibt.<\/p><p>Wenn Sie lieber ein Plugin verwenden m&ouml;chten, fahren Sie mit dem n&auml;chsten Abschnitt fort.<\/p><p><strong>Voraussetzungen<\/strong><\/p><p>Bevor Sie beginnen, stellen Sie sicher, dass Sie die folgenden Voraussetzungen erf&uuml;llen:<\/p><ul class=\"wp-block-list\">\r\n<li><strong>Sie haben ein Parent Theme.<\/strong> Stellen Sie sicher, dass das Parent Theme, das Sie anpassen m&ouml;chten, auf Ihrer WordPress-Website installiert und aktiv ist. F&uuml;r dieses Tutorial verwenden wir das Standard-Theme <strong>Twenty Twenty-Three<\/strong>.<\/li>\r\n\r\n\r\n\r\n<li><strong>Sie haben Zugriff auf Ihre WordPress-Dateien.<\/strong> Sie k&ouml;nnen entweder den Dateimanager Ihres Webhosters oder einen FTP-Client wie FileZilla verwenden. Der Dateimanager von Hostinger kann &uuml;ber das hPanel aufgerufen werden.<\/li>\r\n\r\n\r\n\r\n<li><strong>Website-Backup erstellt.<\/strong> <a href=\"\/de\/tutorials\/wordpress-backup-erstellen\"><strong>Erstellen Sie ein Backup Ihrer WordPress-Website<\/strong><\/a>, bevor Sie &Auml;nderungen vornehmen, um versehentlichen Datenverlust zu vermeiden.<\/li>\r\n\r\n\r\n\r\n<li><strong>Sie haben eine Staging-Website. <\/strong>Das Einrichten einer <a href=\"\/de\/tutorials\/wordpress-staging-site-erstellen\"><strong>WordPress Staging-Umgebung<\/strong><\/a> erlaubt es, frei zu experimentieren, ohne zu riskieren, dass die Live-Site kaputt geht. Benutzer des Hostinger <a href=\"\/de\/wordpress-hosting\"><strong>WordPress Business<\/strong><\/a>-Tarifs und h&ouml;her k&ouml;nnen das eingebaute Staging-Tool im hPanel verwenden.<\/li>\r\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/de\/cloud-hosting\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/06\/DE-Cloud-hosting-x-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-4109\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/06\/DE-Cloud-hosting-x-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/06\/DE-Cloud-hosting-x-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/06\/DE-Cloud-hosting-x-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h3 id=\"h-1-erstellen-sie-den-ordner-des-child-themes\" class=\"wp-block-heading\"><strong>1. Erstellen Sie den Ordner des Child Themes<\/strong><\/h3><p>Zun&auml;chst m&uuml;ssen wir den Ordner des Child Themes vorbereiten, in dem alle Assets gespeichert werden. F&uuml;r dieses Tutorial verwenden wir Hostingers Dateimanager, den Sie &uuml;ber das hPanel-Dashboard aufrufen k&ouml;nnen.<\/p><p>Im WordPress-Stammverzeichnis (<strong>public_html<\/strong>) gehen Sie zu <strong>wp-content <\/strong>&rarr;<strong> themes<\/strong>. Als N&auml;chstes erstellen Sie einen neuen Ordner mit einem Namen, der dem Ihres aktuellen aktiven Themes &auml;hnelt. Dies wird Ihr Child Theme-Ordner sein.<\/p><div class=\"wp-block-image\">\r\n<figure data-wp-context='{\"imageId\":\"69fcc3d4b35cb\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXe6aLwVykTupNn8eGO3MzwLay7F9dX3fzn7gqXdgvKbDdzO7WHmFoEWIf8Pl0SV6P4Ij__rzTGtdEtbbY0Ggs_x_wgkercGZChZ8YTvO-R52qJSGgeqqxbhW4NOmjH6XOXWeO3uhg?key=eG4krut-lIXw-jW5ILuz9g\" alt=\"Erstellen eines Child-Theme-Ordners im Stammverzeichnis mithilfe des Dateimanagers\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 id=\"h-2-erstellen-sie-die-stylesheet-datei\" class=\"wp-block-heading\"><strong>2. Erstellen Sie die Stylesheet-Datei<\/strong><\/h3><p>Die Stylesheet-Datei, allgemein bekannt als <strong>style.css<\/strong>, steuert das Design und Layout Ihres WordPress-Themes. Hier definieren Sie auch die Beziehung zum Parent Theme und setzen dessen Stile au&szlig;er Kraft.<\/p><p>Erstellen Sie eine neue <strong>style.css<\/strong>-Datei in Ihrem Child Theme-Ordner und f&uuml;gen Sie das folgende Code Snippet hinzu.<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/*&lt;br&gt;Theme Name: Twenty Twenty-Three Child&lt;br&gt;Theme URI: http:\/\/example.com\/twenty-twenty-three-child\/&lt;br&gt;Description: Twenty Twenty-Three Child Theme&lt;br&gt;Author: Your Name&lt;br&gt;Author URI: http:\/\/example.com&lt;br&gt;Template: twentytwentythree&lt;br&gt;Version: 1.0.0&lt;br&gt;&lt;em&gt;\/ \/&lt;\/em&gt; Add your custom styles here *\/<\/pre><p>Ersetzen Sie den Namen, den URI, die Beschreibung und das Template des Themes durch die Details Ihres eigentlichen Parent Themes und speichern Sie die &Auml;nderungen.<\/p><h3 id=\"h-3-erstellen-sie-die-datei-functions-php-und-rufen-sie-das-stylesheet-auf\" class=\"wp-block-heading\"><strong>3. Erstellen Sie die Datei functions.php und rufen Sie das Stylesheet auf<\/strong><\/h3><p>Die Datei <strong>functions.php<\/strong> ist das R&uuml;ckgrat der Funktionen Ihres Themes. Sie erm&ouml;glicht es Ihnen, benutzerdefinierte Funktionen hinzuzuf&uuml;gen oder bestehende Funktionen des Parent Themes zu &auml;ndern. Diese Datei ist auch daf&uuml;r verantwortlich, die Stile und Skripte des Parent Themes in eine Warteschlange zu stellen, um sicherzustellen, dass sie geladen werden und korrekt funktionieren.<\/p><p>Erstellen Sie eine neue <strong>functions.php<\/strong>-Datei in Ihrem Child Theme-Ordner und f&uuml;gen Sie das folgende Code Snippet hinzu, um Stile aus dem Parent Theme zu importieren.<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?php\r\n\/\/ Your code to enqueue parent theme styles\r\nfunction enqueue_parent_styles() {\r\n   wp_enqueue_style( 'parent-style', get_template_directory_uri() . '\/style.css' );\r\n}\r\nadd_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );\r\n?&gt;<\/pre><p>Vergessen Sie nicht, die &Auml;nderungen in der Datei zu speichern.<\/p><h3 id=\"h-4-aktivieren-sie-das-child-theme\" class=\"wp-block-heading\"><strong>4. Aktivieren Sie das Child Theme<\/strong><\/h3><p>Wenn Sie die Dateien <strong>style.css<\/strong> und <strong>functions.php<\/strong> korrekt erstellt haben, sollte das Child Theme auf Ihrer WordPress-Website erscheinen.<\/p><p>Gehen Sie in Ihrem Admin-Dashboard zu <strong>Design<\/strong> &rarr; <strong>Themes<\/strong> und klicken Sie auf <strong>Aktivieren<\/strong> f&uuml;r das Child Theme.<\/p><div class=\"wp-block-image\">\r\n<figure data-wp-context='{\"imageId\":\"69fcc3d4b3d63\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXfO-LnnFy7L8Lq7fp92O46aeiQlZAbt2RgzryKjhfL-GlDtHi-32FPrQXhEZ_G_UWQ6w8yXkKGvifjCbL9Ivx2VK9QElJwtVeDwMIauFkZ5Eer4i3CLr0OG_Ttm-8XFEOAUH9o8OQ?key=eG4krut-lIXw-jW5ILuz9g\" alt=\"WordPress-Themes-Seite, auf der die Option zum Aktivieren eines Child-Themes hervorgehoben ist.\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Das war&rsquo;s &ndash; Ihre WordPress-Website l&auml;uft jetzt mit einem Child Theme.<\/p><p>\r\n\r\n\r\n<div class=\"protip\">\n                    <h4 class=\"title\"> Experten-Tipp <\/h4>\n                    <p> Sieht die Vorschau Ihres Child Themes ein wenig leer aus? Sie k&ouml;nnen das beheben, indem Sie ein Bild mit dem Namen screenshot.png in den Ordner Ihres Child Themes hochladen. Dieses Bild dient als Vorschau-Thumbnail f&uuml;r Ihr Theme im WordPress-Dashboard. <\/p>\n                <\/div>\n\r\n\r\n\r\n<\/p><h2 id=\"h-alternative-moglichkeiten-zur-erstellung-eines-child-themes\" class=\"wp-block-heading\"><strong>Alternative M&ouml;glichkeiten zur Erstellung eines Child Themes<\/strong><\/h2><p>Wenn Sie Ihre Website-Dateien nicht manuell bearbeiten m&ouml;chten, kann ein WordPress-Plugin den Prozess vereinfachen. Je nach Art Ihres Themes gibt es zwei M&ouml;glichkeiten, also stellen Sie sicher, dass Sie die richtige w&auml;hlen.<\/p><p>Um zu &uuml;berpr&uuml;fen, ob Sie ein klassisches oder ein Block-Theme verwenden, greifen Sie &uuml;ber den Dateimanager oder einen FTP-Client auf den Ordner Ihres Themes zu und suchen Sie nach einer Datei namens <strong>theme.json<\/strong>. Das <strong>Twenty Twenty-Three<\/strong>-Theme hat zum Beispiel diese Datei, was bedeutet, dass es ein Block-Theme ist.<\/p><div class=\"wp-block-image\">\r\n<figure data-wp-context='{\"imageId\":\"69fcc3d4b41ea\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXem6J_GiRenrBqg8g_QIZO8nde6dtX6NesupgM3Vmei8tadyHSsZ2HrMEaXMKUiEsYJ_RkY-vD09sMRoxceUt2O7utN_uXV3tR1yK77K0OtD5ONMDpqHfxhpeWHriOL185e9dww?key=eG4krut-lIXw-jW5ILuz9g\" alt=\"Suchen der Datei &bdquo;theme.json&ldquo; in einem Theme-Ordner\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 id=\"h-erstellen-sie-ein-klassisches-child-theme-mit-einem-plugin-nbsp\" class=\"wp-block-heading\"><strong>Erstellen Sie ein klassisches Child-Theme mit einem Plugin<\/strong><\/h3><p>Wenn Sie ein klassisches Theme verwenden, folgen Sie diesen Schritten, um das Child-Theme mit dem <a href=\"https:\/\/wordpress.org\/plugins\/wp-child-theme-generator\/\" target=\"_blank\" rel=\"noopener\"><strong>WP Child Theme Generator<\/strong><\/a> zu erstellen:<\/p><ul class=\"wp-block-list\">\r\n<li>Installieren und aktivieren Sie das <strong>WP Child Theme Generator<\/strong>-Plugin.<\/li>\r\n<\/ul><div class=\"wp-block-image\">\r\n<figure data-wp-context='{\"imageId\":\"69fcc3d4b5115\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/08\/wp-child-theme-generator.png\/public\" alt=\"WP Child Theme Generator Plugin-Auflistung\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ul class=\"wp-block-list\">\r\n<li>Navigieren Sie in Ihrem Admin-Dashboard zu <strong>Appearance<\/strong> &rarr; <strong>Child Theme Gen<\/strong>.<\/li>\r\n\r\n\r\n\r\n<li>W&auml;hlen Sie das Parent Theme aus dem Dropdown-Feld aus und passen Sie dann die Details des Child Themes nach Bedarf an. Stellen Sie sicher, dass Sie die Option <strong>Create and Activate<\/strong> aktivieren, um den Wechsel zu automatisieren.<\/li>\r\n<\/ul><div class=\"wp-block-image\">\r\n<figure data-wp-context='{\"imageId\":\"69fcc3d4b54f4\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXeeZtdkwwoJ6cG3IhzLKM2vhNNkLpxiZ1F0gyCQQmjI7hqdQWDatd85MNrB7ADhzkwHca6S7TfPR-nOJ5IEyz6OCWIDeboC6BpgofJU9_jLZNQ8iMVpFFOpPfI2QQf6ptWgZ3pUYA?key=eG4krut-lIXw-jW5ILuz9g\" alt=\"Erstellen eines neuen untergeordneten Themes mit dem WP Child Theme Generator-Plugin\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ul class=\"wp-block-list\">\r\n<li>Nachdem Sie auf <strong>Create Child Theme<\/strong> geklickt haben, wird das Plugin Sie auf die Seite <strong>Themes<\/strong> weiterleiten, wo das aktive Child Theme angezeigt wird.<\/li>\r\n<\/ul><p>Beachten Sie, dass dieses Plugin zwar Block-Themes anerkennt, aber nicht optimal mit ihnen zusammenarbeitet. Wenn Ihr Parent Theme ein Block-Theme ist, empfehlen wir stattdessen die n&auml;chste Methode.<\/p><h3 id=\"h-erstellen-sie-ein-child-block-theme-mit-einem-plugin\" class=\"wp-block-heading\"><strong>Erstellen Sie ein Child Block-Theme mit einem Plugin<\/strong><\/h3><p>F&uuml;r diese Methode verwenden wir ein anderes kostenloses Plugin namens <a href=\"https:\/\/wordpress.org\/plugins\/create-block-theme\/\" target=\"_blank\" rel=\"noopener\"><strong>Create Block Theme<\/strong><\/a>. Dieses Plugin unterst&uuml;tzt die <strong>theme.json<\/strong>-Konfiguration, was es ideal f&uuml;r die Erstellung von Child Themes aus Block-Themes macht. So geht&rsquo;s:<\/p><ul class=\"wp-block-list\">\r\n<li>Installieren und aktivieren Sie das Plugin <strong>Create BlockTheme<\/strong>.<\/li>\r\n<\/ul><div class=\"wp-block-image\">\r\n<figure data-wp-context='{\"imageId\":\"69fcc3d4b594a\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXerxKhGQlybovZR1hrjb45PjKb45c4GGYmmyrhXRPpdKbgh7iQ12LW2_YGH2E1ZpGGzcXpFk_bBK74u14ii0BtG1ipbzEbaNqWlaC_pAh2246c0sQB6u_717xs9RJ3qypkNtRlw?key=eG4krut-lIXw-jW5ILuz9g\" alt=\"Plugin-Eintrag f&uuml;r Block-Theme erstellen\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ul class=\"wp-block-list\">\r\n<li>Gehen Sie zu <strong>Design<\/strong> &rarr; <strong>Create Block Theme<\/strong> in Ihrem WordPress-Dashboard.<\/li>\r\n\r\n\r\n\r\n<li>Das Plugin bietet mehrere Optionen f&uuml;r die Arbeit mit Ihrem aktiven Theme. W&auml;hlen Sie zun&auml;chst <strong>Create a Child of &bdquo;[Name Ihres Themes]&rdquo;.<\/strong><\/li>\r\n<\/ul><div class=\"wp-block-image\">\r\n<figure data-wp-context='{\"imageId\":\"69fcc3d4b5c23\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXdHyEpDZ6GQctYLYlhfw-Uvwt-Cj_vW2ubaeNcDM86JWEWWB9YkAAv6r-GuvgUw6d5NqVoD9bp1hgf5FP2xr4kQiDcLozlpMtBR9e9gGVmcTlnjdODMLAdyNEENm7jui0HJMl1FCQ?key=eG4krut-lIXw-jW5ILuz9g\" alt=\"Erstellen Sie in WordPress die Benutzeroberfl&auml;che f&uuml;r Block-Themes und markieren Sie die Option zum Erstellen eines untergeordneten Themes.\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ul class=\"wp-block-list\">\r\n<li>Geben Sie den Namen, die Beschreibung und den Autor des Child Themes ein. Klicken Sie auf <strong>Create Child Theme<\/strong>, sobald Sie fertig sind.<\/li>\r\n<\/ul><div class=\"wp-block-image\">\r\n<figure data-wp-context='{\"imageId\":\"69fcc3d4b5ed1\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXdfhe5Uw1VVsYpFRXTpGPMM7iqjWl1h9xRHaVNxGXVwIKILvuTM3lHoPwsnZoAjY-x_-vKs5K6DugJn_IKmj3Jpk4QCcL80o_coIq7IzAk217_WRmXdP2QyQHdyKsQDYOlfZ8zVHg?key=eG4krut-lIXw-jW5ILuz9g\" alt=\"Formular zur Erstellung eines Block-Theme-Child-Themes erstellen\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ul class=\"wp-block-list\">\r\n<li>Wenn der Vorgang erfolgreich war, zeigt das Plugin eine Best&auml;tigungsmeldung an und f&uuml;hrt Sie zum Site-Editor. Unter <strong>Design &rarr; Themes<\/strong> k&ouml;nnen Sie &uuml;berpr&uuml;fen, ob Sie jetzt ein Child Theme verwenden.<\/li>\r\n<\/ul><h2 id=\"h-wie-sie-das-child-theme-anpassen\" class=\"wp-block-heading\"><strong>Wie Sie das Child Theme anpassen<\/strong><\/h2><p>Nun, da Sie ein Child Theme haben, ist es an der Zeit, es anzupassen. Diese Anpassungsmethoden erfordern etwas Code, daher k&ouml;nnen Kenntnisse in <a href=\"\/de\/tutorials\/was-ist-css\"><strong>CSS<\/strong><\/a> die Sache erleichtern.<\/p><p>Wenn Sie lieber keinen Code bearbeiten m&ouml;chten, schauen Sie sich unsere Top-Picks f&uuml;r die <a href=\"\/de\/tutorials\/wordpress-page-builder\"><strong>besten WordPress Seiten-Baukasten-Plugins<\/strong><\/a> an, um den Designprozess zu vereinfachen. Sie k&ouml;nnen auch den <strong>WordPress Gutenberg-Block-Editor<\/strong> verwenden, um benutzerdefinierte Bl&ouml;cke und wiederverwendbare Templates ohne Codierung zu erstellen.<\/p><h3 id=\"h-das-css-anpassen\" class=\"wp-block-heading\"><strong>Das CSS anpassen<\/strong><\/h3><p>Wenn Sie gr&ouml;&szlig;ere &Auml;nderungen an den Styles Ihres Child Themes planen, sollten Sie die Datei <strong>style.css<\/strong> direkt bearbeiten. So haben Sie Ihr gesamtes CSS an einem Ort und k&ouml;nnen es leicht verwalten und bei Bedarf exportieren. Au&szlig;erdem k&ouml;nnen Sie externe Tools wie <a href=\"\/de\/tutorials\/beste-code-editoren\"><strong>Code-Editoren<\/strong><\/a> f&uuml;r Funktionen wie Syntaxhervorhebung und Versionskontrolle verwenden.<\/p><p>Auf der anderen Seite ist der <strong>Theme File Editor<\/strong> von WordPress praktischer f&uuml;r schnelle &Auml;nderungen. Mit ihm k&ouml;nnen Sie Themedateien direkt von Ihrem Dashboard aus bearbeiten, was f&uuml;r Benutzer ohne FTP- oder Dateimanager-Zugang ideal ist.<\/p><p>Gehen Sie zu <strong>Tools<\/strong> oder <strong>Design<\/strong> und suchen Sie den Theme File Editor. &Ouml;ffnen Sie das Stylesheet in der rechten Seitenleiste und klicken Sie auf <strong>Datei aktualisieren<\/strong>, nachdem Sie es angepasst haben.<\/p><div class=\"wp-block-image\">\r\n<figure data-wp-context='{\"imageId\":\"69fcc3d4b62f0\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXfQxIcgBM9gGyQ6nmzyr6uUEb8_k_YQr-yujBOnGbK1aUWYJWiY58DL4P4qvdcgaPsAFrcM0v5rOgPKQGp6Wbkbr9dDx87H8jE9p-sn6NMtHnrboN6F--2vhzG3VL0spVAlsppJ?key=eG4krut-lIXw-jW5ILuz9g\" alt=\"Bearbeiten der Datei &bdquo;style.css&ldquo; im WordPress-Theme-Editor\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Wenn Sie es vorziehen, eine Live-Vorschau Ihrer &Auml;nderungen zu sehen, bevor Sie sie anwenden, benutzen Sie den <strong>Theme Customizer<\/strong> f&uuml;r klassische Themes oder den <strong>Site Editor<\/strong> f&uuml;r blockbasiertes Full Site Editing. Beide sind unter <strong>Design<\/strong> erreichbar &ndash; suchen Sie nach <strong>Anpassen<\/strong> oder <strong>Editor<\/strong>.<\/p><div class=\"wp-block-image\">\r\n<figure data-wp-context='{\"imageId\":\"69fcc3d4b647b\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXegbhaDscUbBy4n0icLWX6154y4tTvbX1CobkV2O-cAGKZaGwUehRNEQ0vvzRVlvHwsDcZTwd4g5LyEX8MDPJvmg2zcjPm_peX3w1SNHBRifYrwI_Uu7QX3T0o5qsgjE-1d1lRjWg?key=eG4krut-lIXw-jW5ILuz9g\" alt=\"Die Benutzeroberfl&auml;che des WordPress-Seiteneditors\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Eine weitere M&ouml;glichkeit, benutzerdefiniertes CSS zu Ihrem Child Theme hinzuzuf&uuml;gen, ist die Verwendung eines Code-Manager-Plugins wie <strong>WPCode<\/strong>. Diese Methode eignet sich hervorragend, um den Code ohne m&uuml;hsames Kopieren und Einf&uuml;gen wieder anzuwenden.<\/p><p>Wir behandeln jede Methode im Detail im <a href=\"\/de\/tutorials\/wordpress-css\"><strong>WordPress benutzerdefiniertes CSS<\/strong><\/a>-Tutorial &ndash; schauen Sie es sich an, um mehr zu erfahren.<\/p><p>Wenn es um das Styling geht, gibt es eine Menge CSS-Regeln, mit denen Sie das Aussehen Ihres Child Themes ver&auml;ndern k&ouml;nnen. Kombinieren Sie sie und passen Sie sie nach Bedarf an, um das gew&uuml;nschte Design zu erstellen.<\/p><p>Mit diesem Code Snippet k&ouml;nnen Sie beispielsweise die Hintergrundfarbe &auml;ndern:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">body {\r\nbackground-color: #f3f3f3; \/* Replace #f3f3f3 with your chosen color code *\/\r\n}<\/pre><p>Um die Farbe der Seitenleiste anzupassen, verwenden Sie den folgenden CSS-Code:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">.sidebar {\r\nbackground-color: #dddddd; \/* Replace #dddddd with your desired color *\/\r\n}<\/pre><p>Und hier sehen Sie, wie Sie die Schriftarten f&uuml;r Ihre gesamte Website aktualisieren k&ouml;nnen:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">body {\r\n   font-family: 'Arial', sans-serif; \/* Update to your chosen font *\/\r\n   font-size: 16px; \/* Set your desired size *\/\r\n   color: #333333; \/* Choose the color *\/\r\n}<\/pre><h3 id=\"h-benutzerdefinierte-code-snippets-zu-functions-php-hinzufugen\" class=\"wp-block-heading\"><strong>Benutzerdefinierte Code Snippets zu functions.php hinzuf&uuml;gen<\/strong><\/h3><p>Diese Methode funktioniert nur bei klassischen Themes oder Hybrid-Themes, die klassische und Block-Elemente mischen.<\/p><p>Um die Funktionen Ihrer Website anzupassen, f&uuml;gen Sie einfach bestehende PHP-Funktionen in der Datei <strong>functions.php<\/strong> Ihres Child Themes hinzu oder passen Sie sie an. Genau wie das Bearbeiten von <strong>style.css<\/strong> k&ouml;nnen Sie dies &uuml;ber den Dateimanager oder einen FTP-Client, den Theme File Editor oder sogar ein Code Manager-Plugin tun.<\/p><p>Die Art der Anpassungen, die Sie mit PHP-Funktionen vornehmen k&ouml;nnen, variiert.<\/p><p>In diesem Code Snippet werden beispielsweise die Funktionen <strong>add_action()<\/strong> und <strong>enqueue_custom_styles()<\/strong> kombiniert, um ein benutzerdefiniertes Stylesheet einzureihen:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">function enqueue_custom_styles() {\r\nwp_enqueue_style('custom-style', get_stylesheet_directory_uri() . '\/css\/custom-style.css');\r\n}\r\nadd_action('wp_enqueue_scripts', 'enqueue_custom_styles');<\/pre><p>Mit <strong>custom_dashboard_greeting()<\/strong> k&ouml;nnen Sie eine benutzerdefinierte Begr&uuml;&szlig;ungsnachricht in Ihr WordPress Admin-Dashboard einf&uuml;gen:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">function custom_dashboard_greeting() {\r\n   echo \"Welcome to your site! Have a great day.\";\r\n}\r\nadd_action('admin_notices', 'custom_dashboard_greeting');<\/pre><p>Bei so vielen Funktionskombinationen, die Sie ausprobieren k&ouml;nnen, &uuml;berlassen wir es Ihnen, sich auszutoben und kreativ zu werden. Um Ihnen dabei zu helfen, finden Sie hier einige Tipps, um Ihre Ergebnisse zu verbessern und PHP-Anpassungen reibungsloser zu gestalten:<\/p><ul class=\"wp-block-list\">\r\n<li><strong>Dokumentieren Sie Ihren Code mit Kommentaren.<\/strong> Verwenden Sie <strong>\/* *\/<\/strong> f&uuml;r mehrzeilige Kommentare oder <strong>\/\/<\/strong> f&uuml;r einzeilige Kommentare, um zu erkl&auml;ren, was Ihr angepasster Code tut.<\/li>\r\n\r\n\r\n\r\n<li><strong>Gruppieren und beschriften Sie Ihre Anpassungen.<\/strong> Organisieren Sie Ihre Funktionen mit Hilfe von Kommentaren in Abschnitte, um zuk&uuml;nftige Anpassungen und die Fehlersuche zu erleichtern.<\/li>\r\n\r\n\r\n\r\n<li><strong>Vermeiden Sie Hardcoding.<\/strong> Anstatt Funktionen, Einstellungen oder Inhalte in Theme-Dateien oder Templates einzubetten, verwenden Sie <strong>add_action() <\/strong>oder <strong>add_filter()<\/strong>, um benutzerdefinierte Funktionen mit <strong>WordPress-Hooks<\/strong> einzubinden.<\/li>\r\n<\/ul><h3 id=\"h-template-dateien-andern-oder-hinzufugen\" class=\"wp-block-heading\"><strong>Template-Dateien &auml;ndern oder hinzuf&uuml;gen<\/strong><\/h3><p>Diese Methode ist ideal, wenn Sie das Layout, die Struktur oder den Inhalt bestimmter Teile Ihrer Website anpassen m&ouml;chten und verhindern wollen, dass Theme-Updates Ihre &Auml;nderungen &uuml;berschreiben.<\/p><p>Greifen Sie zun&auml;chst mit dem Dateimanager oder einem FTP-Client auf den Ordner Ihres Parent Themes zu und &ouml;ffnen Sie den Ordner <strong>templates<\/strong>. Suchen Sie die Datei, die f&uuml;r die Funktionalit&auml;t oder das Design verantwortlich ist, die Sie &auml;ndern m&ouml;chten, und kopieren Sie sie in das Child Theme.<\/p><div class=\"wp-block-image\">\r\n<figure data-wp-context='{\"imageId\":\"69fcc3d4b6b47\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXfcnfe2gZSUne3dE7-GrG-vulqZL9_tH21dTwxUstlRWgSVoI9wz0XD2Jj0rHH2XO3dOifPJNgG0SlymjzrXTtdYO4FnQH1PlPAmjvRXyDCdCQZlQuybsGLt4PaVlxN2KLM4jr3Rg?key=eG4krut-lIXw-jW5ILuz9g\" alt=\"Das Template-Verzeichnis eines Themes\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>WordPress verwendet eine bestimmte Templatehierarchie, um Dateien auf der Grundlage ihrer Position und Benennung zu finden und zu laden. Behalten Sie daher immer die Verzeichnisstruktur bei, um sicherzustellen, dass Ihre &Auml;nderungen funktionieren.<\/p><p>Wenn sich zum Beispiel die Datei <strong>page.html<\/strong> im Ordner <strong>templates<\/strong> des Parent Themes befindet, m&uuml;ssen Sie den Ordner <strong>templates<\/strong> in Ihrem Child Theme erstellen und die Datei dorthin kopieren.<\/p><p>Sobald Sie die Basisdatei im Verzeichnis des Child Themes haben, nehmen Sie Ihre &Auml;nderungen vor.<\/p><p>Wenn Sie ein neues Seiten-Template erstellen wollen, kopieren Sie die Datei <strong>page.html<\/strong> aus dem templates-Ordner des Parent Themes in den templates-Ordner Ihres Child Themes und benennen Sie sie um. F&uuml;gen Sie dann den Namen des Templates an den Anfang der Datei:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!-- \r\nTemplate Name: Custom Page Template \r\n--&gt;<\/pre><p>Bei klassischen Themes wird das Template im PHP-Format geschrieben. F&uuml;hren Sie die gleichen Schritte aus, um eine neue <strong>.php<\/strong>-Datei zu erstellen, und f&uuml;gen Sie das folgende Code Snippet am Anfang der Datei ein, um den Namen des Templates zu definieren:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?php\r\n\/* Template Name: Custom Page Template *\/<\/pre><p>Das neue Template k&ouml;nnen Sie nun im WordPress-Editor unter <strong>Page Attributes<\/strong> &gt; <strong>Template<\/strong> ausw&auml;hlen.<\/p><div class=\"wp-block-image\">\r\n<figure data-wp-context='{\"imageId\":\"69fcc3d4b6f17\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXdvKCkC0OP3QHapRLFD2ZVb8aK3aPdI73gDaT7yOxHKyJKU4MORMSllnCUNY7kJMlXL8Qi16hQzTKCEnM6f6cwVebQGsHqU0g26NWLrjcMOCeBH5rw1RKcOFYhX5lerrB1Qg20ing?key=eG4krut-lIXw-jW5ILuz9g\" alt=\"Abschnitt &bdquo;Seitenattribute&ldquo; im WordPress-Editor, Hervorhebung des Vorlagenfeldes\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 id=\"h-globale-stile-mit-einer-theme-json-datei-andern\" class=\"wp-block-heading\"><strong>Globale Stile mit einer theme.json-Datei &auml;ndern<\/strong><\/h3><p>W&auml;hrend klassische Themes <strong>functions.php<\/strong> verwenden, um Funktionen hinzuzuf&uuml;gen und zu verwalten, verlassen sich Block-Themes auf eine <strong>theme.json<\/strong>-Datei, um globale Stile und Einstellungen (wie Typografie, Farbpaletten und Abst&auml;nde) zu definieren.<\/p><p>Erstellen Sie in Ihrem Child Theme-Ordner eine neue <strong>theme.json<\/strong>-Datei, falls noch keine vorhanden ist. F&uuml;gen Sie dann nur die &Auml;nderungen hinzu, die Sie vornehmen m&ouml;chten. WordPress f&uuml;gt sie automatisch mit dem <strong>theme.json<\/strong> des Parent Themes zusammen und alles, was in Ihrem Child Theme enthalten ist, &uuml;berschreibt oder erg&auml;nzt die Einstellungen des Parent Themes.<\/p><p>F&uuml;gen Sie zum Beispiel dieses Code Snippet hinzu, um eine benutzerdefinierte Farbpalette f&uuml;r Ihre gesamte Website zu definieren:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{\r\n  \"settings\": {\r\n    \"color\": {\r\n      \"palette\": [\r\n        { \"name\": \"Primary\", \"slug\": \"primary\", \"color\": \"#3498db\" },\r\n        { \"name\": \"Accent\", \"slug\": \"accent\", \"color\": \"#e74c3c\" },\r\n        { \"name\": \"Background\", \"slug\": \"background\", \"color\": \"#f4f4f4\" }\r\n      ]\r\n    }\r\n  }\r\n}<\/pre><p>Der Code f&uuml;r die Einstellung der benutzerdefinierten Typografie, insbesondere der Schriftgr&ouml;&szlig;e, ist &auml;hnlich:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{\r\n  \"settings\": {\r\n    \"typography\": {\r\n      \"fontSizes\": [\r\n        { \"name\": \"Small\", \"slug\": \"small\", \"size\": \"12px\" },\r\n        { \"name\": \"Medium\", \"slug\": \"medium\", \"size\": \"18px\" },\r\n        { \"name\": \"Large\", \"slug\": \"large\", \"size\": \"24px\" }\r\n      ]\r\n    }\r\n  }\r\n}<\/pre><p>Und hier erfahren Sie, wie Sie die maximale Breite f&uuml;r Inhaltsbl&ouml;cke wie Abs&auml;tze und Bilder festlegen:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{\r\n  \"settings\": {\r\n    \"layout\": {\r\n      \"contentSize\": \"800px\",\r\n      \"wideSize\": \"1200px\"\r\n    }\r\n  }\r\n}<\/pre><h2 id=\"h-fehler-bei-wordpress-child-themes-beheben\" class=\"wp-block-heading\"><strong>Fehler bei WordPress Child Themes beheben<\/strong><\/h2><p>Child Themes bieten zwar viele Vorteile, aber hier sind einige h&auml;ufige Probleme, die Sie beachten sollten, und wie Sie sie beheben k&ouml;nnen.<\/p><p><strong>Das Child Theme erscheint nicht im Abschnitt Themes<\/strong><\/p><p>Sobald der Ordner des Child Themes und die unterst&uuml;tzenden Dateien eingerichtet sind, sollte es unter <strong>Design<\/strong> &rarr; <strong>Themes<\/strong> erscheinen. Ist dies nicht der Fall, gibt es wahrscheinlich ein Problem mit der Konfiguration im Stylesheet. Dieses Problem tritt h&auml;ufiger bei Benutzern auf, die ihr Child Theme manuell erstellen.<\/p><p>Um das zu beheben, &ouml;ffnen Sie <strong>style.css<\/strong> &uuml;ber den Dateimanager oder FTP und &uuml;berpr&uuml;fen Sie, ob der Parameter <strong>Template<\/strong> mit dem Ordnernamen des Parent Themes &uuml;bereinstimmt. Sie k&ouml;nnen den Ordnernamen &uuml;berpr&uuml;fen, indem Sie zu <strong>wp-content<\/strong> &rarr; <strong>themes<\/strong> in Ihrem Stammverzeichnis navigieren.<\/p><div class=\"wp-block-image\">\r\n<figure data-wp-context='{\"imageId\":\"69fcc3d4b7427\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXcmCyTdYpKumTEdSYpTENHuFN9mtWkCwoVEEMjYKCmqeQVls0HcRHO5DeRjOAdUpR0CEWVXPOtLZ_DOVqdaaGIzj3ZFs7SZBxJvgIk3OwX6G8jAbKLMcM-ptAgBu9x20PjUte1ZOw?key=eG4krut-lIXw-jW5ILuz9g\" alt=\"Der Inhalt des WordPress-Stylesheets, hervorgehoben ist der Parameter &bdquo;Template&ldquo;\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p><strong>Das Child Theme setzt das Parent Theme nicht au&szlig;er Kraft<\/strong><\/p><p>Wenn Ihre &Auml;nderungen im Child Theme nicht angezeigt werden, liegt das oft daran, dass das Child Theme das Stylesheet des Parent Themes nicht richtig einreiht.<\/p><p>Sie k&ouml;nnen dieses Problem beheben, indem Sie nach Tippfehlern in Ihrer <strong>functions.php<\/strong>-Datei suchen. Stellen Sie dann sicher, dass der Parameter <strong>Template<\/strong> in <strong>style.css<\/strong> auf den richtigen Parent Theme-Ordner verweist.<\/p><p>Caching kann auch ein &Uuml;belt&auml;ter sein. Versuchen Sie zun&auml;chst, den Cache Ihres Browsers zu leeren. Wenn das nicht funktioniert, leeren Sie Ihren <a href=\"\/de\/tutorials\/website-cache\"><strong>Website-Cache<\/strong><\/a> mit Plugins wie <strong>LiteSpeed Cache<\/strong> oder <strong>WP Rocket<\/strong>.<\/p><p>Eine andere M&ouml;glichkeit ist, dass die Stile des Parent Themes die des Child Themes &uuml;berschreiben. Um dies zu beheben, suchen Sie das widerspr&uuml;chliche CSS in Ihrem Child Theme und f&uuml;gen Sie die Eigenschaft <strong>!important<\/strong> hinzu, damit Ihre Stile Vorrang haben. Zum Beispiel:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">h1 {\r\n  color: red !important;\r\n}<\/pre><p>Die Eigenschaft <strong>!important<\/strong> stellt sicher, dass Ihr Stil alle widerspr&uuml;chlichen Stile &uuml;berschreibt, auch wenn diese eine h&ouml;here Spezifit&auml;t aufweisen. Verwenden Sie sie jedoch sparsam, da sie die Fehlersuche und Verwaltung von CSS erschweren kann.<\/p><p><strong>Die Template-Dateien &uuml;berschreiben die Parent-Dateien nicht<\/strong><\/p><p>Dieses Problem tritt auf, wenn WordPress die Template-Dateien in Ihrem Child Theme nicht erkennt oder verwendet, um die Dateien des Parent Theme zu ersetzen.<\/p><p>&Uuml;berpr&uuml;fen Sie zun&auml;chst die Dateibenennungskonvention. Die Template-Datei im Child Theme muss genau denselben Namen haben wie die Datei, die Sie im Parent Theme &uuml;berschreiben m&ouml;chten.<\/p><p>&Uuml;berpr&uuml;fen Sie als n&auml;chstes den Speicherort der Datei. Stellen Sie sicher, dass sich die Template-Datei im Stammverzeichnis des Child Theme-Ordners (<strong>\/wp-content\/themes\/your-Child Theme\/<\/strong>) befindet, nicht in einem Unterverzeichnis.<\/p><p>Wenn das nicht funktioniert, versuchen Sie, den Browser- und Website-Cache zu leeren.<\/p><h2 id=\"h-fazit\" class=\"wp-block-heading\"><strong>Fazit<\/strong><\/h2><p>Die Verwendung eines Child Themes ist eine gro&szlig;artige M&ouml;glichkeit, ein Standard-WordPress-Theme in eine individuelle L&ouml;sung zu verwandeln, die Ihren Bed&uuml;rfnissen entspricht. Sie k&ouml;nnen mit verschiedenen Funktionen und Designs experimentieren und gleichzeitig die Kompatibilit&auml;t mit Updates des Parent Themes aufrechterhalten.<\/p><p>In diesem Artikel haben Sie gelernt, wie man ein Child Theme in WordPress erstellt und anpasst und wie man h&auml;ufige Probleme behebt. Wir hoffen, dass Sie das Beste aus dieser leistungsstarken Funktion herausholen k&ouml;nnen. Viel Erfolg!<\/p><p>Wenn Sie weitere Fragen haben, k&ouml;nnen Sie gerne unten einen Kommentar hinterlassen.<\/p><h2 id=\"h-wordpress-child-theme-faq\" class=\"wp-block-heading\"><strong>WordPress Child Theme FAQ<\/strong><\/h2><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-6943ffb8805db\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Was ist der Unterschied zwischen einem Parent Theme und einem Child Theme in WordPress?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Ein Parent Theme ist die Hauptvorlage, die das Design und die Funktionalit&auml;t einer WordPress-Website steuert, w&auml;hrend ein Child Theme seine Funktionen erbt. Mit einem Child Theme k&ouml;nnen Sie das Design anpassen, ohne die Dateien des Parent Themes zu &auml;ndern, so dass Ihre &Auml;nderungen bei Aktualisierungen nicht &uuml;berschrieben werden.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6943ffb8805df\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Kann ein Child Theme ohne ein Parent Theme existieren?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Nein, ein Child Theme kann ohne das installierte Parent Theme nicht funktionieren, da es in Bezug auf grundlegende Funktionen auf das Parent Theme angewiesen ist. Ohne das Parent Theme fehlt dem Child Theme die Grundlage, die es braucht, um in WordPress richtig zu funktionieren.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6943ffb8805e0\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Wie kann ich ein Child Theme aktualisieren?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Um ein Child Theme zu aktualisieren, bearbeiten Sie seine Dateien direkt oder f&uuml;gen Sie bei Bedarf neue hinzu. Aktualisierungen des Parent Themes &uuml;berschreiben keine Child Themes, sodass Ihre Anpassungen erhalten bleiben sollten. Stellen Sie nur sicher, dass das Parent Theme aus Kompatibilit&auml;ts- und Sicherheitsgr&uuml;nden immer auf dem neuesten Stand ist.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6943ffb8805e1\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Verlangsamt ein Child Theme die Leistung von WordPress?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Ein Child Theme beeintr&auml;chtigt die Leistung Ihrer WordPress-Website nicht st&auml;rker als das Parent Theme, da es einfach dessen Funktionen &uuml;bernimmt. Achten Sie nur darauf, dass der von Ihnen hinzugef&uuml;gte benutzerdefinierte Code gut optimiert ist und vermeiden Sie die Duplizierung von Stylesheets oder Funktionen, die bereits im Parent Theme vorhanden sind.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Einer der gr&ouml;&szlig;ten Vorteile von WordPress ist die gro&szlig;e Auswahl an Themes, aus denen Sie ausw&auml;hlen k&ouml;nnen. Wenn Sie jedoch vorhaben, das Design oder die Funktionalit&auml;t Ihres Themes anzupassen, ist es eine gute Idee, ein WordPress Child Theme zu verwenden. In diesem Artikel erfahren Sie, wie ein WordPress Child Theme funktioniert und wann Sie es [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/de\/tutorials\/wordpress-child-theme-erstellen\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":550,"featured_media":6110,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Wie Sie ein WordPress Child Theme erstellen und anpassen","rank_math_description":"Anleitung f\u00fcr Anf\u00e4nger zum Einrichten eines WordPress Child Themes: 1. Child Theme-Ordner erstellen 2. Stylesheet-Datei einrichten + mehr.","rank_math_focus_keyword":"WordPress Child Theme Anleitung","footnotes":""},"categories":[20],"tags":[],"class_list":["post-6106","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"hreflangs":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/6106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/users\/550"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/comments?post=6106"}],"version-history":[{"count":5,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/6106\/revisions"}],"predecessor-version":[{"id":9667,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/6106\/revisions\/9667"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/media\/6110"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/media?parent=6106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/categories?post=6106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/tags?post=6106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}