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

Question

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

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