Php ACF：显示一个子字段的列表，并在另一个div中显示相应的子字段？

使用ACF高级自定义字段，我设置了一个包含两个子字段title和slide的字段幻灯片。在我的header.php文件中，我有一个输出标题子字段列表的代码

// header.php //
<nav id="site-navigation" class="main-navigation" role="navigation">
    <?php $frontpage_id = get_option('page_on_front'); ?>
    <?php if ( is_singular() && have_rows('slides', $frontpage_id) ): ?>
        <ul>
            <?php while ( have_rows('slides', $frontpage_id) ) : the_row(); ?>
                <li class="group"><a href="#"><?php the_sub_field('title'); ?></a></li>
            <?php endwhile;?>
        </ul>
    <?php endif; ?>
</nav>

---

您可以在index.php文件中重复类似的循环-

<?php 
$frontpage_id = get_option('page_on_front');

if( have_rows('slides', $frontpage_id) ): 
    while( have_rows('slides', $frontpage_id) ) : the_row();

        // if your 'slide' field is an image
        $slide = get_sub_field('slide'); ?>

        <img src="<?php echo $slide['url']; ?>" alt="<?php echo $slide['alt']; ?>" />


    <?php endwhile;
endif;
?>

或者，您可以使用get_字段“slides”和$frontpage_id；-将其设置为全局变量，然后在两个文件中使用foreach循环。我认为第一种选择更容易

<?php 
$frontpage_id = get_option('page_on_front');

if( have_rows('slides', $frontpage_id) ): 
    while( have_rows('slides', $frontpage_id) ) : the_row();

        // if your 'slide' field is an image
        $slide = get_sub_field('slide'); ?>

        <img src="<?php echo $slide['url']; ?>" alt="<?php echo $slide['alt']; ?>" />


    <?php endwhile;
endif;
?>