ACF PRO Gutenberg-блоки нужны, когда обычного визуального редактора уже не хватает: требуется управляемая секция, повторяемый блок, аккуратные поля и предсказуемая верстка.

Если сделать блоки наспех, редактор начинает разваливаться, контент сложно менять, а верстка поехавших секций мешает SEO и конверсии.

Коротко: важны структура полей ACF, чистая верстка, единицы rem, адаптивность и проверка блока прямо в редакторе.

Когда такая задача появляется

Такая задача обычно появляется при редизайне WordPress-сайта, сборке лендинга, переносе с конструктора или создании набора секций для контент-менеджера.

Что проверяю перед работой

  • какая тема WordPress используется и есть ли child theme
  • какие поля нужны контент-менеджеру
  • как блок выглядит в редакторе и на фронте
  • нет ли конфликта CSS с темой
  • как блок ведет себя на мобильном экране

Как я подхожу к задаче

Я сначала описываю структуру блока, затем делаю поля, шаблон, CSS и проверку в Gutenberg.

  • создаю ACF-блоки с понятными полями
  • верстаю секции в rem без лишних оберток
  • делаю адаптив под телефон и планшет
  • изолирую стили блока
  • проверяю редактирование без программиста

Что подготовить

  • ссылка на сайт, кабинет, репозиторий или тестовую страницу
  • описание ожидаемого результата простыми словами
  • скриншоты, макет, пример ошибки или список правок
  • доступы с минимальными правами или тестовый доступ
  • информация о том, что менялось перед появлением проблемы

Какой результат считается нормальным

Блок можно добавлять в редакторе, менять текст и изображения, а на сайте он выглядит стабильно во всех основных разрешениях.

Чего лучше не делать

Не стоит зашивать контент прямо в PHP-шаблон, если блоком должен пользоваться редактор.

Вопросы и ответы

Можно ли сделать блок без ACF PRO?

Можно, но ACF PRO ускоряет работу и удобен для управляемых полей.

Почему rem лучше px?

rem проще масштабировать и поддерживать в единой типографике сайта.

Нужно ли тестировать редактор?

Да, блок должен быть удобен не только посетителю, но и тому, кто наполняет сайт.

Нужна похожая задача?

Напишите в Telegram @rabotator_support или оставьте заявку на сайте. Коротко опишите, что нужно сделать, приложите ссылку, доступные скриншоты или текст ошибки. Я посмотрю задачу и предложу безопасный план работ.

Итог

ACF PRO и Gutenberg позволяют собрать удобные WordPress-блоки, если заранее продумать поля, верстку и поведение в редакторе.