在没有插件的WordPress中集成Bootstrap carousel ?

Question

我已经将bootstrap carousel集成到我的wordpress中。幻灯片将从页面采取，将有一个页面称为旋转木马，它将有子页面后缩略图将采取。我仍然不是很擅长cms wordpress谁来帮帮我下面是我的代码:

<div class="direction-carousel">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">

<?php 
$args = array( [
'hierarchical' => 1,
'child_of'     => 5,
'parent'       => -1,
'post_type'    => 'page',
'post_status'  => 'publish',
] );
$pages = get_pages( $args );
foreach( $pages as $post ){
setup_postdata( $post );
?>
<div class="carousel-item active">
<?php the_post_thumbnail('direction-carousel', '') ?>
<img class="d-block w-100" src="" alt="Первый слайд">
</div>
<?php endwhile; wp_reset_postdata(); ?>
<?php 
$args = array( [
'hierarchical' => 1,
'child_of'     => 5,
'parent'       => -1,
'post_type'    => 'page',
'post_status'  => 'publish',
] );
$pages = get_pages( $args );
foreach( $pages as $post ){
setup_postdata( $post );
?>
<div class="carousel-item">
<?php the_post_thumbnail('direction-carousel', '') ?>

</div>

<?php endwhile; wp_reset_postdata(); ?>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>

Answer 1

我大致弄明白了代码，但不知什么原因弹出了一个错误:解析错误:语法错误，意外标记":">

<?php
$i = 0;
$pages = get_pages([
'hierarchical' => 1,
'child_of'     => 5,
'parent'       => -1,
'post_type'    => 'page',
'post_status'  => 'publish',
]);?>
<div class="direction-carousel">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">

<ol class="carousel-indicators">

<?php for($i = 0; $i < count($pages); ++$i):

?>
<li data-target="#carouselExampleIndicators" data-slide-to="<?= $i;?>"<?=($i==0 ? ' class="active"' : '');?>></li>
<?php endfor; 

$i = 0;
?>
</ol>
<div class="carousel-inner">
<?php
foreach( $pages as $post ):
setup_postdata( $post ); ?>
<div class="carousel-item<?=($i == 0 : ' active' : '');?>">

<?php the_post_thumbnail('direction-carousel', '') ?>
</div>
<?php
++$i;
endforeach;
wp_reset_postdata();
?>
</div>
</div>

Answer 2

尝试:

<?php
$i = 0;
$pages = get_pages([
'hierarchical' => 1,
'child_of'     => 5,
'parent'       => -1,
'post_type'    => 'page',
'post_status'  => 'publish',
]);?>
<div class="direction-carousel">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">

<ol class="carousel-indicators">

<?php for($i = 0; $i < count($pages); ++$i):

?>
<li data-target="#carouselExampleIndicators" data-slide-to="<?= $i;?>"<?=($i==0 ? ' class="active"' : '');?>></li>
<?php endfor; 

$i = 0;
?>
</ol>
<div class="carousel-inner">
<?php
foreach( $pages as $post ):
setup_postdata( $post ); ?>
<div class="carousel-item<?=($i == 0 ? ' active' : '');?>">

<?php the_post_thumbnail('direction-carousel', '') ?>
</div>
<?php
++$i;
endforeach;
wp_reset_postdata();
?>
</div>
</div>

Answer 3

下面是它在控制台给出的错误

输入图片描述