0

すべてのループで、ブロックのレイアウトを交互にしたいので、次のようになります。

ループ 1: 左列の画像、右列のテキスト ループ 2: 左列のテキスト、右列の画像

しかし、これまでのところ、私が管理しているのは、各ブロックが同じ側にあるか、最初のブロックが複製されていることだけです。これまでのコードは次のとおりです。

正しい方向への助けやポイントをいただければ幸いです

<?php $i = 0;
foreach ($homepageblocks as $block):
$i++; ?>
<div class="row">
    <div class="container container-fluid">
        <div class="col-md-6">

                <h2><?php echo $block['title']; ?></h2>
                <?php echo $block['content']; ?>
                <a href="<?php echo $block['link']; ?>" class="blue--button">Read More</a>
        </div>
        <div class="col-md-6 nopadding">
            <img src="<?php echo '/uploads'.$img_path; ?>" alt="<?php echo $block['title']; ?>"/>
        </div>
    </div>
</div>
<?php if($i%2 == 0): ?>
<div class="row">
    <div class="container container-fluid">
        <div class="col-md-6 nopadding">
            <img src="<?php echo '/uploads'.$img_path; ?>" alt="<?php echo $block['title']; ?>" />
        </div>
        <div class="col-md-6">
            <h2><?php echo $block['title']; ?></h2>
            <?php echo $block['content']; ?>
            <a href="<?php echo $block['link']; ?>" class="blue--button">Read More</a>
        </div>
    </div>
</div>
<?php endif; ?>
<?php endforeach; ?>
4

1 に答える 1