How are the UI Elements included on the page? If you use a shortcode, you can enqueue the js part (wp_enqueue_script) within the shortcode function. Your JS will then be enqueued in the footer. The CSS would have to be enqueued of course in the header, so you have to enqueue it in the wp_enqueue_scripts action. If you only need it on the pages that have the shortcode, you can do something like this in your wp_enqueue_scripts action function:
add_action('wp_enqueue_scripts','my_awesome_function');
function my_awesome_function(){
if(is_singular()){
global $post;
if(has_shortcode($post->post_content,'my_awesome_shortcode')){
wp_enqueue_style('my-awesome-style');
}
}
}
Happy Coding!
Related Posts:
- How to load scripts/styles specific for a page
- WordPress Enqueue for homepage only, functions.php, wp-framework
- deregister scripts on certain page
- Enqueue Script with data attributes
- How to enqueue every script in a folder automatically?
- Is checking whether the blog is installed necessary?
- Most elegant way to enqueue scripts in function.php with foreach loop
- wp_register_script not loading as expected
- Problem using is_single() to enqueue script from functions.php
- Dequeue Scripts and Style for Mobile not working?
- Enqueuing External Javascript functions.php
- How to enqueue JavaScript for specific WordPress pages only?
- Enqueue script o style only if a template part is loaded
- Enqueuing Script in functions.php vs on the page
- Dequeue script in template isn’t working
- If is multiple page templates
- Is it better to assign functions like get_the_id() to a variable if it’s used multiple times?
- How do I get a child theme to load scripts from the parent theme?
- wp_enqueue_script add integrity parameter
- Passing arguments to my function with do_action and add_action is not working
- When using wp_enqueue_script(); in a theme why don’t we use add_action?
- Load JS Script only for custom post types
- Enqueue scripts not working with if is page conditional tag in functions.php
- wp_is_mobile dequeue not working
- Why won’t my scripts load?
- Not sure if enqueuing js scripts properly
- Only let plugin add actions to wp_head & wp_footer on single posts
- Register and load scripts
- enqueue styles for only mobile wp
- how to en-queue jQuery to load before the tag
- Attempt to change jQuery version caused White Screen of Death
- Always the Latest google jQuery instead of default WordPress jQuery
- jQuery does not work
- enqueue_script with filemtime javascript not working
- Optimizing a WordPress site
- add_action wp_enqueue_script priority level only works for admins
- Scripts not loading when using the wp_enqueue_scripts action
- Why does get_template_directory_uri() not include “www”, only for enqueued stylesheets?
- In jquery use php variable to execute an enqueued jquery file
- Enqueue script on every page except one
- Run a jquery script on on a certain template page
- wp_enqueue_script | Help me figure out what is causing jQuery is not defined
- Load JS file only in specific template
- Theme JS is available but theme CSS isn’t
- 404 when enqueue_script using plugin_url
- How to load jQuery in TOP of wp_footer?
- video.js not enqueueing?
- Include Jquery libraries in wordpress theme?
- Problem enqueuing scripts on not single posts
- WordPress performance – send all metaboxes to function or to call it again
- Call two different function.js depending on page
- Why I can’t load my JavaScripts using an hook inside my functions.php file?
- Enqueueing scripts selectively & activation where needed
- Why is this function crashing my wordpress installation? [closed]
- colorbox not loading in
- Fatal error: allowed memory size when after using enqueue_script
- wp_enqueue_script() not working
- How to use wp_enqueue_script properly?
- Get webpack to work on child theme
- Advanced method to control cache of enqueued style/script
- How to load a css file depending on the current role
- localize_script but data changes dependent on product ID
- WordPress wp_dequeue_script remove all other scripts
- Add custom css file after plugin css with WordPress Child Theme functions.php
- Is it possible to load recaptcha script only in url with fragment identifier (#)?
- wp enqueue style on about us page
- Test CDN link from function.php or wp_enqueue_script/style?
- Why does my wp_enqueue_script() only insert the script for logged in users
- Unable to declare AOS library in functions
- WP Enqueue Script Error
- How do I dequeue a Stylesheet, stored in an ‘Assets’ folder?
- I need to ‘wp_dequeue_script’ and ‘styles’ and ADD a bunch of other css and js
- I need to completely ‘wp_dequeue_script’; what’s the best way?
- True parameter but jquery register in header and not in the footer with wp_register_script
- Why is style.css not loading through the functions.php
- WordPress Jquery+scripts enqueue issue
- Different body image backgrounds on different pages, posts and categories
- How to wp_enqueue_script with html?
- custom post with loading script per single post
- wp_enqueue_script only works outside of action
- Exclude javascript in certain page url and all following url’s after forward slash
- java script error Uncaught SyntaxError: Unexpected token ILLEGAL
- using enqueue_script in a shortcode isn’t working
- Using array page name together with page id to deregister script
- wp_enqueue_scripts called twice?
- Remove snippets of JS from core
- Why my wp_enqueue_script doesnt work on some page?
- Is storing in a variable the result of a fonction a most powerful way to code an if structures in WordPress?
- WordPress – Notice: Function wp_enqueue_script was called incorrectly
- dynamically import array from another js file in WordPress
- Auto updating JavaScript dependancy in functions.php
- Loading newest dependency javascript module file in functions.php
- wp_script_add_data not working
- When tax_query used, results disappear (0 =1 produced)
- wp_get_attachment_image returns different image size
- Contact Form 7 – Delay auto responds
- Replace a menu with widget or a custom template file programmatically
- How to properly set custom logo size?
- Function not receiving string from shortcode
- Shortcodes not outputting in correct divs