[et_pb_section fb_built=“1″ admin_label=“section“ _builder_version=“4.21.0″ custom_margin=“||||false|false“ custom_padding=“0px||40px||false|false“ global_colors_info=“{}“][et_pb_row admin_label=“row“ _builder_version=“4.18.0″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ custom_padding=“||||false|false“ global_colors_info=“{}“][et_pb_column type=“4_4″ _builder_version=“4.16″ custom_padding=“|||“ global_colors_info=“{}“ custom_padding__hover=“|||“][et_pb_text _builder_version=“4.21.0″ _module_preset=“c0ae98a9-b2c6-434f-a771-66df9e5780aa“ custom_margin=“||10px||false|false“ global_colors_info=“{}“]<\/p>\n
[\/et_pb_text][et_pb_text _builder_version=“4.18.1″ _module_preset=“default“ custom_margin=“||50px||false|false“ locked=“off“ global_colors_info=“{}“]<\/p>\n
Hierf\u00fcr schwenke ich kurz auf die Vogelperspektive einer WordPress-Seite aus. WordPress ist ein Content Management System, mit dem sich Onlineauftritte jeder Art erstellen lassen. WordPress selbst verf\u00fcgt zwar \u00fcber s\u00e4mtliche Tools zur Bearbeitung einer Webseite, bringt aber nicht viel an Funktionalit\u00e4t und Designm\u00f6glichkeiten mit.<\/p>\n
Genau das \u00fcbernimmt ein Theme. Ein Theme verleiht deiner WordPress Website je nach Auswahl schier unendliche Design- und Funktionalit\u00e4tsm\u00f6glichkeiten.<\/p>\n
Ein Child-Theme ist, wie der Name schon verr\u00e4t, ein Kind dieses Parent Themes<\/strong> und erbt s\u00e4mtliche Funktionalit\u00e4t<\/strong> von diesem und erm\u00f6glicht Anpassungen und Erweiterungen am Parent Theme (= Haupttheme)<\/strong>.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=“4.21.0″ _module_preset=“c0ae98a9-b2c6-434f-a771-66df9e5780aa“ custom_margin=“||10px||false|false“ global_colors_info=“{}“]<\/p>\n [\/et_pb_text][et_pb_text _builder_version=“4.18.1″ _module_preset=“default“ custom_margin=“||50px||false|false“ locked=“off“ global_colors_info=“{}“]<\/p>\n Wenn du also etwas in einer WordPress-Datei, wie beispielsweise die style.css, wp-config.php oder functions.php, \u00e4ndern oder erg\u00e4nzen musst, kannst bzw. wie du gleich sehen wirst, solltest du das \u00fcber dein Child Theme machen.\u00a0<\/p>\n Das Problem ist n\u00e4mlich, dass es bei (gr\u00f6\u00dferen) Theme Updates vorkommen kann, dass das Update alle manuellen \u00c4nderungen l\u00f6scht bzw. \u00fcberschreibt. Dann sind all deine \u00c4nderungen weg.\u00a0<\/p>\n [\/et_pb_text][et_pb_text _builder_version=“4.21.0″ _module_preset=“c0ae98a9-b2c6-434f-a771-66df9e5780aa“ custom_margin=“||10px||false|false“ global_colors_info=“{}“]<\/p>\n [\/et_pb_text][et_pb_text _builder_version=“4.18.1″ _module_preset=“default“ custom_margin=“||50px||false|false“ locked=“off“ global_colors_info=“{}“]<\/p>\n Verlustfreie Updates und Sicherheit.<\/strong> Dadurch, dass alle \u00c4nderungen im Child-Theme vorgenommen wurden, besteht keine Gefahr, dass diese beim n\u00e4chsten Update weg sind.<\/p>\n Klare Struktur und schnelles Verst\u00e4ndnis. <\/strong>Dadurch, dass alle Anpassungen im Child Theme vorgenommen werden, ist sehr schnell einsehbar, was am Theme alles angepasst oder erweitert wurde. Werden alle \u00c4nderungen in Haupttheme vorgenommen, ist es extrem aufwendig (viele verschiedene Dateien!), herauszufinden, woran \u00fcberall gearbeitet wurde.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=“4.21.0″ _module_preset=“c0ae98a9-b2c6-434f-a771-66df9e5780aa“ custom_margin=“||10px||false|false“ global_colors_info=“{}“]<\/p>\n Ein Child Theme l\u00e4sst sich entweder manuell oder mit einem Generator erstellen.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=“4.21.0″ _module_preset=“c0ae98a9-b2c6-434f-a771-66df9e5780aa“ custom_margin=“||||false|false“ locked=“off“ global_colors_info=“{}“]<\/p>\n Ein Child Theme l\u00e4sst sich relativ einfach selbst erstellen. Neuen Ordner f\u00fcr das Child Theme in wp-content\/themes anlegen und eine style.css und functions.php mit bestimmten Angaben erstellen. Danach kannst du das Child Theme in WordPress schon aktivieren.<\/p>\n In der style.css<\/strong> musst du folgenden Code mit deinen eigenen Angaben einf\u00fcgen:<\/p>\n [\/et_pb_text][et_pb_text _builder_version=“4.18.1″ _module_preset=“default“ background_color=“#E3E3E3″ max_width=“40%“ max_width_tablet=“100%“ max_width_phone=“100%“ max_width_last_edited=“on|phone“ custom_padding=“20px|20px|20px|20px|true|true“ custom_padding_tablet=“20px|20px|20px|20px|true|true“ custom_padding_phone=“|8px||8px|true|true“ custom_padding_last_edited=“on|phone“ border_radii=“on|10px|10px|10px|10px“ global_colors_info=“{}“]<\/p>\n \/* [\/et_pb_text][et_pb_text _builder_version=“4.18.1″ _module_preset=“default“ locked=“off“ global_colors_info=“{}“]<\/p>\n In der functions.php<\/strong> brauchen wir folgenden Code (hier musst du keine \u00c4nderungen vornehmen):<\/p>\n [\/et_pb_text][et_pb_text _builder_version=“4.18.1″ _module_preset=“default“ background_color=“#E3E3E3″ max_width=“80%“ max_width_tablet=“100%“ max_width_phone=“100%“ max_width_last_edited=“on|phone“ custom_padding=“20px|20px|20px|20px|true|true“ custom_padding_tablet=“20px|20px|20px|20px|true|true“ custom_padding_phone=“|8px||8px|true|true“ custom_padding_last_edited=“on|phone“ border_radii=“on|10px|10px|10px|10px“ global_colors_info=“{}“]<\/p>\n <?php [\/et_pb_text][et_pb_text _builder_version=“4.24.0″ _module_preset=“c0ae98a9-b2c6-434f-a771-66df9e5780aa“ custom_margin=“||50px||false|false“ locked=“off“ global_colors_info=“{}“]<\/p>\nWarum brauche ich ein Child Theme?<\/h2>\n
Hauptvorteile eines Child Theme<\/h2>\n
So erstellst und verwendest du ein Child Theme in unter 5 Minuten<\/h2>\n
Manuelle Erstellung<\/h3>\n
Theme Name: Name deines Child-Themes
Description: Beschreibung deines Child
Themes Author: Dein Name
Author URI: URL deiner Website
Template: Name des Parent Theme
Ordners Version: 1.0.0
*\/<\/p>\n
function enqueue_child_styles() {
wp_enqueue_style( ‚child-style‘, get_stylesheet_directory_uri() .’\/style.css‘ , array(‚parent-style‘));
}
add_action( ‚wp_enqueue_scripts‘, ‚enqueue_child_styles‘ );<\/p>\nErstellung mit einem Generator<\/h3>\n