目前我正在將 slick.js 與一些 ACF 欄位相結合。在后端，您實際上可以過濾計數和某些類別的推薦。到目前為止一切都運行良好，但是當我將滑塊類添加到我的 html 語法時，每個推薦都被視為不同的單獨滑塊。我想將所有推薦合并在 1 個滑塊中。誰能幫我解決這個問題？
到目前為止我的代碼：
塊.php
<?php
/**
* Block Name: Testimonials
*
* This is the template that displays the testimonials loop block.
*/
$argType = get_field( 'loop_argument_type' );
if( $argType == "count" ) :
$args = array(
'orderby' => 'title',
'post_type' => 'testimonials',
'posts_per_page' => get_field( 'testimonial_count' )
);
else:
$testimonials = get_field( 'select_testimonials' );
$args = array(
'orderby' => 'title',
'post_type' => 'testimonials',
'post__in' => $testimonials
);
endif;
$the_query = new WP_Query( $args );
if ( $the_query->have_posts() ) :
while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<div class="testimonialHolder">
<?php the_content(); ?>
<h3><?php the_title(); ?></h3>
<b><?php the_field('naam', get_the_ID()); ?></b>
<?php the_field('samenvatting', get_the_ID()); ?>
</div>
<?php endwhile; ?>
<?php endif;?>
和滑塊.js
jQuery(document).ready(function($) {
//Slick Slider
$('.testimonialHolder').slick({
autoplay:true,
prevArrow: '<div class="slick-prev"><i class="fa fa-angle-left" aria-hidden="true"></i></div>',
nextArrow: '<div class="slick-next"><i class="fa fa-angle-right" aria-hidden="true"></i></div>'
});
});
提前謝謝了！
uj5u.com熱心網友回復：
調整了你的一些代碼。這應該有效：
<?php
/**
* Block Name: Testimonials
*
* This is the template that displays the testimonials loop block.
*/
$argType = get_field('loop_argument_type');
if ($argType == "count") :
$args = array(
'orderby' => 'title',
'post_type' => 'testimonials',
'posts_per_page' => get_field('testimonial_count')
);
else :
$testimonials = get_field('select_testimonials');
$args = array(
'orderby' => 'title',
'post_type' => 'testimonials',
'post__in' => $testimonials
);
endif;
$the_query = new WP_Query($args);
?>
<section class="testimonials">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="testimonialHolder">
<?php
if ($the_query->have_posts()) {
while ($the_query->have_posts()) {
$the_query->the_post(); ?>
<div class="item">
<div class="testimonial">
<?php $image = get_field('foto', get_the_ID()); ?>
<img src="<?php echo $image['url']; ?>" class="img-circle" alt="<?php echo $image['alt']; ?>" />
<h4><?php the_field('naam', get_the_ID()); ?></h4>
<p><?php the_field('samenvatting', get_the_ID()); ?></p>
</div>
</div>
<?php }
} else { ?>
<div class="item">
<div class="testimonial">
<h3>No Testimonials Found</h3>
</div>
</div>
<?php }
wp_reset_postdata();
?>
</div>
</div>
</div>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/403880.html
標籤：