Ваша тема. Ваш стиль. Ваш WordPress.
Выберите основу, настройте оформление и соберите свою страницу из секций. Проверьте пример на телефоне и компьютере — и скачайте готовую тему.
В вашем браузере
Начните с готовой основы
Дальше всё можно настроитьГотово к настройке. Изменения сохраняются в этом браузере.
Как установить темуЗаполнить примерамиБлог, компания или портфолио
Примените образцы, чтобы оценить оформление. Тексты главной войдут в тему — замените их своими. Демо-записи останутся только в примере и не создадутся в WordPress.
Знакомство с вашей темой
Эти данные появятся в списке тем WordPress.
Латинские буквы, цифры и дефис. Например, my-practice-theme.
Название в примере сайта
Только для предпросмотра. После установки название и описание сайта задаются в WordPress.
Главная с вашим содержанием
Соберите главную из восьми блоков: от первого экрана до услуг, отзывов и контактов. Включайте только то, что нужно вашему сайту.
В режиме с блоками главная строится из настроек ниже. Выбранная статическая страница не вставляется автоматически. Лента сохраняет настройки чтения WordPress.
Включите блок, нажмите «Настроить» и замените примеры своими данными. Все тексты, порядок и изображение войдут в тему. Последние записи берутся из вашего WordPress.
Блоки вашей главной
«Показывать» включает блок. Стрелки меняют его место. «Настроить» открывает один блок: остальные поля не мешают работе. Скрытые блоки сохраняют содержание.
Первый экранЗаголовок, изображение и кнопки
Изображение первого экранаВаша иллюстрация или фотография
PNG, JPG или WebP до 12 МБ. Обработка происходит в вашем браузере: длинная сторона — до 1600 px, готовый файл — до 1,5 МБ. Изображение сохраняется внутри темы и проекта.
Без изображения тема покажет декоративный блок.
Кнопки первого экранаДо двух действий
Оставьте подпись пустой, чтобы скрыть соответствующую кнопку. Для внешнего сайта укажите полный адрес с https://.
Основная кнопка
Дополнительная кнопка
ПреимуществаТри короткие карточки
Первое преимущество
Второе преимущество
Третье преимущество
Услуги и направленияДо 6 карточек с необязательными ссылками
Для услуги можно указать ссылку на подробности. Пустая подпись скрывает её. Примеры следует заменить своими предложениями.
Карточки услуг
ОтзывыДо 6 отзывов с именем автора
Размещайте настоящие отзывы с разрешения авторов. Подпись или компанию можно оставить пустой. Перед публикацией замените примеры.
Отзывы клиентов
Частые вопросыДо 10 вопросов и раскрывающихся ответов
Один вопрос — один ясный ответ. На сайте ответы раскрываются по нажатию и работают с клавиатуры без дополнительных библиотек.
Вопросы и ответы
Призыв к действиюПредложите посетителю следующий шаг
Для перехода к контакту используйте #contacts, для своей страницы — /contacts/. Пустая подпись скрывает кнопку.
КонтактыПочта, телефон, адрес и ссылка
Заполните свои способы связи. Этот блок не отправляет заявки: для формы можно отдельно подключить плагин WordPress.
ГалереяИзображения, подписи и увеличение
До шести изображений. PNG, JPG и WebP до 12 МБ каждый; подготовим до 1280 px и 350 КБ. Все файлы входят в тему. Заполнитель можно заменить позднее в настройках WordPress.
Последние записиСвежие материалы из WordPress
Цвет и характер
После установки меняйте шрифт, ширину страницы и скругления в своём WordPress: «Внешний вид → Настроить → Размеры и материалы → Шрифт и размеры». Цвета остаются в разделе «Оформление темы».
Выберите сочетание, затем уточните каждый цвет.
При системном уменьшении движения анимация отключается, содержимое остаётся доступным.
Ваш логотипВ примере и внутри темы
PNG, JPG или WebP до 12 МБ. Подготовим локально до 640 px и 256 КБ. Прозрачный фон сохраняется. Назначенный в WordPress логотип имеет приоритет.
Шапка и навигация
«Стекло» добавляет полупрозрачный фон и размытие. Компактный вариант оставляет больше места материалам.
Кнопка в шапкеНеобязательное действие
Пустая подпись скрывает кнопку.
Области меню
Реальные пункты назначаются в WordPress: Внешний вид → Меню. Здесь показан пример.
Откройте пример на 320 px и нажмите кнопку меню. Большой просмотр позволяет проверить прокрутку и закрепление шапки.
Материалы, которые удобно читать
Здесь задаётся начальное оформление темы. После установки откройте в своём WordPress «Внешний вид → Настроить → Размеры и материалы»: карточки и анонсы — в «Список материалов», текст статьи и колонка — в «Страницы и боковая колонка».
На узком экране колонки перестраиваются автоматически.
Изменяет картинки в карточках материалов и последних записей на главной. Крупная иллюстрация статьи остаётся без такой обрезки.
Страница записи
Текст и заголовкиРазмеры и межстрочный интервал
Заголовки дополнительно уменьшаются на телефоне. Проверьте длинную запись на 320 px.
Соберите свою страницу
Добавьте секции, заполните тексты и посмотрите всю страницу до скачивания темы. После установки её можно создать черновиком через мастер первого запуска и продолжить редактирование в WordPress.
Состав страницы
Начните с готового состава выше или добавьте первую секцию ниже.
Включённых секций пока нет. Они сохраняются в проекте, но пустая страница не предлагается мастером WordPress.
Добавить секцию
Один тип можно использовать несколько раз. Всего до 12 секций, включая скрытые.
Как перенести собранную страницу
- Скачайте тему ZIP и сохраните проект JSON.
- После активации темы откройте Внешний вид → Первый запуск.
- В шаге «Страницы и навигация» выберите создание «Собранной страницы», проверьте план и примените. По умолчанию это черновик с вашим названием и выбранным шаблоном.
- Откройте страницу, замените оставшиеся образцы и проверьте результат перед публикацией.
Мастер включается в «SEO и функции». Сама активация темы не создаёт страницы. Повторный запуск не заменяет отредактированное содержание существующей страницы.
Отдельные заготовки WordPressШесть прежних секций и ваша собранная страница
Выберите секцию: пример справа покажет её в цветах вашей темы. Это образец; свои тексты вы заполните после установки в WordPress.
Другой способ: вставить как паттерн
- Установите и активируйте скачанную тему.
- Откройте Страницы → Добавить новую, затем «+» → «Паттерны» → «Секции моей темы».
- Вставьте отдельную секцию или «Собранную страницу» с вашим составом. Заголовок страницы и её шаблон при таком способе задайте отдельно в редакторе.
Без боковой колонки: выберите шаблон «Страница без боковой колонки». Шапка и подвал остаются.
Контакты — ссылки на почту и телефон. Форму с отправкой писем можно добавить отдельным плагином. Выключение библиотеки не удаляет ранее вставленные блоки.
Места для нужных блоков
Зоны виджетов — места для поиска, рубрик и других блоков. Наполнение вы добавите в WordPress.
Подвал
Полезные возможности темы
Настройки входят в скачанный ZIP. После установки их можно изменить в WordPress: Внешний вид → Возможности темы.
Первый запуск сайтаНазвание, страницы, меню и главная
После активации откройте «Внешний вид → Первый запуск». Задайте логотип и название сайта, подготовьте страницы из готовых секций и при необходимости меню. Перед применением увидите весь план. Новые страницы по умолчанию — черновики; текущее содержимое сохраняется.
Мастер не запускается автоматически. Его можно отключить в «Возможностях темы», сохранив уже созданные данные.
Базовое SEOЗаголовки и описания материалов
В редакторе записи или страницы появится блок «SEO». Для рубрик поля доступны в Записи → Рубрики. Пустой title оставляет штатный заголовок WordPress. При известных SEO-плагинах (Yoast, All in One SEO, Rank Math, SEOPress, The SEO Framework) тема передаёт управление им, чтобы не дублировать метаданные.
Визуальный пример не выполняет PHP и SEO. Готовые теги проверяйте после установки. Для sitemap, расширенных схем и социальных карточек подключите SEO-плагин.
CSS и JavaScript материаловСвои стили и поведение для одной страницы
После установки откройте нужный материал в WordPress: рядом с SEO появится блок с двумя полями кода. У рубрики поля находятся на странице её редактирования. Вводите чистый CSS и JavaScript без тегов <style> и <script>. Они подключаются только на странице этого материала или архива рубрики.
Доступ зависит от права WordPress на вставку произвольного кода. Скрипты проверяйте на копии сайта. Содержимое этих полей хранится в вашем WordPress и не добавляется в демонстрацию конструктора.
Режим обслуживанияСообщение посетителям на время работ
По умолчанию выключен. Активный режим возвращает HTTP 503, запрещает индексирование временной страницы и оставляет вход администратора доступным. При серверном кэше очистите его или отключите на время работ.
Плагины и блокиКак расширить сайт после установки
Плагины устанавливаются в вашем WordPress отдельно. Генератор не загружает и не активирует их автоматически.
Галерея без плагина
В редакторе страницы нажмите «+» → Галерея → загрузите изображения. В панели блока задайте колонки и подписи. Увеличение по клику можно включить в настройках этой темы.
Форма обратной связи
Установите Contact Form 7 через Плагины → Добавить. Создайте форму, настройте адрес получателя и добавьте блок Contact Form 7 на страницу. Если ваша версия предлагает шорткод, его можно вставить в блок «Шорткод». Отдельно проверьте доставку тестового письма.
Contact Form 7 в каталоге WordPress ↗Расширенное SEO
Установите один SEO-плагин, пройдите начальную настройку и заполните его поля у материалов. Базовое SEO темы можно отключить в «Возможностях темы». Не включайте несколько SEO-плагинов одновременно.
Yoast SEO в каталоге WordPress ↗Резервные копии
Перед сменой темы создайте копию файлов и базы. В UpdraftPlus задайте расписание и хранилище, выполните первую копию и проверьте возможность восстановления.
UpdraftPlus в каталоге WordPress ↗Ваша тема готова к сборке
ZIP устанавливается в WordPress. JSON сохраняет настройки темы, главную и собранную страницу со всеми секциями, текстами, ссылками и изображениями. Проекты прежних версий тоже можно открыть.
После установки оформление доступно в «Внешний вид → Настроить → Размеры и материалы». Сохранённый здесь JSON не обновляется автоматически от правок на вашем WordPress.
Какие файлы войдут в тему
Список обновляется вместе с настройками.
Демо-записи не добавляются в ваш WordPress. Тексты главной и собранная страница входят в тему. Создать её черновик можно после установки через «Первый запуск»; записи, меню и виджеты берутся с вашего сайта. Передайте JSON коллеге, чтобы он продолжил оформление здесь.
Пример сайта
Ширина примера: 1280 px
Прокручивайте сам примерЗдесь показаны примерные записи. Тексты главной с блоками и кнопок войдут в тему. Предпросмотр проверяет внешний вид; PHP, плагины и работа WordPress проверяются после установки.
От конструктора — к вашему WordPress
6 коротких шагов- Скачайте ZIP темы
Сохраните и JSON проекта, чтобы вернуться к настройкам позже.
- Загрузите архив
В WordPress: Внешний вид → Темы → Добавить тему → Загрузить тему.
- Посмотрите перед активацией
Проверьте записи и страницы на своём сайте через предварительный просмотр.
- Откройте первый запуск
После активации: Внешний вид → Первый запуск. Подготовьте название, логотип, страницы и меню; проверьте план перед применением.
- Заполните страницы и виджеты
Замените образцы своими текстами и контактами. Добавьте подходящие блоки в нужные зоны.
- Проверьте на телефоне
Откройте длинную запись, мобильное меню и короткую страницу.
После установки оформление меняется в «Внешний вид → Настроить → Размеры и материалы». Цвета и шапка — в разделе «Оформление темы». При выключенном мастере назначьте меню и логотип обычными настройками WordPress. При смене темы материалы остаются в WordPress. Сохраните прежнюю тему для возврата и проверьте результат до активации на рабочем сайте.