css - 在短代码中加载特定的 css 文件 - wordpress

Question

我正在制作一个具有使用简码功能的插件，虽然简码将放置在页面中，但它会返回一个良好的设计形式例如:https://www.screencast.com/t/XTteV6u8qw

现在，如果我添加 bootstrap css/classes，我当前的主题就会变得一团糟，

我想要像任何主题一样的功能，我的短代码功能显示设计将保持不变。知道怎么可能吗？

如有任何相关信息，我们将不胜感激。谢谢!

Answer 1

您可以编写该简码内容的内部 CSS，如下例所示。

function shortcode_func( $atts ) {

   $returnString = '<style>';
   $returnString .='#shortcode-id{background-color:yello;}';
   $returnString .= '</style>';

   $returnString .='<div id="shortcode-id"></div>';
   return $returnString;
}

add_shortcode( 'shortcode-name', 'shortcode_func' );