Elementor显示相同的短代码两次(仅在编辑器上)

Question

element显示相同的短代码两次。一个在放置短代码的地方，另一个在标题后面。这个问题只发生在编辑器中。页面显示正常。请帮助。我怎样才能修好它?

function display_grid_func ( $atts ){
echo '<div class="post-grid">';
$args = array(
'post_type' => 'realizacje',
'post_status' => 'publish',
'posts_per_page' => 9,
'cat' => 5
);
$loop = new WP_Query($args);
while ($loop->have_posts()) : $loop->the_post(); ?>
<div class="post-tile home">
<a href="<?php the_permalink(); ?>">
<img src="<?php the_post_thumbnail_url('tile-foto'); ?>" />
</a>
<a class="button-zobacz home" href="<?php the_permalink(); ?>">Zobacz &#8594;</a>

</div>
<?php endwhile;
wp_reset_postdata();?><?php
echo '</div>';
}
add_shortcode('post_grid', 'display_grid_func');

到目前为止我所尝试的:-我改变主题-我关闭了所有插件-I was looking on google

Answer 1

我解决了这个问题:)我使用了ob_start();并返回ob_get_clean();

function display_grid_func($atts)
{
ob_start();
echo '<div class="post-grid">';
$args = array(
'post_type' => 'realizacje',
'post_status' => 'publish',
'posts_per_page' => 9,
'cat' => 5
);
$loop = new WP_Query($args);
while ($loop->have_posts()) : $loop->the_post(); ?>
<div class="post-tile home">
<a href="<?php the_permalink(); ?>">
<img src="<?php the_post_thumbnail_url('tile-foto'); ?>" />
</a>
<a class="button-zobacz home" href="<?php the_permalink(); ?>">Zobacz &#8594;</a>
</div>
<?php endwhile;
wp_reset_postdata(); ?>
<?php echo '</div>';
return ob_get_clean();
}
add_shortcode('post_grid', 'display_grid_func');

Answer 2

这个也整理了我的问题，谢谢

function elementor_shorcode_test() {
ob_start();
elementor_shorcode_test_output();
return ob_get_clean();
}