Блог

У меня есть код html / php, как показано ниже, который отображает список ссылок, поступающих из WordPress.

html / php:

 <header class="entry-header container grid-flex">
    <div class="flex-item -sm-50">
        <button>Thumbs</button> // Line Z
    </div>
</header><!-- .entry-header -->
<div class="entry-content">
    <?php
    echo "<pre>"; print_r($all_list); echo "</pre>";   // Line A
    echo "<hr>";
    echo "Active List<br>";
    echo "<pre>"; print_r($active_list); echo "</pre>";   // Line B
    echo "<hr>";
    echo "Passive List<br>";
    echo "<pre>"; print_r($passive_list); echo "</pre>";   // Line C
    // Load the thumbnails view
    get_template_part( 'parts/content-list-thumbs' );     // Line D
    ?>
</div>
  

Строка A отображает следующий список ссылок:

 https://www.abcd.com/en/programs/abcdef/

https://www.abcd.com/en/programs/pdsfhdf

https://www.abcd.com/en/programs/sdfhsw/

https://www.abcd.com/en/programs/dhdhdw/
  

В строке B отображаются следующие ссылки:

 https://www.abcd.com/en/programs/abcdef/

https://www.abcd.com/en/programs/pdsfhdf
  

Строка C отображает следующие ссылки:

 https://www.abcd.com/en/programs/sdfhsw/

https://www.abcd.com/en/programs/dhdhdw/
  

Ниже показан код внутри файла content-list-thumbs, исходящий из строки D, и он вызывается только при нажатии кнопки из строки Z в коде html / php выше.

html / js код:

 <ul id="list-thumbs">
    <?php
    while (have_posts()) : the_post();
        ?>
        <li class="list-grid__thumb list-grid__item">
            <a class="list-grid__img-link" href="<?php echo esc_url(get_the_permalink()); ?>">
                <?php if (has_post_thumbnail()) { ?>
                    <?php
                    $image_id = get_post_thumbnail_id(get_the_ID());
                    CPACImagesthe_img_fit_figure($image_id, 'list-grid__image', '(min-width: 650px) 50vw, 100vw', false); ?>
                <?php } ?>
            </a>
        </li>
    <?php endwhile; ?>
</ul>
  

Приведенный выше html / js-код отображает список изображений, связанных со строкой A.

Постановка проблемы:

Чего я хочу добиться из приведенного выше кода html / js, так это того, что я хочу отобразить список изображений, связанных со строкой B и строкой C, с разделителем.

Строка B изображения

Изображения строки C