wp-enqueue-script - Read For Learn

Is it possible to enqueue a script from a widget method (of extended WP_Widget object)?

It’s not true that you have to use wp_localize_script before the wp_head. Since 3.3 you can use wp_enqueue_script in the body of the document (i.e. in a widget or shortcode callback) and the script is loaded in the footer. Here’s a skeleton class I’ve used for adding variables for each instance of a widget to … Read more

Check if page/post has any anchors that link to an image jpg/gif/png

This method has worked in the past for checking if a shortcode exists on a page. You will have to test it and see if it fires in time to enqueue the javascript> add_filter(‘the_posts’, ‘c3_image_check’); function c3_image_check($posts){ if (empty($posts)) return $posts; $img_found = false; foreach ($posts as $post) { if (stripos($post->post_content, ‘<img src=”https://wordpress.stackexchange.com/questions/53585/)) { $img_found … Read more

Multisite plugin development and wp_enqueue_script

As @Even commented, instead of url_to_postid(), you should be using something like this: if ( ! is_single() ) { return; } $post = get_post(); url_to_postid() is a round-about way of getting the ID of the current post, when WordPress has already determined what the current post is, i.e., it has already parsed the URL to … Read more

Enqueue AWS Script

Try to save jQuery.noConflict(); as jquery-no-conflict.js. Then enqueue everything with proper dependencies: <?php function img_scripts_with_jquery() { wp_enqueue_script( ‘jquery-no-conflict’, ‘path/to/jquery-no-conflict.js’, array( ‘jquery’ ), ‘version’, true ); wp_enqueue_script( ‘aws-cba’, ‘https://images-na.ssl-images-amazon.com/images/G/01/cba/js/common/cba_shared.js’, array( ‘jquery-no-conflict’ ), ‘version’, true ); wp_enqueue_script( ‘aws-merchant-cart’, ‘https://images-na.ssl-images-amazon.com/images/G/01/cba/js/shoppingcart/merchant_cart.js’, array( ‘jquery-no-conflict’ ), ‘version’, true ); } add_action( ‘wp_enqueue_scripts’, ‘img_scripts_with_jquery’ );

Asset loading with gulp.js or Grunt

I’ve been messing around with it some more and the best way I can think of is to register the scripts that are going to be combined and set their source to false to prevent other plugins from loading them. I know it’s not the best solution and is a little hacky but can’t think … Read more

How resource intensive is wp_register_script()?

wp_register_script() just adds an entry to an array, it doesn’t do anything resource intensive. See WP_Dependencies::add(). Registering scripts early helps to avoid collisions, so you should do that always on wp_loaded.

Is it safe to enqueue a font style without putting http or https?

Yes this is fine and is a good practice, especially if your site may switch between HTTPS/HTTP (like for a shopping cart etc) that way you are not loading mixed content. As long as the CDN you are pulling from offers both HTTPS and HTTP you’re fine, which they do.

Bootstrap js refuses to load

Expanding @RRikesh comment, you might have enqueued/loaded the bootstap.js with same handle theme-js. So only one script gets enqueued. Try to use different handle for example nav-sidebar. See the following code. Also it’s recommended to use prefix, here I used wpse. Also use get_template_directory_uri instead of get_stylesheet_directory_uri() if it’s not a child theme. function wpse_sidebar … Read more

How to properly add Bootstrap and JQuery Javascripts?

WordPress loads jQuery because plugins and themes suppose it does. If you want another version of jQuery for your theme, there is a risk that plugins you may be using will not work, since (if they are maintained well) they are designed to work with default jquery. That said, if you insist on using your … Read more

wp_enqueue_script fails to include in footer

Use the approach below to enqueue your scripts using a single action hook: /** * Proper way to enqueue scripts. * The same approach can be used to enqueue styles. */ function my_interface_enqueues() { wp_enqueue_script( ‘require-js’, plugin_dir_url( __FILE__ ) . ‘js/libs/requirejs/require.js’, array(), ‘1.0.0’, true ); wp_enqueue_script( ‘main-js’, plugin_dir_url( __FILE__ ) . ‘js/main.js’, array(), ‘1.0.0’, true … Read more

+ More