ACF图库和引导集合和行

时间：2017-03-06 作者：Alex P.

我有显示ACF gallery的代码：

<?php 

$images = get_field(\'portfolio\');

if( $images ): ?>
    <div class="row">
        <?php foreach( $images as $image ): ?>
            <div class="col-lg-3">
                <a href="<?php echo $image[\'url\']; ?>">
                     <img src="<?php echo $image[\'sizes\'][\'thumb_front\']; ?>" alt="<?php echo $image[\'alt\']; ?>" class="img-responsive"/>
                </a>
                <p><?php echo $image[\'caption\']; ?></p>
            </div>
        <?php endforeach; ?>
    </div>
<?php endif; ?>
我每4件都要包起来<div class="col-lg-3"> 进入<div class="row"> 伙计们，我该怎么做？

2 个回复
最合适的回答,由SO网友:Svartbaard 整理而成

最简单的选择是简单地检查是否每四次迭代一次。请参见下面的示例，我没有测试过这一点，但看到了基本想法。

<?php 

$images = get_field(\'portfolio\');

if( $images ): ?>

        <?php foreach( $images as $key => $image ):

          if (($key + 1) % 4 == 0) { ?>
             <div class="row">
          <?php } ?>

             <div class="col-lg-3">    

                <a href="<?php echo $image[\'url\']; ?>">
                   <img src="<?php echo $image[\'sizes\'][\'thumb_front\']; ?>" alt="<?php echo $image[\'alt\']; ?>" class="img-responsive"/>
                </a>
                <p><?php echo $image[\'caption\']; ?></p>

             </div>

          <?php
          if (($key + 1) % 4 == 0) { ?>
            </div>      
          <?php }
          endforeach; ?>
    </div>

SO网友:lalitpendhare

根据ACF文档，以下代码适用于ACF GALLERY。

<?php 

$images = get_field(\'gallery\');

if( $images ): ?>
    <ul>
        <?php foreach( $images as $image ): ?>
            <li>
                <a href="<?php echo $image[\'url\']; ?>">
                     <img src="<?php echo $image[\'sizes\'][\'thumbnail\']; ?>" alt="<?php echo $image[\'alt\']; ?>" />
                </a>
                <p><?php echo $image[\'caption\']; ?></p>
            </li>
        <?php endforeach; ?>
    </ul>
<?php endif; ?>
我明白了，你也在这里做同样的事情。这里出了什么问题。你实现了你的代码吗？

标签： advanced-custom-fields   twitter-bootstrap   小码农  

相关推荐

如何创建4列和2列Twitter-Bootstrap相结合的WordPress循环？

我想根据4列（桌面视图）、2列（mobile view 768px）和1列（mobile view 425px）的组合显示帖子。我在下面找到了很棒的代码：<?php $paged = ( get_query_var(\'paged\') ) ? get_query_var(\'paged\') : 1; $args=array( \'post_type\' => \'post\',