Seit gut 1 Jahr lese ich immer öfters von sogenannten WordPress Experten, dass man keine Child-Themes mehr braucht. Ich weiss nicht was für Drogen diese Leute konsumieren, aber ihr könnt gerne auf Childthemes verzichten – gibt dann nur Probleme – aber – ich freue mich immer über neue Kunden 🙂

Ihr wisst ja, ein Childtheme braucht man wenn man eigene PHP Funktionen in die functions.php Datei einbauen möchte, oder eigene CSS Klassen / IDs verwenden möchte. Wenn man das nämlich ins Hauptdesign Paket einbaut, und ihr macht dann ein Update eures Themes, dann wird der Ordner komplett überschrieben und eure Änderungen / Erweiterungen sind gelöscht 🙂

Wenn ihr aber diese Änderungen in ein Childtheme packt, dann wird das Eltern Theme überschrieben aber die Codes im Childtheme bleiben bestehen.

Darum hört nicht auf diese anderen Spezialisten sondern auf mich 🙂 Ihr werdet es mir danken.

2019 habe ich das letzte mal ein Beitrag über Child Themes geschrieben (DIVI Child Theme Download).

Heute gibts ein Update !

Etwas was mich nämlich immer gestört hat und ich euch unbedingt auch anbieten wollte, war ein Child Theme mit einem zusätzlichen File für Javascript Befehle. Ihr wisst ja unter Divi -> Theme Options -> Integration im Feld ≪Add code to the < head > of your blog≫ kann man eigene Javascript Befehle einbauen. Das funktioniert wunderbar – aber ich mag diesen Ort nicht wirklich sondern ich möchte das alles gut kommentiert bei beim Child Theme haben.

Ja, ich bin hier vielleicht ein wenig eigen – aber ich mag es wenn alle Code Snippet die ich sonst noch in ein Projekt einbaue halt am gleichen Ort abgespeichert wird und und nicht von Pontius zu Pilatus gehen muss.

Video

Download

Hier könnt ihr nun das neue Childtheme herunterladen
Download Divi Childtheme 2.0

Javascript

Wenn ihr nun ein zusätzliches Javascript Snippet einbauen möchtet, dann könnt ihr das direkt unter Design -> CHild Theme machen und zwar dort im File ≪custom.js≫. Und dann müsst ihr nicht mehr alles in < script > blabla < / script > eingeben sondern könnt es direkt so eingeben.

Ihr könnt es natürlich drin lassen, aber es könnte dann Error auftauchen – also aufgepasst.

Selbst erweitern?

Ihr möchtet euer altes Childtheme gerne selbst erweitern, das könnt ihr natürlich auch machen. Als erstes müsst ihr im Child Theme Ordner ein neues File erstellen zb custom.js oder app.js oder oder oder.

Danach müsst ihr in der functions.php Datei einfach nach dem css Enequeue Befehl diesen neuen Befehl eintragen.

1
2
3
4

function my_custom_scripts() {
    wp_enqueue_script( 'custom-js', get_stylesheet_directory_uri() . '/custom.js', array( 'jquery' ),'',true );
}
add_action( 'wp_enqueue_scripts', 'my_custom_scripts' );

und natürlich das custom.js so anpassen dass es den gleichen Name trägt wie das gerade eben erstellte Javascript File….

Wenn ihr keinen Fehler gemacht habt, dann solltet ihr nun ebenfalls eure Javascript Snippets im Childtheme Ordner abspeichern können.