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' );