Customizer: полное руководство
Что такое Customizer
Заголовок раздела «Что такое Customizer»Customizer (Настройка) — инструмент настройки классических тем. Доступен через Внешний вид → Настройка. Позволяет менять внешний вид сайта с предпросмотром в реальном времени без правок кода.
Для блочных тем используйте Site Editor вместо Customizer.
Как открыть Customizer
Заголовок раздела «Как открыть Customizer»- Админка: Внешний вид → Настройка.
- Или с фронтенда: Кастомизировать в Admin Bar (если включено).
- Или напрямую:
/wp-admin/customize.php.
Основные секции Customizer
Заголовок раздела «Основные секции Customizer»Состав секций зависит от темы. Стандартные секции:
Идентификация сайта (Site Identity)
Заголовок раздела «Идентификация сайта (Site Identity)»- Логотип — загрузите изображение логотипа.
- Название сайта — отображается в шапке и
<title>. - Краткое описание — tagline под названием.
- Иконка сайта (favicon) — отображается во вкладках браузера.
Доступно для большинства классических тем:
- Цвет фона страницы.
- Цвет текста заголовков и основного текста.
- Цвет ссылок.
- Цвета кнопок.
Как изменить:
- Откройте Customizer → Цвета.
- Используйте Color Picker для выбора цвета.
- Или введите HEX-код вручную (например,
#1e73be). - Изменения отображаются мгновенно в предпросмотре.
Контент-опции (Content Options)
Заголовок раздела «Контент-опции (Content Options)»Не все темы поддерживают эту секцию. Когда доступно, содержит:
- Отображение даты — показать/скрыть дату публикации.
- Отображение автора — показать/скрыть имя автора.
- Отображение категорий/тегов — на странице записи.
- Отображение избранного изображения — на странице записи и в списках.
Эти опции зависят от темы — конкретный набор определяет разработчик темы.
Создание и назначение меню в области отображения (primary, footer, social).
Виджеты
Заголовок раздела «Виджеты»Управление виджетами в сайдбарах, подвале и других widget areas.
Дополнительный CSS (Additional CSS)
Заголовок раздела «Дополнительный CSS (Additional CSS)»Редактор для вставки произвольного CSS. Доступен на self-hosted WordPress без ограничений (в отличие от .com). Подробнее — Кастомный CSS в WordPress.
Навигация в Customizer
Заголовок раздела «Навигация в Customizer»- Иконка карандаша (pencil icon) — на некоторых элементах предпросмотра появляется синий карандаш; клик по нему открывает соответствующие настройки.
- Адаптивный предпросмотр — иконки внизу окна: десктоп, планшет, мобильный.
- Сохранить черновик / Опубликовать — можно сохранить изменения как черновик и опубликовать позже.
На self-hosted WordPress все функции Customizer доступны бесплатно в любой теме, которая их поддерживает. Никаких ограничений по планам.
Связанные страницы
Заголовок раздела «Связанные страницы»- Темы, child theme и Customizer: основы
- Типы тем WordPress
- Site Editor: визуальное редактирование
- Кастомный CSS в WordPress
- Меню в WordPress