{"id":906,"date":"2024-09-19T10:57:48","date_gmt":"2024-09-19T09:57:48","guid":{"rendered":"http:\/\/ghanim-solution.de\/?p=906"},"modified":"2024-09-19T10:57:48","modified_gmt":"2024-09-19T09:57:48","slug":"so-erstellst-du-ein-child-theme-fur-das-wordpress-theme-twenty-twenty-four","status":"publish","type":"post","link":"https:\/\/ghanim-solution.de\/index.php\/2024\/09\/19\/so-erstellst-du-ein-child-theme-fur-das-wordpress-theme-twenty-twenty-four\/","title":{"rendered":"So erstellst du ein Child-Theme f\u00fcr das WordPress-Theme Twenty Twenty-Four"},"content":{"rendered":"\n<p>Ein Child-Theme ist eine sichere und effektive M\u00f6glichkeit, Anpassungen an deinem WordPress-Theme vorzunehmen, ohne die urspr\u00fcnglichen Dateien des Parent-Themes zu ver\u00e4ndern. In dieser Anleitung zeigen wir dir Schritt f\u00fcr Schritt, wie du ein Child-Theme f\u00fcr das Twenty Twenty-Four-Theme erstellst.<\/p>\n\n\n\n<p class=\"has-large-font-size\">1. Erstelle einen neuen Ordner f\u00fcr dein Child-Theme<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Gehe zu deinem WordPress-Verzeichnis<\/strong>: Navigiere zu <code>wp-content\/themes\/<\/code>.<\/li>\n\n\n\n<li><strong>Erstelle einen neuen Ordner<\/strong>: Benenne ihn zum Beispiel <code>twentytwentyfour-child<\/code>.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-large-font-size\">2. F\u00fcge die <code>style.css<\/code> Datei hinzu<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Erstelle eine neue Datei<\/strong>: \u00d6ffne einen Texteditor und erstelle eine Datei namens <code>style.css<\/code>.<\/li>\n<\/ol>\n\n\n\n<p>2. <strong>F\u00fcge den folgenden Code in die <code>style.css<\/code> Datei ein<\/strong>:<\/p>\n\n\n\n<pre><code class=\"language-css\">\n\/*\n Theme Name: Walid Alghanim\n Template:   twentytwentyfour\n Description: Child Theme of Twenty Twenty-Four\n Version: 1.0.0\n *\/\n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Theme Name<\/strong>: Der Name deines Child-Themes.<\/li>\n\n\n\n<li><strong>Template<\/strong>: Der Verzeichnisname des Parent-Themes, hier <code>twentytwentyfour<\/code>.<\/li>\n\n\n\n<li><strong>Description<\/strong>: Eine kurze Beschreibung deines Child-Themes.<\/li>\n\n\n\n<li><strong>Version<\/strong>: Die Version deines Child-Themes<\/li>\n<\/ul>\n\n\n\n<p> 3. <strong>Speichere die Datei<\/strong>: Lege sie im Ordner <code>twentytwentyfour-child<\/code> ab.<\/p>\n\n\n\n<p class=\"has-large-font-size\">3. F\u00fcge die <code>functions.php<\/code> Datei hinzu<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Erstelle eine neue Datei<\/strong>: \u00d6ffne einen Texteditor und erstelle eine Datei namens <code>functions.php<\/code>.<\/li>\n\n\n\n<li><strong>F\u00fcge den folgenden Code in die <code>functions.php<\/code> Datei ein<\/strong>:<\/li>\n<\/ol>\n\n\n\n<pre><code class=\"language-php\">\n&lt;?php\n\/\/ Theme-Setup-Funktion\nfunction theme_slug_setup() {\n    \/\/ Unterst\u00fctzung f\u00fcr Block-Stile aktivieren\n    add_theme_support( 'wp-block-styles' );\n}\nadd_action( 'after_setup_theme', 'theme_slug_setup' );\n\n\/\/ Stylesheets des Parent-Themes einbinden\nfunction walid_ghanim_enqueue_styles() {\n    wp_enqueue_style( \n        'walid-ghanime-style', \n        get_parent_theme_file_uri( 'style.css' )\n    );\n}\nadd_action( 'wp_enqueue_scripts', 'walid_ghanim_enqueue_styles' );\n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>theme_slug_setup<\/strong>: Diese Funktion aktiviert die Unterst\u00fctzung f\u00fcr Block-Stile.<\/li>\n\n\n\n<li><strong>walid_ghanim_enqueue_styles<\/strong>: Diese Funktion bindet das Stylesheet des Parent-Themes in dein Child-Theme ein.<\/li>\n<\/ul>\n\n\n\n<p>3. <strong>Speichere die Datei<\/strong>: Lege sie im Ordner <code>twentytwentyfour-child<\/code> ab.<\/p>\n\n\n\n<p class=\"has-large-font-size\">4. Aktiviere das Child-Theme<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Gehe zu deinem WordPress-Adminbereich<\/strong>: Melde dich bei deinem WordPress-Backend an.<\/li>\n\n\n\n<li><strong>Navigiere zu &#8220;Design&#8221; > &#8220;Themes&#8221;<\/strong>: Hier siehst du eine Liste aller verf\u00fcgbaren Themes.<\/li>\n\n\n\n<li><strong>Aktiviere dein Child-Theme<\/strong>: Finde das &#8220;Walid Alghanim&#8221; Child-Theme und klicke auf &#8220;Aktivieren&#8221;.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-large-font-size\">5. Teste dein Child-Theme<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u00dcberpr\u00fcfe deine Website<\/strong>: Stelle sicher, dass das Child-Theme korrekt aktiviert ist und dass das Stylesheet des Parent-Themes geladen wird.<\/li>\n\n\n\n<li><strong>Passe das Child-Theme an<\/strong>: Du kannst jetzt Anpassungen an deinem Child-Theme vornehmen, ohne die Dateien des Parent-Themes zu ver\u00e4ndern.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Ein Child-Theme ist eine sichere und effektive M\u00f6glichkeit, Anpassungen an deinem WordPress-Theme vorzunehmen, ohne die urspr\u00fcnglichen Dateien des Parent-Themes zu ver\u00e4ndern. In dieser Anleitung zeigen wir dir Schritt f\u00fcr Schritt, wie du ein Child-Theme f\u00fcr das Twenty Twenty-Four-Theme erstellst. 1. Erstelle einen neuen Ordner f\u00fcr dein Child-Theme 2. F\u00fcge die style.css Datei hinzu 2. F\u00fcge [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":907,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-906","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorised"],"_links":{"self":[{"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/posts\/906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/comments?post=906"}],"version-history":[{"count":1,"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/posts\/906\/revisions"}],"predecessor-version":[{"id":908,"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/posts\/906\/revisions\/908"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/media\/907"}],"wp:attachment":[{"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/media?parent=906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/categories?post=906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/tags?post=906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}