Enqueue CSS and JavaScript in Themes

Enqueue CSS and JavaScript in Themes — a practical guide to wp_enqueue_style theme with clear examples you can reuse in real projects.

WordPress Theme Development Series (39/96). Prefer one article? Read the complete WordPress theme development tutorial.

Short description

Enqueue on `wp_enqueue_scripts`, set dependencies/versions, and load JS in the footer when possible.

Enqueue theme assets

add_action('wp_enqueue_scripts', function () {
  wp_enqueue_style('acme-style', get_stylesheet_uri(), [], wp_get_theme()->get('Version'));
  wp_enqueue_script('acme-main', get_template_directory_uri() . '/assets/js/main.js', [], '1.0.0', true);
});