Русскоязычная WordPress-тема Reboot от WPShop качественно отличается от многих других решений своей максимальной гибкостью. И если на другом шаблоне вам бы пришлось привлекать программиста, чтобы подключить плагин произвольных полей ACF, то здесь можно обойтись своими силами.
Сегодня покажу, как добавить произвольное поле из плагина ACF в ваш шаблон с помощью простого хука.
Инструкция по добавлению произвольного поля в шаблон Reboot
Например, мне нужно добавить произвольное текстовое поле из плагина ACF в редактор WordPress-сайта для своего контент-менеджера, чтобы он его заполнял информацией при публикации, и эта информация выводилась непосредственно перед основным текстом статьи.
Создание группы полей в ACF:
1. В меню административной панели WordPress перейдите к пункту ACF –> Группы полей и нажмите «Добавить новое».
2. Задайте название для этой группы полей.
3. Добавьте в него хотя бы одно поле. Выберите тип поля, заполните этикетку (имя, которое будет отображаться в редакторе), придумайте название. Значение по умолчанию можно задать либо оставить пустым.
3. Установите в блоке настроек правила отображения для группы. В моем случае она будет отображаться только в записях.
4. На вкладке настроек группы «Презентация» выберите стиль отображения группы и позицию ее размещения.
5. Не забудьте нажать «Сохранить изменения». Должно появиться сообщение, что группа полей опубликована.
6. Если сейчас перейдете в редактор WordPress, то увидите там только что созданное поле. В моем случае это «Заморозка», а в само поле контент-менеджер должен добавить информацию о сроках хранения в морозильной камере.
Дальше нужно, чтобы информация о сроках заморозки выводилась после заголовка H1 непосредственно перед основным текстом статьи. К счастью, в шаблоне Reboot для этого предусмотрены очень удобные хуки.
Вывод поля в шаблоне Reboot:
1. В админке WP перейдите к пункту Внешний вид —> Редактор тем, выберите активную тему (в моем случае это дочерняя тема Reboot) и перейдите к файлу function.php.
Альтернативный вариант без вмешательства в файлы шаблона — установить и активировать совершенно бесплатный плагин от WPShop ProFunctions, затем перейти в раздел Плагины —> Редактор плагинов —> ProFunctions.
2. Добавьте в него хук reboot_single_before_the_content и сохраните изменения.
В моем случае хук выглядит следующим образом:
/* Подключение поля ACF */
add_action ( 'reboot_single_before_the_content', function() {
?>
<p class="afc_mrz"><span class="mrz">Срок хранения в морозилке:</span> <?php the_field('moroz'); ?></p>
<?php
} );
Сss-классы afc_mrz и mrz отвечают за визуальную составляющую. Вы можете заменить их своими стилями, чтобы информация из произвольного поля выделялась на фоне остального контента.
Вот и все! Всего несколько строчек кода, и теперь на страницах ваших записей перед контентом будет отображаться отдельное поле с нужными вам данными.
Вот как выглядит у меня:
Хуков в шаблоне Reboot (как и в других темах от WPShop) — большое количество. Все они подробно описаны в документации. Так что вы сможете добавлять нужные вам поля практически в любое место на сайте.
С вас — 👍🏻, если было полезно.