在wordpress短代码内部添加css代码

我想知道如何在呈现短代码时在主体的末尾添加一个css代码块。在wordpress短代码内部添加css代码

2015-11-27 Helder Vilela

你的意思是：包括CSS/JS只有当短码出现在网页上？ –

嗨，抱歉，但现在。因为短代码仅在插入到页面内容时呈现。这个想法是为了避免在dom周围出现几种风格。 –

嗨，欢迎来到SO。通常一个例子会有所帮助。请尝试提供[mcve]。 –

你可以做这样的事情，

function my_shortcode(){ 
    echo 'My Shortcode'; 
} 
add_shortcode('my_shortcode', 'my_shortcode'); 

function add_css_when_shortcode_present() { 
    global $post; 
    if(is_a($post, 'WP_Post') && has_shortcode($post->post_content, 'my_shortcode') && !is_admin()) { 
     echo '<style>'."\n"; 
     echo ".body {\n\tdisplay: none;\n}\n"; 
     echo '</style>'; 
    } 
} 
add_action('wp_footer', 'add_css_when_shortcode_present');

来源

2015-11-27 02:41:45 silver

你好，谢谢你的例子。不幸的是我需要在shortcode函数中生成css以获得用户输入的属性并创建css参数。 –

你可以在短代码输出本身上添加CSS，你可以在你的短代码中添加一个类，并在CSS中定位该类，有很多方法可以做到这一点，问题是你想怎么做， – silver

嗨，目前我拥有的是：我添加一个类到短代码，然后用短代码html回显

在wordpress短代码内部添加css代码

回答