Wordpress Shortcodes - Optional Styles

Question

i'm creating some custom shortcodes for my wordpress theme. Shortcodes are by nature optional on pages/posts, but may contain css, js or other files.

My question is, how can i enqueue css styles ONLY IF a particular shortcode has been used ? I would not want to load everything for no reason.

Answer 1

The general process for this is:

1. Create a function, hooked into wp_enqueue_scripts
2. Inside your function, cycle through the Loop, looking for your shortcode string
3. If found, call wp_enqueue_style( 'my_custom_style' )
4. Rewind the Loop, by calling <?php rewind_posts(); ?>