Всем привет.
Сайт сверстан на html css js и поставлен на чистую тему WP. Всего порядка 10-12 страниц.
Есть блок с документами, который повторяется почти на каждой странице сайта.
Я этот блок вынес в отдельный файл php и вставляю на нужную
мне страницу с помощью <?php get_template_part('documentation'); ?>
В ACF я создал группу полей, чтобы менять эти документы. Правило создано, чтобы блок с изменениями находился на главной странице.
Если добавить правила для всех страниц, где надо вывести документы нужно будет на каждой странице добавлять эти документы в ACF.
Код блока с документами
<div class="documentation section" id="documentation">
<div class="container">
<h2 class="section-title textCenter">
Разрешительная документация АНО ДПО «ВАМО»
</h2>
<div class="swiper swiper_documentation">
<div class="swiper-wrapper swiper-wrapper_doc doc-wrap displayFlex alignCenter justifyBetween">
<div class="swiper-slide">
<a href="<?php the_field('doc-wrap__img-1'); ?>" data-lightbox="example-set">
<img src="<?php the_field('doc-wrap__img-1'); ?>" class="doc-wrap__img" alt="документ">
</a>
</div>
<div class="swiper-slide">
<a href="<?php the_field('doc-wrap__img-2'); ?>" data-lightbox="example-set">
<img src="<?php the_field('doc-wrap__img-2'); ?>" class="doc-wrap__img" alt="документ">
</a>
</div>
<div class="swiper-slide">
<a href="<?php the_field('doc-wrap__img-3'); ?>" data-lightbox="example-set">
<img src="<?php the_field('doc-wrap__img-3'); ?>" class="doc-wrap__img" alt="документ">
</a>
</div>
</div>
<div class="swiper-pagination swiper-pagination_doc"></div>
<button type="button" class="slide-next-doc slide-btn">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.875 21.1004L17.3 12.7004C17.4 12.6004 17.471 12.4921 17.513 12.3754C17.555 12.2587 17.5757 12.1337 17.575 12.0004C17.575 11.8671 17.5543 11.7421 17.513 11.6254C17.4717 11.5087 17.4007 11.4004 17.3 11.3004L8.875 2.87539C8.64166 2.64206 8.35 2.52539 8 2.52539C7.65 2.52539 7.35 2.65039 7.1 2.90039C6.85 3.15039 6.725 3.44206 6.725 3.77539C6.725 4.10872 6.85 4.40039 7.1 4.65039L14.45 12.0004L7.1 19.3504C6.86666 19.5837 6.75 19.8714 6.75 20.2134C6.75 20.5554 6.875 20.8511 7.125 21.1004C7.375 21.3504 7.66666 21.4754 8 21.4754C8.33333 21.4754 8.625 21.3504 8.875 21.1004Z"
fill="white"/>
</svg>
</button>
<button type="button" class="slide-prev-doc slide-btn">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.1249 21.1004L6.69994 12.7004C6.59994 12.6004 6.52894 12.4921 6.48694 12.3754C6.44494 12.2587 6.42428 12.1337 6.42494 12.0004C6.42494 11.8671 6.44561 11.7421 6.48694 11.6254C6.52828 11.5087 6.59928 11.4004 6.69994 11.3004L15.1249 2.87539C15.3583 2.64206 15.6499 2.52539 15.9999 2.52539C16.3499 2.52539 16.6499 2.65039 16.8999 2.90039C17.1499 3.15039 17.2749 3.44206 17.2749 3.77539C17.2749 4.10872 17.1499 4.40039 16.8999 4.65039L9.54994 12.0004L16.8999 19.3504C17.1333 19.5837 17.2499 19.8714 17.2499 20.2134C17.2499 20.5554 17.1249 20.8511 16.8749 21.1004C16.6249 21.3504 16.3333 21.4754 15.9999 21.4754C15.6666 21.4754 15.3749 21.3504 15.1249 21.1004Z"
fill="#1568E8"/>
</svg>
</button>
</div>
</div>
</div>
Код выше выводит документы на главной, а на других страницах эти блоки без изображений.
Как выводить эти документы на всех страницах?
