wp-enqueue-script - Read For Learn

JavaScript is not enqueuing

The name prototype is already used by WordPress. In wp-includes/script-loader.php, you’ll find this line: $scripts->add( ‘prototype’, ‘https://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js’, array(), ‘1.7.1’); Your file will be correctly enqueued if you change the script handle: wp_enqueue_script( ‘yourprefix_prototype’, plugins_url( ‘/prototype.js’, __FILE__ ), array(‘jquery’), ‘1.0’, true ); You’ll find the list of included JS scripts and their handles on the wp_enqueue_script() … Read more

Not all my scripts are enqueueing

Please try to change handler common name.

How to remove all enqueued assets from the active theme?

Here you go. I took this out of my mailoptin plugin. Adapt the code to your use case. add_action(‘wp_enqueue_scripts’, function () use ($wp_get_theme) { global $wp_styles; global $wp_scripts; $wp_get_theme = wp_get_theme(); $child_theme = $wp_get_theme->get_stylesheet(); $parent_theme = $wp_get_theme->get_template(); foreach ($wp_scripts->registered as $key => $value) { $src = $value->src; if (strpos($src, “themes/$child_theme/”) !== false || strpos($src, “themes/$parent_theme/”) … Read more

Enqueuing a script before anything else

You can change the order of the scripts but can’t have one script load before anything else. The HTML 5 enabling script is IE conditional so you probably don’t want to use wp_enqueue_script as it would load for all browser users which isn’t necessary. It’s ok to hard code it in your themes header. Even … Read more

Enqueueing Scripts and Styles

I think you are using the wp_enqueue_style the wrong way as it is not an action hook. wp_enqueue_scripts action hook is being used for enqueuing both scripts and styles. try this: function my_scripts_method() { wp_deregister_script( ‘jquery’ ); wp_deregister_script( ‘style’ ); wp_register_script( ‘jquery’, ‘//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js’ ); wp_register_style(‘style’, ‘//siteripe.com/style.css’ ); wp_enqueue_style(‘style’); } add_action(‘wp_enqueue_scripts’, ‘my_scripts_method’);

How to enqueue default scripts with dependency?

You don’t have to provide source or dependencies, they’re already registered by the script loader with those values, you just need to enqueue the proper handle.

Load same stylesheet for front end and wp-admin

Use special hooks For Admin panel: add_action(‘admin_enqueue_scripts’, ‘enqueue_scripts_and_styles_function’); For Front-end: add_action(‘wp_enqueue_scripts’, ‘enqueue_scripts_and_styles_function’);

wp_enqueue_scripts are apearing inline rather than as links

You should not use relative URLs when enqueuing media items. Use the full URL instead. There are two functions that can come in handy: get_theme_file_uri() and get_template_directory_uri(). So: wp_enqueue_script( ‘lightbox’, get_theme_file_uri( ‘/js/lightbox.js’ ) ); will be the correct syntax.

Use of CONSTANT in wp_enqueue_script not possible?

Parent theme’s functions.php is loaded after that of child theme. So your constants are not available at the moment of child theme loading. It is good practice to actually run any theme code at the hook after both themes are loaded. At the earliest at after_setup_theme hook. For enqueues is is explicitly documented that init … Read more

+ More