WordPress - Добавление включаемого блока с помощью Advanced Custom Fields

12 апреля 2020

Решил добавить в свою тему включаемый блок с полями.

Идея в следующем:

Есть обычные посты. Иногда требуется внизу поста добавить данные мероприятия с иконками (адрес, дата, время).

Итак, приступим!


1. Устанавливаем плагин Advanced Custom Fields.

2. Создаём Группу полей "Блок мероприятий"

3. Выставляем условия отображения: Тип записи - равно - Запись

4. Добавляем поля event_on-off, date, time, location

5. Настраиваем поле event_on-off:

Ярлык поля: event_on-off

Тип поля: ДА/Нет

Стилизованный интерфейс: Да

6. Поля date, time, location настраиваем индивидуально, но один параметр указываем одинаково:

Условная логика: event_on-off - равно - Выбрано

7. В шаблон single.php добавляем сам блок:

<?php 
if (get_field('event_on-off')) {
?>

<p>
<ul class="fa-event">
<li><i style="color:#f56a6a;" class="far fa-calendar"></i>  <strong><?php the_field('date') ?></strong></li>
<li><i style="color:#f56a6a;" class="far fa-clock"></i>  <strong><?php the_field('time'); ?></strong></li>
<li><i style="color:#f56a6a;" class="fas fa-map-marker-alt"></i>  <strong><?php the_field('location'); ?></strong></li>
</ul>
</p>

<?php
}
?>    

8. Теперь в редакторе поста появился тумблер включения этого блока с возможностью заполнить поля.

Теги: WordPress, ACF