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

Question

我正在制作一个具有使用简码功能的插件，虽然简码将放置在页面中，但它将 return 设计良好的形式例如：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' );

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

Load specific css file in shortcode - wordpress

css

wordpress

plugins

shortcode