Attention Interested in functions, hooks, classes, or methods? Check out the new WordPress Code Reference!

Plugin API/Action Reference/wp enqueue scripts


wp_enqueue_scripts is the proper hook to use when enqueuing items that are meant to appear on the front end. Despite the name, it is used for enqueuing both scripts and styles.


function themeslug_enqueue_style() {
	wp_enqueue_style( 'core', 'style.css', false ); 

function themeslug_enqueue_script() {
	wp_enqueue_script( 'my-js', 'filename.js', false );

add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_style' );
add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_script' );

To make a theme compatible with child themes, you can use functions to determine the correct path to the core stylesheets ( without using @import in the CSS ):

function themeslug_enqueue_style() {
    if ( is_child_theme() ) {
        // load parent stylesheet first if this is a child theme
	wp_enqueue_style( 'parent-stylesheet', trailingslashit( get_template_directory_uri() ) . 'style.css', false );
    // load active theme stylesheet in both cases
    wp_enqueue_style( 'theme-stylesheet', get_stylesheet_uri(), false );

add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_style' );

See also


External Links


Enqueue Styles

Enqueue Scripts

Front-End Hooks

Admin Hooks

Login Hooks