Кастомайзер

Цель раздела: познакомить с интерфейсом кастомайзера WordPress и базовыми возможностями настройки дизайна и функциональности сайта.

Где найти: в админ‑панели WordPress перейдите в «Внешний вид»«Настроить».

Структура кастомайзера

Ниже - описание основных разделов, которые могут присутствовать в кастомайзере (набор зависит от шаблона).

  1. Свойства сайта
    • Что настраивается:
      • логотип в шапке и подвале (загрузка изображений);
      • название сайта;
      • описание сайта (теглайн);
      • иконка сайта (фавикон, рекомендуется формат .png, размер 512 × 512 px).
    • Как применить:
      1. Найдите раздел «Свойства сайта».
      2. Для логотипа/фавикона нажмите «Выбрать изображение» и загрузите файл.
      3. Введите название и описание в соответствующие поля.
      4. Нажмите «Опубликовать» для сохранения.
  2. Статические страницы
    • Что настраивается:
      • страница для главной (например, «О компании»);
      • страница блога или новостей (архив записей);
      • страница портфолио;
      • страница контактов;
      • количество записей на архивной странице (например, 5 или 10 постов).
    • Как применить:
      1. Перейдите в раздел «Статические страницы».
      2. Выберите нужные страницы из списка опубликованных.
      3. Настройте параметры отображения (например, число записей).
      4. Сохраните изменения.
  3. Стили сайта
    • Что настраивается:
      • оформление шапки и подвала (цвета, отступы, шрифты);
      • стили модальных окон (поп‑апов);
      • типографика для блоков редактора Gutenberg (шрифты, размеры, интервалы);
      • цветовые схемы (иногда - через отдельный подпункт «Цвета»).
    • Важно: набор опций зависит от шаблона. Некоторые стили могут быть жёстко заданы в CSS темы.
  4. Настройки сайта
    • Что настраивается:
      • показ/скрытие элементов (например, кнопок соцсетей, поиска);
      • контактные данные (телефон, email, адрес);
      • формы (вставка шорткодов, тексты подсказок);
      • коды аналитики (Google Analytics, Яндекс.Метрика) - вставляются в конце тега </body>.
    • Как применить:
      1. Найдите нужный подраздел (например, «Аналитика» или «Контакты»).
      2. Введите данные или вставьте коды.
      3. Сохраните настройки.
  5. Настройки меню
    • Что настраивается:
      • создание новых меню;
      • редактирование существующих (добавление/удаление пунктов);
      • назначение меню в областях темы (верхнее, нижнее, мобильное).
    • Как применить:
      1. Перейдите в «Настройки меню».
      2. Нажмите «Создать меню» и задайте имя.
      3. Добавьте страницы, записи или произвольные ссылки.
      4. Выберите область отображения (например, «Основное меню»).
      5. Нажмите «Сохранить меню».
  6. Виджеты
    • Что настраивается:
      • размещение виджетов в областях темы (например, подвал, сайдбар);
      • заголовки виджетов;
      • содержимое (текст, списки, формы).
    • Как применить:
      1. Откройте раздел «Виджеты».
      2. Перетащите виджет из списка слева в нужную область справа.
      3. Настройте его параметры (заголовок, контент).
      4. Нажмите «Сохранить» или «Опубликовать».
  7. Демо‑контент
    • Что делает: импортирует тестовый контент и настройки из шаблона.
    • Где найти: отдельный подраздел в кастомайзере.
    • Как использовать: см. раздел 3.1 «Подключение к демо‑контенту».

Важные примечания:

  • Не все шаблоны включают все перечисленные разделы - их наличие зависит от разработчика темы.
  • Перед внесением изменений рекомендуется:
    • сделать резервную копию сайта («Инструменты» → «Экспорт»);
    • проверить отображение на мобильных устройствах (кнопка «Предварительный просмотр» в кастомайзере).
  • Для возврата к стандартным настройкам шаблона ищите кнопку «Сбросить» (если доступна).

После завершения:

  • Проверьте отображение сайта на разных устройствах.
  • Убедитесь, что все ссылки и формы работают корректно.
  • Перейдите к следующему разделу - «Настройка главной страницы» (3.2) для углублённой кастомизации.