Gutenberg в WordPress: как менять страницы и сохранять дизайн сайта

Можно ли обойтись без разработчика при обычной правке

«Мы сможем сами добавлять услуги и менять фотографии?» Этот вопрос лучше задать до разработки сайта на WordPress. Ответ зависит от того, какие действия подготовили для редактора: заменить текст в готовой структуре, собрать страницу из разрешённых секций или свободно изменить почти всё оформление.

Дальше речь о корпоративном сайте с услугами и новостями: маркетолог готовит содержание, публикует материалы и обновляет предложения компании. Разработчик поддерживает шаблоны.

При еженедельном выпуске материалов маркетологу важнее предсказуемый результат после сохранения, чем возможность вручную выбирать любой отступ, цвет и размер заголовка на каждой новой странице, заново оценивая её оформление. Я рекомендую обсуждать редактор на примерах будущих задач. Нужна акция? Покажите её содержание. Часто меняется команда? Подрядчик сможет подготовить отдельную секцию с сотрудниками, где легко заменить фотографию и должность, сохранив единое оформление карточек.

Gutenberg — название проекта, с которым связан блочный редактор WordPress. Здесь разберём повседневное наполнение сайта: какую самостоятельность стоит получить маркетологу и как её оценить на готовой странице. Разработка собственных блоков и выбор всей платформы требуют отдельного обсуждения.

Блоки и структура страницы

В документации WordPress описана работа с отдельными блоками: абзацами, изображениями, заголовками и другими элементами содержания. Редактор стал стандартным в WordPress 5.0. В нём есть область содержимого, верхняя панель инструментов и боковая панель настроек.

На странице услуги заголовок называет предложение, фотография показывает результат работы, текст объясняет состав услуги, а кнопка ведёт к обращению; маркетолог меняет содержание этих элементов, сохраняя собранную дизайнером последовательность и оформление страницы. Каждый элемент редактируется отдельно. Однако набор доступных настроек готовят под задачи сотрудника. В одном случае ему достаточно заменить текст кнопки и ссылку. В другом он сам выбирает её размер и цвет.

Я советую ограничить набор секциями с ясными названиями. Готовые «Этапы работы» сотруднику легче добавить, чем каждый раз заново собирать их из пустых колонок. Служебные элементы и несколько похожих вариантов одной кнопки усложняют выбор без пользы для этой задачи.

Для длинной страницы полезен режим списка блоков — List View: он показывает структуру и помогает выбрать нужный элемент. Доступность настроек самого блока определяют отдельно при подготовке сайта, поэтому при приёмке страницу открывают под учётной записью будущего редактора.

Что выбрать: свободную сборку или готовые секции

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

Для регулярного наполнения я рекомендую готовые секции, поскольку маркетологу нужно быстро опубликовать понятное предложение, не превращая каждую замену фотографии в небольшую работу по дизайну и адаптации всей страницы для телефона. Набор может включать первый экран, описание услуги, этапы, документы и ответы на вопросы. Содержание меняется. Основные отступы остаются едиными. Так компания получает разные страницы в узнаваемом оформлении, а редактор тратит внимание на смысл предложения и точность сведений.

Противоположная крайность — жёсткая форма с одним текстовым полем на огромный раздел. Если для нового подзаголовка каждый раз требуется разработчик, самостоятельность получилась номинальной. Полезный компромисс оставляет автору набор осмысленных вариантов, а изменения общего оформления выводит в отдельную задачу.

Когда изменение повторится на нескольких страницах

Паттерн — подготовленная композиция из блоков. В WordPress есть синхронизированные паттерны: правка общего элемента отражается во всех местах его использования. Если нужна самостоятельная копия для одной страницы, действие Detach отделяет её от паттерна; у заблокированного паттерна этот пункт недоступен. Обе операции описаны в справке WordPress.

Есть и промежуточный вариант: в синхронизированном паттерне разработчик может разрешить менять отдельные тексты или изображения для каждой страницы, сохраняя общее оформление. Такие переопределения содержания позволяют оставить единый дизайн карточек при разных заголовках, поэтому перед правкой полезно выяснить, какие поля общие, а какие относятся только к открытому экземпляру.

Для нашего разбора подходит общий блок записи на консультацию: одинаковый телефон на страницах услуг удобно обновлять централизованно, чтобы после смены номера посетитель мог обратиться по актуальному контакту с любой из них. Здесь синхронизация полезна. А срок отдельной акции относится только к её странице. Я рекомендую обозначить различие в названиях элементов: «Общий контактный блок» и «Анонс на этой странице». Автор видит область действия правки ещё до сохранения. Это особенно полезно сотруднику, который получил доступ к сайту недавно и пока не знает его устройство.

В приёмочный сценарий стоит включить два открытых адреса. Редактор меняет общий блок, сохраняет его и видит ожидаемый результат на обоих. Затем он правит отдельную секцию и убеждается, что вторая страница сохранила собственное содержание.

Защита оформления без помех для автора

Разработчик может ограничить перемещение и удаление блоков, добавление новых элементов и изменение настроек, оставив доступ к содержанию. Такие возможности перечислены в руководстве WordPress по блокировке блоков. Для страницы услуги это позволяет закрепить композицию, сохранив поля для нового предложения.

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

Для первого экрана услуги разумно сохранить расположение заголовка, подписи и кнопки, но оставить маркетологу возможность заменить формулировку, фотографию и адрес перехода без обращения за каждой мелкой правкой к дизайнеру или программисту. Так секция поддерживает рабочую задачу. Полный запрет редактирования лишает эту настройку смысла. Если обычную правку можно сделать лишь после выдачи административного доступа, права и доступные поля стоит пересмотреть вместе с подрядчиком. Цель — дать сотруднику подходящий способ выполнить свою работу.

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

Приёмка на настоящих материалах компании

Демонстрационную страницу легко сделать аккуратной: взять короткий заголовок, одинаковые фотографии и несколько строк описания. При публикации материалов компании появятся другие форматы и длина текста.

Для приёмки я советую маркетологу взять реальное описание услуги с длинным названием, фотографию другого формата и документ с понятным читателю именем, а затем самостоятельно собрать страницу в подготовленном редакторе без подсказок разработчика на каждом шаге. Небольшие затруднения здесь особенно полезны. Они показывают, где не хватает названия поля, готового варианта секции или правила размещения. Если сотрудник вынужден вручную подбирать пробелы для переноса строки, проблема находится в устройстве шаблона. Её выгоднее решить один раз, чем передавать такой приём в каждой инструкции.

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

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

Что поможет исправить неудачную правку

В WordPress система редакций сохраняет историю изменений записи или страницы, позволяет сравнивать версии и восстанавливать выбранную. Автосохранения — особый вид редакций: они не перезаписывают опубликованное содержание. При этом хранение редакций может быть ограничено настройками проекта; эти детали описаны в документации о редакциях.

Если сотрудник испортил текст одной страницы, доступная редакция может помочь вернуть содержание, однако восстановление темы, файлов сайта или последствий неудачного обновления плагина относится уже к другой задаче и требует отдельного порядка резервного копирования. Поэтому при передаче сайта полезно разобрать оба сценария. Первый доступен редактору. Второй относится к обслуживанию и имеет своего ответственного. У команды появляется понятная граница: что можно исправить самостоятельно, а с чем сразу обращаться к специалисту.

Для значимых общих блоков полезен ещё один вопрос: какие страницы затронула правка и где посмотреть её результат. Даже когда технический способ восстановления существует, человеку важно быстро понять масштаб изменения. Список использований и понятное название общего элемента помогают здесь больше, чем обещание «всё можно откатить».

С чего начать разговор с подрядчиком

Лучший первый вопрос звучит так: «Покажите, как наш маркетолог создаст новую страницу услуги из наших материалов под своей учётной записью». В ответе будет видно и удобство Gutenberg, и качество подготовки конкретного сайта.

Мы рекомендуем передавать вместе с сайтом небольшой каталог доступных секций, список общих элементов, границы прав редактора и пример самостоятельной публикации, чтобы следующий сотрудник смог повторить обычную работу без изучения истории переписки с разработчиком. Начать стоит с частых операций. Для каждой достаточно показать действия и результат; описание всех возможностей WordPress перегрузит такую памятку. Позже набор блоков можно расширять по реальным запросам команды. Тогда развитие редактора связано с работой бизнеса, а не с желанием установить ещё один большой набор возможностей.

В разработке сайтов ШТАБ ИТ удобство наполнения можно включить в требования наравне с внешним видом. Для маркетолога итогом станет понятный способ публиковать материалы, а для руководителя — предсказуемый объём самостоятельной работы команды и отдельных задач подрядчику.