To properly include style you need to do it with wp_enqueue_scripts
action.
With a shortcode, you need to include the file differently as the header has already been send.
One way, Can be to include file in the shortcode. Other way, in the wp_enqueue_scripts
callback function can be to scan the_content
, detect shortcode and include the style like you’ve done.
If you make your own plugin, you can enqueue the style on each post conditionnaly with has_shortcode
function custom_shortcode_scripts(){
global $post;
if( is_a( $post, 'WP_Post' ) && has_shortcode( $post->post_content, 'custom-shortcode') ) {
wp_enqueue_script( 'custom-script');
}
}
add_action( 'wp_enqueue_scripts', 'custom_shortcode_scripts');
Related Posts:
- Conditionally Loading JavaScript/CSS for Shortcodes
- How to add stylesheets only to pages with specific shortcode?
- How to check if a shortcode is being executed in a widget or post
- Custom shortcode in widget forced to top of widget
- How to use shortcodes on a widget sidebar when doing an ajax call?
- gutenberg widget outputting paragraph marks
- Why are Shortcodes Disabled in Widgets by Default?
- List monthy archives for specific year with wp_get_archives
- Custom shortcode is not working in text widget
- How to force that styles are enqueued in the header?
- add widget to page content (using shortcode)
- Conditionally Loading JavaScript/CSS for Shortcodes
- How to check if a post has any one of many shortcodes?
- How to add shortcode to html widget
- Add inline style to pages where shortcode was used
- Use atributes of shortcode in get template part
- How to completely prevent WordPress from destroying/modifying my shortcode outputs?
- Loading shortcode stylesheet only when shortcode is in text widget [closed]
- How do I get shortcode, widget and template tag CSS to load in the head only as required? [duplicate]
- do_shortcode autommatic content generation
- Add widget/shortcode to sidebar OUTSIDE of the theme
- Sidebar inside page conten
- Where to put my code: plugin or functions.php?
- convert it into short code & explan how? [closed]
- Enqueue Scripts / Styles when shortcode is present
- What does extract( shortcode_atts( array( do?
- How do I escape a ‘]’ in a short code?
- Pass boolean value in shortcode
- Show shortcode without executing it
- Shortcode always displaying at the top of the page
- Redirect function inside a Shortcode
- How to create a shortcode with 1 parameter (atts)
- How to load Widget javascript + css files only if used?
- how to show the syntax of a shortcode
- Custom shortcode being executed when saving page in wp-admin
- Change appearance of shortcode text inside editor
- current_shortcode() – detect currently used shortcode
- shortcodes output before content [duplicate]
- WordPress plugin shortcode not working
- Can the new 4.8v text widget visual editor be removed?
- Using get_option() in JavaScript
- Shortcode empty attribute
- How does a shortcode work?
- Shortcode outputs at the top of the_content
- the_excerpt and shortcodes
- Using wp_editor in shortcode
- Remove wpautop from shortcode content / remove whitespace in buffering
- Get current post id witout passing in shortcode
- Why are you using add_action for shortcode?
- How to get URL param to shortcode?
- How to add multiple buttons to TinyMCE?
- Check if post/page has gallery?
- Get first video from the post (both embed and video shortcodes)
- Get shortcode name from within it’s callback function? [duplicate]
- Wordspress add into my javascripts
- Making a Shortcode [NEXT] and [PREVIOUS] to place into specific posts for post navigation
- How do I create a Shortcode that returns text if domain is .com, not .co.uk
- Using preg_replace to separate gallery from the_content?
- Remove specific shortcode from get_the_content()
- How to display the site name in a WordPress page, or post
- Hide/show content starting in the middle of a paragraph
- Combining shortcode and get_template_part
- How can I put a wp_redirect into a shortcode?
- How to display custom widget anywhere
- Escaping quotes from shortcode attributes
- Is There A Hook To Process The Content Of The Text Widget?
- Run visual composer code in php page
- how to include other plugins css files in a shortcode?
- short code output too early
- Shortcode in shortcode: How to append variable?
- Remove wptexturize from a shortcode?
- How can i put an array as variable in shortcode_atts?
- How to use wp_dequeue_style() for style enqueued in WP_Widget class
- Autoembeds don’t work with paragraphs
- Table of Contents with a shortcode
- Create custom [sourcecode] shortcode, the right way?
- TED talks shortcode not working
- Allowing shortcodes inside attributes
- What is the best way to enable nested shortcodes?
- Tinymce – How to hook before or after live shortcodes rendering?
- How to customize a shortcode using the customizer
- Native “playlist” shortcode random playing… How?
- How to Output HTML tags in do_shortcode?
- List of all inbuilt WordPress shortcodes
- Nested Shortcode Detection
- Shortcode output always showing at top of page
- Organizing shortcodes. How to display all of them and their attributes?
- How to detect if a Shortcode is being called on a page?
- How to get current page title inside a page itself in a shortcode and in page content
- how to have the gallery shortcode output one single UL list instead of several DL?
- Implement If-ElseIf-Else-EndIf with short codes
- Short code to display a loop
- Using shortcode in Post title
- using html as shortcode attribute
- shortcode outputs first before the page content [duplicate]
- How to add ‘class’ attribute into shortcode [audio]?
- Make shortcode work with nested double quotes
- Get all posts containing a shortcode
- How to display the names of users from a specific group with a shortcode?
- WordPress adds br in between my shortcode