Example: I have more than one page templates that contain a very specific get_template_part( ‘form’, ‘search’ ) included. I need the inclusion of a script (let’s say jQuery UI) on all the pages that refer to a template that includes form-search.php. For a Block Theme YES! Because WP has to load the template before it … Read more
How to enqueue additional scripts and styles after loading another post into the DOM?
Why is my JS not working on initial load?
Uncaught ReferenceError: custom_ajax is not defined
Frontend Enqueued Files in the Backend
I think this can help you. I did something similar in one of the plugins I’m developing. static function enqueue_admin_scripts( string $hook_suffix ): void { if ( self::get_page_hook_suffix() !== $hook_suffix ) { return; } $utils_path = self::get_utils_script_path(); if ( ! empty( $utils_path ) ) { wp_enqueue_script( ‘my-plugin-utils’, $utils_path ); } } static function get_utils_script_path(): string … Read more
The best practice way would be to create a REST API endpoint using register_rest_route() hooked to rest_api_init that your Javascript can query.
the wp_script_add_data() method itself is not adding async attribute to the script tag. It just add a metadata to the script. As examples were already given earlier in few answers the following could work for you: wp_enqueue_script(‘pledge-js’, ‘https://www.pledge.to/assets/widget.js’, array( ‘jquery’ ), null, true); wp_script_add_data( ‘pledge-js’, ‘async’, true); add_filter(‘script_loader_tag’, ‘async_scripts’, 3, 10); function async_scripts($tag, $handle, $src) … Read more
How to add Gutenberg editor on frontend page?
While you can’t obfuscate/hide the code, you can restrict access by domain: https://developers.google.com/maps/api-security-best-practices