How can I included CSS to a page or a shortcode?

admin管理员组

文章数量:1433902

Closed. This question needs to be more focused. It is not currently accepting answers.

---

Want to improve this question? Update the question so it focuses on one problem only by editing this post.

Closed 6 years ago.

Improve this question

I would like to add CSS to a page or a shortcode (preferably a shortcode) that would not be dependent on a theme, a plug-in or anything.

I tried adding wp_enqueue_style('[my-css-url]'); to various PHP files but without success. Yet I would expect more proper ways to do it.

I there a way to do that?

---

This question is not a duplicate of Enqueue Scripts / Styles when shortcode is present That other question is asked and solved in the context of a plug-in. My question clearly state "independant from plug-ins".

Closed. This question needs to be more focused. It is not currently accepting answers.

---

Want to improve this question? Update the question so it focuses on one problem only by editing this post.

Closed 6 years ago.

Improve this question

I would like to add CSS to a page or a shortcode (preferably a shortcode) that would not be dependent on a theme, a plug-in or anything.

I tried adding wp_enqueue_style('[my-css-url]'); to various PHP files but without success. Yet I would expect more proper ways to do it.

I there a way to do that?

---

This question is not a duplicate of Enqueue Scripts / Styles when shortcode is present That other question is asked and solved in the context of a plug-in. My question clearly state "independant from plug-ins".

• shortcode
• css

Share Improve this question edited Apr 10, 2019 at 9:46 norman.lol 3,24133 gold badges3030 silver badges3535 bronze badges asked Apr 9, 2019 at 12:03 TTTTTT 32911 gold badge44 silver badges1717 bronze badges 1

• WordPress is designed to execute custom code which leverages it's APIs via the architecture presented by plugins and themes. Slapping wp_enqueue_style() calls in random files is inadvisable and likely to produce undesirable side-effects - or simply erase your changes the next time WordPress updates. Make a small plugin to house your modifications, or let us discuss why you believe you cannot use a plugin. – bosco Commented Apr 11, 2019 at 20:15

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 2

Simply follow the link to the has_shortcode() documentation in the last answer to the duplicate question. There you'll find:

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');

For styles this would be:

function custom_shortcode_styles() {
    global $post;
    if ( is_a( $post, 'WP_Post' ) && has_shortcode( $post->post_content, 'custom-shortcode') ) {
        wp_enqueue_style('custom-shortcode-css', get_template_directory_uri() . '/css/custom-shortcode.css');
    }
}
add_action( 'wp_enqueue_scripts', 'custom_shortcode_styles');

Replace custom-shortcode inside has_shortcode() with the shortcode you are actually looking for, then put that snippet in your functions.php or in your plugin and code on!

本文标签： How can I included CSS to a page or a shortcode