javascript 创建子主题并加载自定义JS和CSS

Posted 2021-05-03

<?php
/**
 * @package 	WordPress
 * @subpackage 	Theme Child
 * @version		1.0.0
 *
 * Child Theme Functions File
 * Created by ecDesign Studio
 *
 */


function child_enqueue_styles() {
    wp_enqueue_style('child-style', get_stylesheet_uri(), array(), '1.0.0', 'screen, print');
}
add_action('wp_enqueue_scripts', 'child_enqueue_styles', 11);


function child_enqueue_custom_scripts() {
    if ( !is_admin() ) {
        wp_enqueue_script(
            'custom-scripts',
            get_stylesheet_directory_uri().'/custom.js',
            array( 'jquery' ), // dependencias
            '1.0', // versión
            false // incluir script en la sección header del HTML
        );
    }
}
add_action( 'wp_enqueue_scripts', 'child_enqueue_custom_scripts' ); // hook que dispara la función para agregar scripts.
add_action( 'wp_print_scripts', 'child_enqueue_custom_scripts', 100 ); // si quieres garantizar que lo carga despues del resto de scripts


?>

/*
Theme Name: <Theme Child name>
Theme URI: http://themeurl.com
Author: ecDesign Studio
Author URI: http://ecdesign.es/
Description: Child theme description
Template: <base template dir name>
Version: 1.0.0
License:
License URI:
Text Domain: <child theme folder>
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

custom js code