Wordpress：使用 PHP 脚本将简码插入 div 和 class

Question

我有这个 PHP-脚本，可以在我的 wooCommerce 商店页面的顶部添加一个短代码。

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

它按我预期的那样工作。但是，如果我希望短代码出现在某个 div 和某个 class - 甚至更好的范围内： 在某个带有 [ 的元素之后附加它=28=].

此代码是自动生成的：

   <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>

所以我最好在上面的按钮之后将简码附加到页面上。

你会怎么做？

Answer 1

试试这个

第 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>'; 
}

第 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');

这里我使用 jquery 在按钮后显示简码。

Wordpress：使用 PHP 脚本将简码插入 div 和 class

Wordpress: use PHP script to insert shortcode into div with class

php

wordpress

woocommerce

wordpress-shortcode