Wordpress ACF中继器字段&；显示时的Clearfix/样式

第一次发帖，把这些论坛当作资源已经有一段时间了。。。希望你能帮忙

我正在抓挠一个PHP的东西&不知道你是否有什么想法

情况是这样的，首先是“背景故事”

我通常在Wordpress和Bootstrap中工作。我在这里找到了一些代码，可以帮助我格式化帖子类型，这样我就可以将帖子类型用作图库（例如），并在其中运行clearfix来整理每一行，防止图像互相碰撞。这就是我一直在用的

<?php $args=array(
'post_type' => ‘post-name',
'posts_per_page'      => '100',
'orderby'=> 'date', 'order' => 'ASC' );
$my_query = null;
$my_query = new WP_Query($args);

if( $my_query->have_posts() ) {

$i = 0;
while ($my_query->have_posts()) : $my_query->the_post();
// modified to work with 3 columns
// output an open <div>
if($i % 4 == 0) { ?> 

<div class="row">

<?php }?>

IMAGE / CONTENT THAT REPEATS GOES IN HERE

<?php $i++; if($i != 0 && $i % 4 == 0) { ?>

</div>
<div class="clearfix"></div>

<?php } ?>
<?php endwhile;} wp_reset_query(); ?>

---

基本上，你可以走组织化的道路；）-例如：

<?php 
$args = array(
    'post_type'     => 'post',
    'posts_per_page'=> '100',
    'orderby'       => 'date', 
    'order'         => 'ASC' 
);
$query = new WP_Query($args);


// The Loop
if ( $query->have_posts() ) {
    while ( $query->have_posts() ) {
        $query->the_post();
        

        // collect item data
        $pid = get_the_ID();
        $rpt = get_field('some_name', $pid);

        // build repeater data
        $counter = 0;
        $rptData = '';
        if( !empty($rpt) ) {
            foreach($rpt as $item) {

                // 4 condition
                $rtpData .= ($counter % 4 == 0 ? '<div class="row">' : '');
                
                // make what you want with info inside the item here
                $rptData .= '<div class="col-md-3">'.$item['something'].'</div>'; 

                $rtpData .= ($counter % 4 == 0 ? '</div><div class="clearfix"></div>' : '');

                $counter++;
            }
        };


        echo '
        <div>
            <h3>I AM THE WRAPPER</h3>
            <div class="container">
                '.$rptData.'
            </div>
        </div>
        ';
    }
}
/* Restore original Post Data */
wp_reset_postdata();
?>

基本上，你可以走组织化的道路；）-例如：

<?php 
$args = array(
    'post_type'     => 'post',
    'posts_per_page'=> '100',
    'orderby'       => 'date', 
    'order'         => 'ASC' 
);
$query = new WP_Query($args);


// The Loop
if ( $query->have_posts() ) {
    while ( $query->have_posts() ) {
        $query->the_post();
        

        // collect item data
        $pid = get_the_ID();
        $rpt = get_field('some_name', $pid);

        // build repeater data
        $counter = 0;
        $rptData = '';
        if( !empty($rpt) ) {
            foreach($rpt as $item) {

                // 4 condition
                $rtpData .= ($counter % 4 == 0 ? '<div class="row">' : '');
                
                // make what you want with info inside the item here
                $rptData .= '<div class="col-md-3">'.$item['something'].'</div>'; 

                $rtpData .= ($counter % 4 == 0 ? '</div><div class="clearfix"></div>' : '');

                $counter++;
            }
        };


        echo '
        <div>
            <h3>I AM THE WRAPPER</h3>
            <div class="container">
                '.$rptData.'
            </div>
        </div>
        ';
    }
}
/* Restore original Post Data */
wp_reset_postdata();
?>

中继器内是否只有图像？您可以使用get_字段（'field_id'，$post_id）并打印输出吗？只是一个图像，是的，还有一些小的样式-取决于使用情况。通常是一个DIV包装器和几个类来设计它。我通常会说，当我以前使用它作为帖子类型来生成图库时，我会使用它。我还没有设法让它以我想要的方式使用转发器…转发器内是否只有一个图像？您可以使用get_字段（'field_id'，$post_id）并打印输出吗？只是一个图像，是的，还有一些小的样式-取决于使用情况。通常是一个DIV包装器和几个类来设计它。我通常会说，当我以前使用它作为帖子类型来生成图库时，我会使用它。我还没有设法让它以我想要的方式使用repeater…我要玩一玩这个-谢谢你花时间-尽管我马上注意到post类型arg仍然在那里-这是我试图摆脱的，因为repeater字段不使用post类型。对不起，我不清楚。像这样复杂的PHP仍然让我有点困惑。我只是不知道你从哪里获取了转发器的信息。。。如果是每个帖子，那么您需要帖子类型，因为我们在一个循环中。如果中继器的数据保存在主题选项面板中，那么这是另一回事。我需要一些额外的信息来理解这一点。你看。。。在这一行“$rpt=get_字段（'some_name'，$pid）；”中，我们从特定的帖子中获取中继器数据。。。（这有助于理解吗？）。我想我可能把事情搞糊涂了。请忽略post-type元素-我用它作为一个例子，说明了如何使用post-type获得清晰的修复。我正在尝试将这个清晰的解决方案应用到中继器字段。顺便说一句，我也无法让代码自动运行。。。希望原始帖子中经过编辑的信息会让它变得清晰，我已经包含了我正在使用（并且正在工作）的实际代码-我只是想给它添加一个清晰的补丁，基本上。我要玩一玩这个-谢谢你花时间-尽管我马上注意到帖子类型arg仍然在那里-这就是我想要摆脱的，因为中继器字段不使用帖子类型。对不起，我不清楚。像这样复杂的PHP仍然让我有点困惑。我只是不知道你从哪里获取了转发器的信息。。。如果是每个帖子，那么您需要帖子类型，因为我们在一个循环中。如果中继器的数据保存在主题选项面板中，那么这是另一回事。我需要一些额外的信息来理解这一点。你看。。。在这一行“$rpt=get_字段（'some_name'，$pid）；”中，我们从特定的帖子中获取中继器数据。。。（这有助于理解吗？）。我想我可能把事情搞糊涂了。请忽略post-type元素-我用它作为一个例子，说明了如何使用post-type获得清晰的修复。我正在尝试将这个清晰的解决方案应用到中继器字段。顺便说一句，我也无法让代码自动运行。。。希望原始帖子中编辑过的信息能让它变得清晰，我已经包含了我正在使用（并且正在工作）的实际代码——基本上，我只是想给它添加一个清晰的补丁。
<?php 
$args = array(
    'post_type'     => 'post',
    'posts_per_page'=> '100',
    'orderby'       => 'date', 
    'order'         => 'ASC' 
);
$query = new WP_Query($args);


// The Loop
if ( $query->have_posts() ) {
    while ( $query->have_posts() ) {
        $query->the_post();
        

        // collect item data
        $pid = get_the_ID();
        $rpt = get_field('some_name', $pid);

        // build repeater data
        $counter = 0;
        $rptData = '';
        if( !empty($rpt) ) {
            foreach($rpt as $item) {

                // 4 condition
                $rtpData .= ($counter % 4 == 0 ? '<div class="row">' : '');
                
                // make what you want with info inside the item here
                $rptData .= '<div class="col-md-3">'.$item['something'].'</div>'; 

                $rtpData .= ($counter % 4 == 0 ? '</div><div class="clearfix"></div>' : '');

                $counter++;
            }
        };


        echo '
        <div>
            <h3>I AM THE WRAPPER</h3>
            <div class="container">
                '.$rptData.'
            </div>
        </div>
        ';
    }
}
/* Restore original Post Data */
wp_reset_postdata();
?>

<div class="container">
    <div class="row">
        <div class="main_cbrand roomy-100 gallery">

            <?php 
            if(get_field('artwork')){

                $counter = 0;

                while(has_sub_field('artwork')) { 
                    ?>

                    <?php if( get_sub_field('image') ): ?>

                        <div class="col-md-2 col-sm-4 col-xs-6" style="padding-bottom: 20px;">
                            <a title="<?php the_sub_field('title'); ?>" href="<?php the_sub_field('image'); ?>">
                                <img src="<?php the_sub_field('image'); ?>" alt="<?php the_sub_field('title');   ?>" title="<?php the_sub_field('title'); ?>">
                            </a>
                        </div>

                        <?php echo ($counter % 4 == 0 ? '<div class="clearfix"></div>' : ''); ?>


                    <?php endif; ?>
                    
                    <?php 
                    $counter++;
                }
            } 
            ?> 
        </div>
    </div>
</div>

echo ($counter % 4 == 0 ? '<div class="clearfix"></div>' : '');