I had the same issue, but with the audio player. First of all, you need enqueue MediaElement styles wp_enqueue_style( ‘wp-mediaelement’ ); Next you need to add wp-mediaelement as dependency of your app script or enqueue it. wp_enqueue_script(‘wp-mediaelement’); or wp_enqueue_script( ‘app’, get_stylesheet_directory_uri() . ‘/js/app.js’, array( ‘jquery’, ‘wp-mediaelement’ )); As result you need something like that: function … Read more
Try this. You have to call wp_enqueue_script at the appropriate time, so that it can queue your scripts until the dependencies you specify are called – add_action(‘wp_enqueue_scripts’, ‘enqueue_my_scripts’); function enqueue_my_scripts(){ wp_enqueue_script( ‘jscripts’, get_stylesheet_directory_uri() . “/scripts/jscripts.js”, array(‘jquery-ui-datepicker’)); echo wp_script_is(‘jquery-ui-datepicker’, ‘queue’) ? ‘<br>’ . ‘[jquery-ui-datepicker] Script is enqueued’ . ‘<br>’ : ‘<br>’ . ‘[jquery-ui-datepicker] Script not enqueued’ … Read more
You load the header file probably with get_header(). There is a hook you can use: ‘get_header’. You get the called header name as parameter. add_action( ‘get_header’, ‘wpse_54865_conditional_enqueue’ ); function wpse_54865_conditional_enqueue( $name ) { if ( ‘my_custom_header_name’ === $name ) { // register your script loading function } }
I think you should just enqueue the script as well (for your validate script). I would wrap it around one whole function as well to avoid issue #11526: calling out Thus all together: <head> … <?php function mytheme_enqueue_script() { // Load jQuery wp_enqueue_script(‘jquery’); // Load draggable wp_enqueue_script(‘jquery-ui-draggable’); //load your script wp_enqueue_script(‘commonfunctions’, child_template_directory . ‘/script/commonfunctions.js’, array(‘jquery’, … Read more
When you look at the <style|script> tags in your head, you will notice the id attribute there. Example: id=’bootstrap-css’ This – in most cases – was added by a function hooked to wp_enqueue_scripts, wp_enqueue_styles or wp_register_scripts or wp_register_styles hook. In the worst case it was hooked to either the wp_head or the wp_print_scripts hook. In … Read more
First of all, you are NOT enqueuing the script.. Try this code, working in my test install. function load_my_scripts() { // Create the localizations array $localize = array( ‘ajaxurl’ => admin_url( ‘admin-ajax.php’ ), ); // Register The Script First wp_register_script(‘custom-js’, get_stylesheet_directory_uri() . ‘/js/custom.js’, array(‘jquery’)); wp_enqueue_script(‘twentyfifteen-custom-js’, get_template_directory_uri() . ‘/js/custom.js’, array(), ‘20141010’, true); // Register the localization … Read more
Script dequeuing calls should be added to the wp_print_scripts action hook, like so: add_action(‘wp_print_scripts’,’example_dequeue_myscript’); function example_dequeue_myscript() { wp_dequeue_script( ‘myscript’ ); } This is because scripts are typically enqueued on the wp_enqueue_script hook, which happens early in the wp_head process. The wp_print_scripts hook happens right before scripts are printed, and thus is latest in the process.
It appears that ‘customize_controls_enqueue_scripts’ also works and may be the intended function. function theme_customize_style() { wp_enqueue_style(‘customize-styles’, get_template_directory_uri() . ‘/customize.css’); } add_action( ‘customize_controls_enqueue_scripts’, ‘theme_customize_style’ );
wp_is_mobile() does not really solve your problem completely. To be honest here, there is no logic in WordPress to achieve what you want First of all, wp_is_mobile() only checks for mobile devices. Tablets are excluded from this Window sizes are determined on browser side, not server side, so there are no way for php to … Read more
I am presuming you want to add this as resource hints on the HTML and not as an server push header. As preload is not supported by WP native wp_resource_hints function, you would need to create a custom function printing the preload tags and add somewhere in the beginning of head section of the HTML. … Read more