Как добавить встроенный css/js в shortcode wordpress

Question

Я работаю над созданием короткого кода, который предназначен для изменения css и js динамически для этого короткого кода на основе ситуации. Теперь проблема в том, что я не понимаю, как использовать add_action() внутри add_shortcode(). Позволь мне дать вам пример коду сниппета, так что вы, ребята, можете лучше понять меня:

add_shortcode('example', function($atts) { 
    //extracting the shortcode attributes 
    extract(shortcode_atts(array(
     'value1' => null, 
     'value2' => null, 
     'value3' => null 
    ), $atts)); 

    //Now here I wll do my code for the shortcode 
    // But the shortcode needs some js and css to work 
    // so, I'm trying like this 

    //For the CSS 
    add_action('wp_head', function() { 
     echo '<style type="text/css"> 
      .class { 
       background-color: '. $value2 .'; 
      } 
     </style>'; 
    }); 

    //For the JS 
    add_action('wp_footer', function() { 
     echo '<script type="text/javascript"> 
      var a = '. $value3 .' 
     </script>'; 
    }); 

}); 

Теперь, очевидно, он не работает, так что я надеялся, что если любой из вас может вести меня, как к подобным вещам в собственном путь.

Если вы можете, пожалуйста, помогите вместо отрицательного голосования.

Answer 1

Там должен быть лучший способ сделать это, но в настоящее время только сделать его работу, удалите add_action() часть, просто сделать строку кода и вернуть его:

add_shortcode('example', function($atts) { 
    //extracting the shortcode attributes 
    extract(shortcode_atts(array(
     'value1' => null, 
     'value2' => null, 
     'value3' => null 
    ), $atts)); 

    //For the CSS 
     $result = '<style type="text/css"> 
      .class { 
       background-color: '. $value2 .'; 
      } 
     </style>'; 

    //For the JS 
     $result .= '<script type="text/javascript"> 
      var a = '. $value3 .' 
     </script>'; 

    return $result; 
});