Intereting Posts
Добавить параметры видео vimeo, используя вставки WordPress WordPress add_rewrite_rules для пользовательских URL-адресов, заканчивающихся на .html Как добавить пользовательскую функцию для добавления / обновления продукта? Справка Сохранение настраиваемого метаданного типа сообщения Передача пользовательской ценности пользовательской таксономии Форма WordPress для Email.php и темы Отображать контент на основе имени пользователя ACF – получить самое низкое и самое высокое значение из поля WP_Query с различным фильтром postmeta для каждой категории Форма плагина неспособна обрабатывать Отображать пользовательские поля комментариев только для первого уровня Запрос SQL для получения списка всех пользователей вместе со своими блогами Почтовая кнопка, показывает ошибку 404 не найдена Пользовательский URL-адрес типа сообщения возвращает 404 страницу с ошибкой Создание виджета, отображающего содержимое страницы

ACF Repeater Field Question

Я использую Advanced Custom Fields, чтобы сделать 3 служебных блока.

Я хочу использовать поле ретранслятора для цикла три divs, которые содержат шесть абзацев и изображений. Проблема заключается в том, что это правильный цикл, но контент внутри службы имен классов циклически выполняется индивидуально

Я хочу, чтобы эти абзацы и изображения отображались во дворах внутри трех разделов.

<div class''services> <div class="box-service">Content Go Here</div> <div class="box-service">Content Go Here</div> </div> <div class''services> <div class="box-service">Content Go Here</div> <div class="box-service">Content Go Here</div> </div> <div class''services> <div class="box-service">Content Go Here</div> <div class="box-service">Content Go Here</div> </div> 

Код WordPress

 <section class="services cf"> <div class="wrapper"> <?php if( have_rows('services_sections') ): ?> <?php while( have_rows('services_sections') ): the_row(); // vars $image = get_sub_field('services_icon'); $title = get_sub_field('service_title'); $description = get_sub_field('services_description'); ?> <div class="service"> <div class="box-service"> <div class="pull-left"> <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt'] ?>" /> </div> <div class="line"></div> <div class="right-word"> <h3><?php echo $title; ?></h3> <p><?php echo $description; ?></p> </div> </div> </div> <?php endwhile; ?> <?php endif; ?> </div> </section> // -------- Services Styles --------- // .services { clear: both; .line { border: 1px solid #ebebeb; } .service { background-color: $offwhitecolor; width: 31%; float: left; margin: -5rem 1% 1%; text-align: left; position: relative; -webkit-box-shadow: 0px 8px 18px rgba(38,40,44,0.2); -moz-box-shadow: 0px 8px 18px rgba(38,40,44,0.2); box-shadow: 0px 8px 18px rgba(38,40,44,0.2); .box-service { padding: 1rem 7.5% 1rem; h3 { font-family: 'Open Sans', sans-serif; font-size: 1.0rem; font-weight: 700; } p { font-family: 'Lato', sans-serif; font-size: 1.0037500100376rem; font-weight: 300; } .right-word { padding-left: 30px; } .left-icon { margin: 35px -5px; } } } } 

Вам нужно будет создать поле вспомогательного ретранслятора (давайте вызовите box_service ) внутри полей services_sections ретранслятора . Затем создайте вспомогательные поля ( services_icon, service_title, services_description ) внутри поля box_service повторителя. (пожалуйста, проверьте приложение) введите описание изображения здесь )

затем используйте ниже код:

 <section class="services cf"> <div class="wrapper"> <?php if( have_rows('services_sections') ): while( have_rows('services_sections') ): the_row(); ?> <div class="service"> <?php if( have_rows('box_service') ): while( have_rows('box_service') ): the_row(); // vars $image = get_sub_field('services_icon'); $title = get_sub_field('service_title'); $description = get_sub_field('services_description'); ?> <div class="box-service"> <div class="pull-left"> <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt'] ?>" /> </div> <div class="line"></div> <div class="right-word"> <h3><?php echo $title; ?></h3> <p><?php echo $description; ?></p> </div> </div> <?php endwhile; endif; ?> </div> <?php endwhile; endif; ?> </div>