在元素编辑器中调用的短代码在内容上方的WP编辑器侧可见。它还显示在Elementor页面的顶部,而不是我在编辑器中放置的位置。我对使用Elementor还是很陌生,所以我不确定是否有某个地方规定了如何与WordPress一起加载代码。
以下是问题的屏幕截图,我还从文件中提取了简码。
我已经尝试过在Elementor端使用不同的插入方法。因此,我使用了简码,html和文本编辑器小部件,都得到了相同的结果。我没有更改代码中的任何内容。
function short_code_ct_blog() { ?>
<div id="video-minutes-wrapper">
<div class="card-columns">
<?php
$alt = false;
?>
<? $args = array( "post_type" => "testimonial", "posts_per_page" => 10 );
$loop = new WP_Query( $args );
while ( $loop->have_posts() ) : $loop->the_post(); ?>
<div class="card">
<div class="card-img-top text-center">
<? if ( has_post_thumbnail() ) {
echo the_post_thumbnail( "thumbnail", array("class" => "img-fluid") );
} else { ?>
<img src="<?php echo get_template_directory_uri(); ?>/library/images/testimonial-holder.png" alt="Placeholder Image" class="img-fluid" />
<? } ?>
</div>
<? if ($alt == false) { ?>
<div class="card-header bg-dark text-white text-center">
<h5 class="card-title my-auto"><?php the_title(); ?></h5>
</div>
<div class="card-body bg-dark text-light">
<p class="card-text"><?php the_content(''); ?></p>
</div>
<? } else { ?>
<div class="card-header bg-light text-dark text-center">
<h5 class="card-title my-auto"><?php the_title(); ?></h5>
</div>
<div class="card-body bg-light text-dark">
<p class="card-text"><?php the_content(''); ?></p>
</div>
<? } ?>
</div>
<? if ($alt == false) {
$alt = true;
} else {
$alt = false;
} ?>
<? endwhile; ?>
</div>
</div>