如何在快捷代码中添加内联css/js

我正在努力创建一个短码，根据情况动态更改该短码的css和js。现在的问题是我不知道如何使用add_action() 内部aadd_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>\';
    });

});

现在很明显，它不起作用了，所以我希望你们中的任何人都能以正确的方式指导我如何做类似的事情。

如果可以的话，请帮忙，不要对问题投反对票。

add_action (\'wp\', \'add_shortcode_script\'); function add_shortcode_script () { global $post; ... use regex to scan $post->$post_content for your shortcode ... and extract $value2 and $value3 wp_enqueue_script (...vars based on $value2...); wp_enqueue_style (...vars based on $value3...); }

wp_enqueue_script (\'my_script\',\'http:/.../main.js\'); wp_enqueue_style (\'my_style\',\'http:/.../main.css\'); wp_add_inline_script (\'my_script\', $string_based_on_value2); wp_add_inline_style (\'my_style\', $string_based_on_value3);

如何在另一个函数中使用插件的ShortCode属性值？

我有一个插件作为一个类，其中我使用一个shortcode属性来填充$outlet变量。然而，尽管sanitize_text_field($atts[\'outlet\']) 返回所需字符串，$this->outlet = sanitize_text_field($atts[\'outlet\']) 未更新的值$outlet. 如果我为类的$outlet 最初，它在example_callback(). 插件的所有其他功能都按预期工作。只是wp_news_shortcode() 未分配$attr 价值

相关推荐

如何在另一个函数中使用插件的ShortCode属性值？