Одиночная страница
Цель: создать и опубликовать самостоятельную страницу сайта (о компании, наша команда и т. п.), используя редактор Gutenberg. Оформление можно частично настроить через раздел «Стили сайта» в кастомайзере (при поддержке темы).
Шаг 1. Создание страницы
- Перейдите в «Страницы» → «Добавить новую».
- Введите заголовок страницы (например, «О компании», «Контакты», «Услуги»).
Шаг 2. Наполнение контентом через Gutenberg
- Добавляйте блоки, нажимая кнопку «+» (плюсик) вверху или слева экрана.
- Используйте базовые блоки:
- «Параграф» - для основного текста;
- «Заголовок» - для подзаголовков разных уровней;
- «Изображение» - для вставки иллюстраций;
- «Галерея» - для подборки изображений;
- «Список» - для маркированных/нумерованных перечней;
- «Цитата» - для выделения цитат;
- «Кнопка» - для добавления кликабельных кнопок;
- «Разделитель» - для визуального разделения блоков;
- «Колонки» - для размещения контента в несколько колонок;
- «Мультимедиа и текст» - для комбинации изображения и текста в одном блоке.
- Для каждого блока:
- введите текст или загрузите медиафайлы;
- настройте выравнивание, цвет, размер шрифта (если доступно);
- задайте дополнительные параметры через боковую панель настроек (открывается кликом по блоку).
- Перетаскивайте блоки для изменения их порядка.
- Удаляйте блоки через иконку корзины в панели инструментов блока.
Шаг 3. Настройка метаданных
- В правой панели редактора заполните:
- URL‑slug (краткое имя для адреса, например,
o-kompaniiилиkontakty); - Шаблон страницы (если тема предлагает варианты: «Без боковой панели», «С боковой панелью» и т. п.);
- Изображение страницы (если предусмотрено темой);
- Мета‑описание (для SEO, если поле доступно).
- URL‑slug (краткое имя для адреса, например,
- В разделе «Опубликовать» (справа вверху):
- выберите статус («Опубликовано», «Черновик»);
- задайте дату и время публикации (если нужно отложить выход);
- нажмите «Опубликовать» или «Обновить».
Шаг 4. Визуальная настройка через «Стили сайта» (опционально)
- Перейдите в «Внешний вид» → «Настроить».
- Откройте раздел «Стили сайта» (название может отличаться в разных темах).
- В зависимости от возможностей темы, настройте:
- базовые параметры (шапка, подвал, общие отступы);
- цветовую схему (основные цвета текста, фона, акцентов);
- типографику (шрифты, размеры заголовков и основного текста, межстрочные интервалы);
- стили отдельных элементов (кнопок, ссылок, блоков контента);
- макет (ширина контента, расположение боковых панелей, отступы).
- Некоторые темы предлагают:
- отдельные настройки для мобильных устройств;
- предустановленные цветовые схемы;
- возможность загрузки собственных шрифтов;
- расширенную настройку CSS для продвинутых пользователей.
- После внесения изменений нажмите «Опубликовать», чтобы сохранить настройки.
Важно:
- Набор доступных настроек зависит от выбранной темы. Не все темы поддерживают детальную кастомизацию.
- Изменения в «Стилях сайта» применяются ко всему сайту, а не только к текущей странице.
- Если тема не предоставляет расширенных настроек в «Стилях сайта», оформление будет определяться её базовым шаблоном.
- Для отдельных блоков можно задавать стили напрямую через боковую панель настроек блока - эти настройки работают независимо от глобальных стилей сайта.
Шаг 5. Проверка публикации
- Откройте страницу по прямой ссылке (из поля URL‑slug или через меню сайта).
- Убедитесь, что:
- заголовок и текст отображаются корректно;
- изображения загружены и видны;
- выбранная шаблон страницы соответствует ожиданиям;
- мобильная версия адаптирована (проверьте на смартфоне или через режим эмуляции в браузере).
- Протестируйте интерактивные элементы:
- кликабельны ли кнопки;
- работают ли ссылки в тексте;
- корректно ли отображаются колонки и медиа‑блоки.
Типичные проблемы и их решения
- Страница не открывается по URL
- Причина: не обновлён ЧПУ или ошибка в slug.
- Решение: перейдите в «Настройки» → «Постоянные ссылки» и сохраните настройки. Проверьте правильность slug в редакторе страницы.
- Не отображается изображение страницы
- Причина: тема не поддерживает вывод изображения или поле не заполнено.
- Решение: загрузите изображение в соответствующем поле правой панели редактора.
- Не сохраняются настройки «Стилей сайта»
- Причина: конфликт с кэшем или плагинами.
- Решение: очистите кэш браузера (Ctrl + F5), отключите плагины кэширования, сохраните настройки заново.
- Блоки выглядят не так, как ожидалось
- Причина: стили темы переопределяют настройки или изменения не применены ко всем блокам.
- Решение: проверьте настройки в разделе «Стили сайта» или используйте пользовательский CSS (если доступно).
- Не применяется выбранный шаблон страницы
- Причина: тема не поддерживает шаблоны или ошибка в настройках.
- Решение: убедитесь, что шаблон выбран в правой панели редактора, и тема его поддерживает.
