Nur eine Handvoll WordPress -Benutzer verwendet ein untergeordnetes Thema, und das liegt daran, dass viele der Benutzer nicht wissen, was ein untergeordnetes Thema oder ein untergeordnetes Thema^{(Creating Child Theme)} in WordPress ist . Nun^(Well) , die meisten Leute, die WordPress verwenden , neigen dazu, ihr Design zu bearbeiten oder anzupassen, aber all diese Anpassungen gehen verloren, wenn Sie Ihr Design aktualisieren, und hier kommt die Verwendung von untergeordneten Designs. Wenn Sie ein untergeordnetes Design verwenden, werden alle Ihre Anpassungen gespeichert und Sie können das übergeordnete Design problemlos aktualisieren.

Child-Theme in WordPress erstellen

Erstellen eines untergeordneten Designs aus einem unveränderten übergeordneten Design^{(Creating a Child Theme from an Unmodified Parent Theme)}

Um ein untergeordnetes Thema in WordPress zu erstellen , müssen Sie sich bei Ihrem cPanel anmelden und zu public_html und dann zu wp-content/themes navigieren, wo Sie einen neuen Ordner für Ihr untergeordnetes Thema erstellen müssen (Beispiel /Twentysixteen-child/). Stellen Sie sicher, dass der Name des untergeordneten Themenverzeichnisses keine Leerzeichen enthält, da dies zu Fehlern führen kann.

Empfohlen:^{(Recommended:)} Sie können auch das One-Click-Child-Theme-Plugin verwenden , um ein Child-Theme zu erstellen (nur aus einem unveränderten Parent-Theme).

Jetzt müssen Sie eine style.css-Datei für Ihr Child-Theme erstellen (innerhalb des gerade erstellten Child-Theme-Verzeichnisses). Sobald Sie die Datei erstellt haben, kopieren Sie einfach den folgenden Code und fügen Sie ihn ein ( ändern^(Change) Sie die folgenden Details gemäß Ihren Designspezifikationen):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Hinweis: ^(Note: ) Die Template -Zeile ( Template : Twentysixteen) muss gemäß Ihrem aktuellen Namen des Theme-Verzeichnisses geändert werden (das Parent-Theme, dessen Kind wir erstellen). Das Parent-Theme in unserem Beispiel ist das Twenty Sixteen -Theme, also ist das Template Twentysixteen.

Früher wurde @import verwendet, um das Stylesheet vom Parent- zum Child-Theme zu laden, aber jetzt ist es keine gute Methode, da es die Zeit zum Laden des Stylesheets erhöht. Anstelle von @import verwenden Sie am besten PHP -Funktionen in der Datei functions.php Ihres Child-Themes, um das Stylesheet zu laden.

Um die functions.php-Datei zu verwenden, müssen Sie eine in Ihrem Child-Theme-Verzeichnis erstellen. Verwenden Sie den folgenden Code in Ihrer Datei functions.php:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>

Der obige Code funktioniert nur, wenn Ihr übergeordnetes Design nur eine .css-Datei verwendet, um den gesamten CSS -Code zu speichern.

Wenn Ihr untergeordnetes Design style.css tatsächlich CSS -Code enthält (wie es normalerweise der Fall ist), müssen Sie ihn ebenfalls in die Warteschlange einreihen:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

Es ist an der Zeit, Ihr untergeordnetes Design zu aktivieren, melden Sie sich bei Ihrem Admin-Panel an, gehen Sie dann zu Appearance > Themes und aktivieren Sie Ihr untergeordnetes Design aus der verfügbaren Liste von Designs.

Hinweis:^(Note:) Möglicherweise müssen Sie Ihr Menü ( Appearance > Menus ) und Designoptionen (einschließlich Hintergrund- und Kopfzeilenbilder) erneut speichern, nachdem Sie das untergeordnete Design aktiviert haben.

Wann immer Sie jetzt Änderungen an Ihrer style.css oder functions.php vornehmen möchten, können Sie dies ganz einfach in Ihrem untergeordneten Design tun, ohne den Ordner des übergeordneten Designs zu beeinträchtigen.

Erstellen eines untergeordneten Designs^{(Child Theme)} in WordPress aus Ihrem übergeordneten Design, aber die meisten von Ihnen haben Ihr Design bereits angepasst, dann wird Ihnen die obige Methode überhaupt nicht helfen. Sehen Sie sich in diesem Fall an, wie Sie ein WordPress -Theme aktualisieren, ohne die Anpassung zu verlieren.

Wenn Sie hoffen, dass dieser Artikel hilfreich für Sie war, Sie aber noch Fragen zu diesem Leitfaden haben, können Sie diese gerne in den Kommentaren stellen.

Creating Child Theme in WordPress

Only a handful of WordPress users useѕ a child theme and that’s beсause many of the users don’t know what is a child theme or Creating Child Τheme in WordPress. Well, most of the people using WоrdPress tend to edit оr customize their theme but all that cυstomization is lost when yoυ update your theme and that’s where the use of child theme comes. When you use a child theme then all your customization will be saved and you can easily update the parent theme.

Creating a Child Theme from an Unmodified Parent Theme

In order to create a child theme in WordPress you need to login to your cPanel and navigate to the public_html then wp-content/themes where you have to create a new folder for your child theme (example /Twentysixteen-child/). Make sure you don’t have any spaces in the name of child theme directory which may result in errors.

Recommended: You can also use One-Click Child Theme plugin to create a child theme(only from an unmodified parent theme).

Now you need to create a style.css file for your child theme (inside the child theme directory you just created). Once you have created the file just copy and paste the following code (Change below details according to your theme specifications):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Note: The Template line (Template: twentysixteen) is to be changed according to your current name of the theme directory(the parent theme whose child we are creating). The parent theme in our example is the Twenty Sixteen theme, so the Template will be twentysixteen.

Earlier @import was used to load the stylesheet from parent to the child theme, but now it’s not a good method as it increases the amount of time to load the stylesheet. In place of using @import its best to use PHP functions in your child theme functions.php file to load the stylesheet.

In order to use functions.php file you need to create one in your child theme directory. Use the following code in your functions.php file:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>

The above code only works if your parent theme uses only one .css file to hold all the CSS code.

If your child theme style.css contain actually CSS code (as it normally does), you will need to enqueue it as well:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

It’s time to activate your child theme, login to your admin panel then go to Appearance > Themes and activate your child theme from the available list of themes.

Note: You may need to re-save your menu (Appearance > Menus) and theme options (including background and header images) after activating the child theme.

Now whenever you want to make changes to your style.css or functions.php you can easily do that in your child theme without affecting the parent theme folder.

Creating Child Theme in WordPress from your parent theme, but most of you have already customized your theme then the above method is not going to help you at all. In that case, check out how to update a WordPress Theme without losing customization.

If hope this article was helpful to you but if you still have any question regarding this guide please feel free to ask them in comments.

Thorsten Roth

About the author

Ich bin Informatiker mit den Schwerpunkten Datenschutz und Benutzerkonten und Familiensicherheit. Ich habe in den letzten Jahren an der Verbesserung der Smartphone-Sicherheit gearbeitet und habe Erfahrung in der Zusammenarbeit mit Gaming-Unternehmen. Ich habe auch mehrfach über die Probleme im Zusammenhang mit Benutzerkonten und Spielen geschrieben.

Child-Theme in WordPress erstellen

Child-Theme in WordPress erstellen

Erstellen eines untergeordneten Designs aus einem unveränderten übergeordneten Design^{(Creating a Child Theme from an Unmodified Parent Theme)}

Creating Child Theme in WordPress