'WordPress dynamically include scripts and styles

I have a basic bunch of CSS/Js files defined in my functions.php file. There I register and enqueue those scripts and stylesheets.

But in specific situations I want to load additional scripts based on the site template which is used.

I tried to register and enqueue those additional scripts in the specific template file, but it didnt work. It does only work when included in the functions.php.

What is the correct way to do this?

Solution 1:^[1]

You can try like this

add_action( 'wp_enqueue_scripts', 'enqueue_file' );
 
 function enqueue_file() {
  if(is_front() || is_archive()){ // you can set here condition
      wp_enqueue_style( 'main-css', get_template_directory_uri() . 
      '/static/css/main.min.css"' ); 
  }
}

Solution 2:^[2]

add this to your functions.php in child theme:

add_action(
    'wp_enqueue_scripts',
    'loadActionFrontend'
);


function loadActionFrontend()
{
    if( is_page( 'pageid here' ) ) {
        wp_register_script(
            'scriptName',
            'scripturl',
            [],
            '',
            true
        );

        wp_enqueue_script('scriptName');
    }
}

with the query if( is_page( 'pageid here' ) ) you can insert your desired pageid where the script shold loaded.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Ab Rasel
Solution 2	Codeschreiber.de

'WordPress dynamically include scripts and styles

Solution 1:[1]

Solution 2:[2]

Sources

Related Questions

Solution 1:^[1]

Solution 2:^[2]