如何仅将 CSS 应用于我的自定义 WordPress 短代码？

【问题标题】：How apply CSS only to my custom WordPress shortcode?如何仅将 CSS 应用于我的自定义 WordPress 短代码？
【发布时间】：2019-03-20 09:05:11
【问题描述】：

我正在编写我的第二个 WordPress 插件，我成功地将 JavaScript 和 CSS (Bootstrap) 排入后端设置页面。现在，为了与前端交互，我想使用 Bootstrap 创建一些短代码。如何仅在我的简码中使用 Bootstrap（以及其他自定义 CSS 和 JavaScript）而不影响将使用简码的页面的样式？

【问题讨论】：

您可以为`短代码`广告提供自己的类，并使用该类定位元素

标签： javascript css wordpress plugins shortcode

【解决方案1】：

您可以在内容周围放置一个具有唯一类名的 div 容器。

function shortcode_func(){
  return '<div class="your-unique-shortcode-class">...</div>';
}
add_shortcode( 'your-shortcode', 'shortcode_func' );

您可以使用wp_enqueue_style 函数添加样式表。

function shortcode_footer_func() {
  wp_enqueue_style( 'shortcode_styles', 'your/path/to/style.css');
}
add_action( 'wp_footer', 'shortcode_footer_func' );

【讨论】：