每個循環的備用布局

Question

在每個循環中，我都希望替換塊的布局，因此如下所示：

循環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; ?>

Answer 1

將else分支添加到您的if ：

foreach ($homepageblocks as $block):
    $i++;?>
<div class="row">
    <div class="container container-fluid">
<?php
    // one layout type
    if($i%2 == 0):?>
        <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>

<?php
    // another layout type
    else:?>
        <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>
<?php 
    endif;?>
    </div>
</div>
<?php 
endforeach; ?>