Um Anpassungen an VendiPro vorzunehmen (z.B. Stylesheet-Anpassungen oder auch das Überschreiben von Templates) solltet ihr auf jeden Fall ein Child Theme nutzen. Der Große Vorteil von Child Themes liegt darin begründet, dass bei Updates des Eltern Themes (in diesem Fall VendiPro) die individuellen Anpassungen nicht verloren gehen (bei einem Update wird der gesamte Order “themes/vendipro” gelöscht und anschließend neu hinzugefügt).
Viele Nutzer erstellen die Child Theme in WordPress allerdings auf etwas ungewöhnliche Weise, was dazu führen kann, dass die Style-Angaben im Stylesheet des Child Themes nicht richtig greifen. Aus diesem Grund möchten wir euch hier eine kleine Anleitung präsentieren, wie ihr in nur 3 Schritten ein Child Theme für VendiPro erstellen könnt:
1. Child Theme Ordner anlegen
Als erstes müsst ihr in eurem Theme-Verzeichnis (wp-content/themes) einen neuen Ordner anlegen (z.B. vendipro-child). In diesem Ordner müsst ihr folgende Dateien anlegen:
- style.css
- functions.php
Natürlich könnt ihr dort auch alle Templates (z.B. header.php oder woocommerce/cart/mini-cart.php) hinzufügen, die ihr überschreiben möchtet (es greifen immer zuerst die Templates aus dem Child Theme).
2. Datei functions.php befüllen
Damit das Stylesheet (style.css) korrekt geladen wird benötigen wir einen sogenannten Hook.
<?php
function vp_child_theme_styles() {
wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'vendipro' ) );
}
add_action( 'wp_enqueue_scripts', 'vp_child_theme_styles', PHP_INT_MAX);
?>
2. Stylesheet anlegen
Nun müsst ihr noch das Child Theme Stylesheet anlegen (style.css). Diese Datei könnte z.B. folgendermaßen aussehen:
/*
Theme Name: VendiPro Child
Theme URI: http://vendidero.de
Description: VendiPro Child Theme
Author: Dennis Nissle
Author URI: http://vendidero.de
Template: vendipro
wc_gzd_compatible: true
Version: 1.0.0
*/
/* =Theme customization starts here
-------------------------------------------------------------- */
Nach dem Kommentar “Theme customization starts here” könnt ihr dann eure eigenen Style-Angaben angeben. Mit Hilfe des Kommentars “wc_gzd_compatible: true” könnt ihr WooCommerce Germanized darauf hinweisen, dass es sich um ein kompatibles Theme handelt (auf diese Art und Weise bekommt ihr keine Inkompatibilitätswarnungen mehr).
Wichtig: Das Child-Theme muss anschließend auch als Theme im WP-Backend ausgewählt und aktiviert werden.
Wir haben euch das Child Theme für VendiPro auch mal als zip-File zusammengestellt. Die Datei kannst du einfach hier downloaden:
VendiPro Child Theme downloaden