JavaScript in WordPress einbinden per Child Theme

Am Beispiel eine Child-Themes für http://www.wp-stripped.com/

Theme-Name: stripped
Child-Theme-Name: child-theme-s

In einen neuen Ordner unter wp-content/themes/ fügst du einen neuen Ordner ein mit dem Namen “child-theme-s” ein. (wp-content/themes/child-theme-s/) In den Ordner brauchen nur zwei Dateien + deine JavaScript Datei im Unterordner /includes/js/

Hier der Code für die zwei Dateien:

Code für die style.css

/*
Theme Name: child-theme-s
Description: Childtheme
Author: Phillip Roth
Author URI: https://www.philliproth.de
Template: stripped
Version: 1.0
Tags:
*/

 

Code für die functions.php. In der functions.php wird zuerst das Stylesheet des Parent-Themes geladen, dann das Stylesheet des Child-Themes und dann deine JavaScript-Datei.

<?php
/**
 * Functions and definitions for child-theme-s
 *
 * @package WordPress
 * @subpackage child-theme-s
 * @version 1.0
 * @author https://www.philliproth.de
 */


/* Enqueue parent stylesheet first, child stylesheet second*/
function child_theme_s_enqueue_styles() {

 $parent_style = 'parent-style';

 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 )
 );
}
add_action( 'wp_enqueue_scripts', 'child_theme_s_enqueue_styles' );


/* Enqueue Javascript in /child-theme-s/includes/js/ */
function child_theme_s_scripts(){
 
 wp_enqueue_script('child-theme-s-js', get_stylesheet_directory_uri() . '/includes/js/child-theme.js');
 
 }
 
add_action( 'wp_enqueue_scripts', 'child_theme_s_scripts' );