Wordpress：使用PHP脚本在类的div中插入短代码

我有一个PHP脚本，它在我的wooCommerce商店页面的顶部广告了一个短代码

add_action( 'woocommerce_archive_description',
     'woocommerce_archive_description', 15 );
function woocommerce_archive_description() {
    echo do_shortcode("[my-shortcode]");
}

它按我所期望的那样工作。但是，如果我希望短代码出现在某个div中的某个类中-或者更好：将其附加到某个类中的某个元素之后

此代码是自动生成的：

   <button class="button" data-selector="astra-off-canvas-sidebar-wrapper"><span class="astra-woo-filter-icon"></span><span class="astra-woo-filter-text">PRODUKTSØK</span></button> 

PRODUKTSØK

因此，我更愿意在上面的按钮之后，将短代码附加到页面上

你会怎么做呢？

试试这个

步骤1：woocommerce商店页面挂钩

add_action( 'woocommerce_archive_description',
     'woocommerce_archive_description', 15 );
function woocommerce_archive_description() {

    echo do_shortcode("[my-shortcode]");

    echo '<button class="button" data-selector="astra-off-canvas-sidebar-wrapper"><span class="astra-woo-filter-icon"></span><span class="astra-woo-filter-text">PRODUKTSØK</span></button>'; 
}

add_action（'woocommerce_archive_description'，
“woocommerce_archive_description”，15）；
功能说明(商务)档案(说明){
echo do_短代码（“[我的短代码]”）；
回音“PRODUKTSØK”；
}

步骤1：另外，还添加了自定义短代码

function my_shortcode_function(){

    ob_start();

    ?>
    <div class="my-shortcode-container">
        Yor shortcode body
    </div>

    <script type="text/javascript">
        jQuery(document).ready(function(){ //alert('check');

            jQuery('.my-shortcode-container').insertAfter('.button');

        });
    </script>
    <?php
    return ob_get_clean();

}
add_shortcode('my-shortcode','my_shortcode_function');

function my\u shortcode\u function（）{
ob_start（）；
?>
约尔短码体
jQuery（document）.ready（函数（）{//alert（'check'）；
jQuery（'.my shortcode container'）.insertAfter（'.button'）；
});
检查这个