用于目录的 ACF 灵活内容布局组

Answer 1

如果我正确理解您的问题，您只需要一个手风琴式下拉菜单来显示您的灵活内容段落部分的列表吗？

单手风琴式下拉内容本质上是一个锚链接列表，可直接导航到您的灵活内容段落部分。

如果是这种情况，请参阅下面的工作示例，了解如何实现这一点。

下面的所有代码都必须在您的 post 循环中运行。

<div class="container">

    <?php if(have_rows('paragraph')): ?>
        <div class="accordion" id="tableContentsAccordion">
            <div class="card">
                <div class="card-header" id="tableContents">
                    <h2 class="mb-0">
                        <button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#tableContentsList" aria-expanded="true" aria-controls="tableContentsList">
                            Table of Contents
                        </button>
                    </h2>
                </div>
                <div id="tableContentsList" class="collapse show" aria-labelledby="tableContents" data-parent="#tableContentsAccordion">
                    <div class="card-body">
                        <?php while(have_rows('paragraph')): the_row();
                            $title = get_sub_field('title');
                            ?>
                            <a href="#<?php echo sanitize_title($title); ?>"><?php echo $title; ?></a><br/>
                        <?php endwhile; ?>
                    </div>
                </div>
            </div>
        </div>
    <?php endif; ?>

    <?php if(have_rows('paragraph')): ?>
        <div class="row">
            <?php while(have_rows('paragraph')): the_row();
                $title = get_sub_field('title');
                ?>
                <div class="col-12" <?php echo $title ? 'id="' . sanitize_title($title) . '"' : ''; ?>>
                    <?php echo $title ? '<h2>' . $title . '</h2>' : ''; ?>
                    <?php the_sub_field('text'); ?>
                </div>
            <?php endwhile; ?>
        </div>
    <?php endif; ?>

</div>

正如前面关于您的问题的 cmets 所述，您需要运行两次 have_rows('paragraph') 语句，以便在两个单独的 html 位置输出灵活的内容段落部分内容。

实际上，您可以将我的所有代码合并到一个 have_rows('paragraph') 语句中，但前提是您的部分内容紧跟在您的目录 html 之后。

如果您想将目录放在侧边栏中或与段落部分输出分开的任何地方，则需要使用have_rows('paragraph') 两次。

---

更新 1

因此，为了回应您的第一条评论，我在测试环境中创建了这个示例 ACF 灵活内容字段。

灵活的内容字段名为paragraphs，字段位置设置为Post 帖子类型。

使用名为 paragraph 的单个块布局，带有两个子字段 title 和 name...

然后我用这个灵活的内容数据创建了一个新的post...

然后我在我的single.php 中运行了这个 php 代码...

<?php

// get our header
get_header();

?>

<main>
    <div class="container">

        <?php if(have_posts()): ?>

            <?php while(have_posts()) : the_post(); ?>

                <h1 class="pb-2 my-4 border-bottom"><?php the_title(); ?></h1>

                <?php if(have_rows('paragraphs')): ?>
                    <div class="accordion" id="tableContentsAccordion">
                        <div class="card">
                            <div class="card-header" id="tableContents">
                                <h2 class="mb-0">
                                    <button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#tableContentsList" aria-expanded="true" aria-controls="tableContentsList">
                                        Table of Contents
                                    </button>
                                </h2>
                            </div>
                            <div id="tableContentsList" class="collapse show" aria-labelledby="tableContents" data-parent="#tableContentsAccordion">
                                <div class="card-body">
                                    <?php while(have_rows('paragraphs')): the_row(); ?>
                                        <?php $title = get_sub_field('title'); ?>
                                        <a href="#<?php echo sanitize_title($title); ?>"><?php echo $title; ?></a><br/>
                                    <?php endwhile; ?>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php endif; ?>

                <?php if(have_rows('paragraphs')): ?>
                    <div class="row my-4">
                        <?php while(have_rows('paragraphs')): the_row(); ?>
                            <?php $title = get_sub_field('title'); ?>
                            <div class="col-12" <?php echo $title ? 'id="' . sanitize_title($title) . '"' : ''; ?>>
                                <?php echo $title ? '<h2>' . $title . '</h2>' : ''; ?>
                                <?php the_sub_field('text'); ?>
                            </div>
                        <?php endwhile; ?>
                    </div>
                <?php endif; ?>

            <?php endwhile; ?>

        <?php endif; ?>

    </div>
</main>

<?php

// get our footer
get_footer();

这是<main> html 元素中的输出...

此更新代码与我的第一个代码示例相同，但在第二个更新示例中，我已将灵活内容字段名称从 paragraph 更改为 paragraphs，并且我还包含了完整的 singe.php 后循环。

不确定我的代码如何输出您的However 屏幕截图？

如果您需要更多帮助，请告诉我。