Бесплатный конструктор тем WordPress онлайн
Бесплатный конструктор тем WordPress: свой дизайн, главная, галерея, секции страниц и мастер первого запуска. Настройка шрифтов, размеров, карточек и боковой колонки после установки, предпросмотр и скачивание ZIP.
Соберите своё оформление WordPress: выберите основу, настройте главную страницу, цвета, шапку, меню, карточки записей и подвал. После установки продолжайте менять шрифт, размеры, оформление материалов и боковую колонку в своём WordPress. Для обычных страниц есть готовые секции, которые можно наполнить в редакторе. Посмотрите пример на разных экранах и бесплатно скачайте тему ZIP для установки на свой сайт.
Редактор сохраняет настройки отдельно от готовой темы. Ниже — рабочее место, а после него короткое руководство: что меняет каждый раздел, как перенести проект и что проверить после установки.
Уже установили тему? Перейдите к настройке оформления в WordPress или к мастеру первого запуска.
Конструктор темы
Конструктор тем WordPress
Выберите основу, настройте оформление и структуру. Проверьте пример сайта на разных экранах и скачайте тему для установки в WordPress.
Открыть редактор отдельно ↗Быстрый старт: от основы к своей теме
- Выберите основу. Рассмотрите четыре готовых варианта и начните с близкой композиции. Затем меняйте отдельные параметры.
- Подберите оформление. Задайте фон, текст и акцент, проверьте заголовок и обычный абзац. Начните с одного заметного изменения.
- Откройте пример. Сравните «Материалы», «Запись», «Страница» и «Главная», затем телефон и компьютер.
- Назовите тему и скачайте ZIP. Сохраните также проект JSON, чтобы позже продолжить настройку.
Название темы появится в списке установленных тем WordPress. Демонстрационное название сайта помогает оценить шапку; после установки название и содержание берутся из вашего WordPress. Это разные данные.
Что настраивать и зачем
Название, описание, автор и версия темы помогают узнавать архивы и различать свои варианты. Демонстрационные подписи нужны для примера сайта.
Цвета, шрифт, ширина и отступы задают характер сайта. Контраст текста и удобная длина строки важнее выразительной палитры.
Выберите расположение, обычную или компактную высоту, сплошной или полупрозрачный фон. Добавьте кнопку действия, если посетителю нужно быстро связаться с вами или перейти в важный раздел. Проверьте сворачивание меню на телефоне.
Оставьте вывод материалов или соберите лендинг: свой первый экран, две кнопки, три карточки преимуществ и последние записи из WordPress.
Посмотрите шесть готовых секций в выбранном оформлении. После установки вставляйте их в обычные страницы WordPress и заменяйте текст, списки и ссылки прямо в редакторе.
Подберите карточки или список, формат обложек и длину описания. Настройте размер заголовка и текста статьи, межстрочный интервал, оформление шапки материала и время чтения.
Определите места для виджетов и состав нижней части сайта. Включайте только области, которым найдётся понятное применение.
Проверьте сведения о теме, скачайте установочный архив и сохраните переносимый проект. Рядом находится инструкция установки.
Мастер внутри темы помогает выбрать логотип, подготовить страницы и при необходимости собрать меню. Сначала вы видите план; новые страницы по умолчанию остаются черновиками.
В своём WordPress меняйте шрифт, ширину сайта и текста, скругления, карточки материалов и положение боковой колонки. У каждого нового параметра есть отдельный возврат к значению скачанной сборки.
Приклеиваемая шапка остаётся сверху во время чтения. Подвал, прижатый к низу короткой страницы, работает иначе: он стоит после содержания и опускается вместе с длинной статьёй. Он не закрывает последние строки. Для этого используется вертикальная flex-компоновка. Как устроено такое положение подвала →
Как собрать главную страницу
Во вкладке «Главная» выберите «Главная с блоками». Введите заголовок и короткое пояснение, затем выберите композицию первого экрана: текст и иллюстрация рядом, иллюстрация слева, текст по центру или широкая иллюстрация под текстом. Посмотрите результат через «Главная» в предпросмотре.
- Сформулируйте предложение. Заголовок объясняет, что посетитель найдёт на сайте, а описание помогает понять пользу.
- Загрузите своё изображение. Подойдут PNG, JPEG и WebP. Редактор подготовит картинку для страницы. Выберите заполнение или вписывание, положение и описание изображения. Картинка входит в ZIP темы и сохранённый JSON проекта.
- Настройте действия. Для каждой кнопки задайте подпись и настоящий адрес. Подойдут ссылка на раздел, якорь, адрес электронной почты или телефон. Например,
#latest-posts,/contacts/илиmailto:hello@example.com. - Выберите секции. Оставьте преимущества и добавьте нужные блоки из библиотеки: услуги, отзывы, вопросы и ответы, призыв к действию или контакты. Кнопка «Настроить» в карте открывает параметры выбранного блока.
- Решите, нужны ли публикации. Выберите количество последних записей или отключите их блок. На установленном сайте выводятся реальные опубликованные записи.
- Настройте порядок. В карте секций перемещайте любой из девяти блоков кнопками вверх и вниз. Отключённая секция сохраняет своё место и содержимое. Проверьте всю композицию, а не только начало страницы.
Тексты первого экрана входят в тему как начальные значения. После установки откройте «Внешний вид → Настроить»: там можно менять заголовок, описание, подписи и адреса кнопок, изображение, порядок и видимость секций. Обычный режим следует «Настройки → Чтение», а режим главной с блоками выводит собранную композицию. Выбранная статическая страница при этом остаётся в WordPress; её содержимое в данном режиме не выводится. Если скрыли блок последних записей, замените якорь #latest-posts у кнопки другим существующим адресом.
Сохраните JSON проекта: он содержит настройки и загруженные изображения. Старые проекты открываются с совместимыми начальным порядком и декоративным изображением. Выбор другой основы оформления сохраняет состав главной и её тексты. На телефоне используйте список «Разделы», чтобы сразу перейти к нужным параметрам.
Библиотека секций: что добавить на главную
В режиме «Главная с блоками» включайте только разделы, для которых есть полезное содержание. Новые секции изначально скрыты: можно постепенно собрать свою композицию, сохраняя прежний вариант.
До шести карточек с названием, пояснением и необязательной ссылкой. Например, покажите направления работы, форматы консультаций или этапы проекта. Удалите ненужные карточки и добавьте свои.
До шести отзывов с именем, подписью и текстом. Примерные подписи помогают проверить оформление; перед публикацией замените их настоящими отзывами, которые можно разместить.
До десяти раскрываемых вопросов. Объясните условия, сроки, подготовку и следующие шаги. Ответы открываются щелчком, касанием или клавиатурой; для этого блока отдельная библиотека JavaScript не требуется.
Заголовок, краткий текст и кнопка помогают завершить знакомство с предложением. Укажите понятное действие: обсудить проект, посмотреть материалы или перейти к контактам.
Описание, электронная почта, телефон, адрес и необязательная кнопка. Можно оставить только заполненные поля. Этот блок показывает контакты и ссылки; для отправки заявки подключите отдельную форму в WordPress и укажите её адрес.
Например, для сайта специалиста подойдёт порядок «Первый экран → Услуги → Отзывы → Вопросы и ответы → Контакты». Для блога можно оставить первый экран, преимущества и публикации, добавив лишь один полезный раздел. Подпись кнопки должна объяснять результат перехода; ссылка на скрытую секцию не поможет посетителю.
Содержимое секций входит в скачиваемую тему. После установки в «Внешний вид → Настроить» можно менять композиции секций, тексты, количество карточек, контакты, видимость и порядок блоков. Настройки WordPress имеют приоритет над исходными значениями архива. Чтобы обновить существующую тему и сохранить эти правки, оставляйте прежнее имя её папки.
Готовые секции для обычных страниц WordPress
Во вкладке «Страницы» посмотрите шесть образцов: они используют цвета и типографику выбранной темы. Библиотека секций включена по умолчанию. После установки эти заготовки доступны в редакторе блоков WordPress — из них можно собрать, например, страницу «О компании», описание услуг или контакты. Секции главной, которые настраиваются через «Внешний вид → Настроить», и содержимое обычных страниц редактируются отдельно.
Заголовок и несколько абзацев для знакомства с вами. Расскажите, чем занимаетесь, кому помогаете и как работаете.
Карточки направлений с короткими описаниями. Назовите понятный результат каждой услуги и оставьте нужное количество карточек.
Краткие аргументы в пользу вашего предложения. Замените общие обещания конкретными условиями, сроками или особенностями работы.
Вопросы с раскрываемыми ответами. Объясните подготовку, условия и следующие шаги; содержимое редактируется обычными блоками.
Текст, контактные данные и ссылки. Замените примерные адреса своими; для отправки сообщения можно отдельно добавить блок установленного плагина формы.
Завершающий заголовок, пояснение и кнопка. Укажите рабочий адрес кнопки: страницу контактов, раздел сайта или почтовую ссылку.
Как вставить и отредактировать секцию
- Создайте страницу. После установки и активации темы откройте «Страницы → Добавить новую» в своём WordPress. Можно также отредактировать существующую страницу.
- Откройте библиотеку. Нажмите «+» в редакторе, выберите «Паттерны», затем категорию «Секции моей темы». Паттерн — готовое сочетание обычных блоков.
- Вставьте нужный образец. Выберите секцию и щёлкните по ней. Добавляйте несколько секций в нужном порядке. Список блоков редактора поможет выбрать и переместить целую секцию.
- Замените содержание. Щёлкните по тексту, заголовку или кнопке и введите свои данные. Измените ссылки, удалите лишние карточки и вопросы. Палитра и базовая типографика темы доступны в редакторе.
- Посмотрите и сохраните. Откройте предварительный просмотр страницы, проверьте телефон и компьютер, затем сохраните черновик или опубликуйте готовый материал.
Если после вставки редактор показывает кнопку редактирования паттерна, нажмите её, чтобы выбирать и менять внутренние блоки. В англоязычном интерфейсе WordPress 7.1 это Edit pattern. Закончив правки, вернитесь к странице кнопкой выхода из редактирования образца — Exit pattern в том же интерфейсе. Названия и расположение могут отличаться в другой версии или локализации WordPress.
Каждая вставка создаёт отдельный набор редактируемых блоков внутри выбранной страницы. Правка одной секции не меняет её копии на других страницах. Генератор не создаёт страницы в базе WordPress автоматически; тексты образцов служат отправной точкой и требуют замены перед публикацией. Этот механизм использует штатные паттерны WordPress.
Страница без боковой колонки
Для страницы из нескольких секций откройте настройки страницы справа в редакторе WordPress. В пункте «Шаблон» выберите «Страница без боковой колонки» и сохраните страницу. Если панель скрыта, откройте её кнопкой настроек редактора. В некоторых версиях WordPress выбор находится в разделе «Атрибуты страницы».
Этот шаблон убирает боковую колонку только у выбранной страницы. Шапка, меню, подвал и само содержание сохраняются. Чтобы вернуть стандартное расположение, выберите шаблон по умолчанию. Параметр не меняет другие страницы сайта. Как WordPress применяет шаблон страницы →
Если библиотека больше не нужна: выключите её в конструкторе перед скачиванием или после установки в «Внешний вид → Возможности темы». Новые образцы исчезнут из категории вставки. Уже вставленные блоки останутся в страницах и сохранят оформление; шаблон без боковой колонки тоже останется доступен. Контактные секции показывают данные и ссылки, а отправка заявок требует отдельной формы.
Как сделать материалы удобными для чтения
Широкие обложки подходят инструкциям и иллюстрациям, квадратные — однородному каталогу, вертикальные — портфолио. Вариант «Заполнить» обрезает края, а «Вписать» сохраняет целую картинку. Изображение записи задаётся в WordPress; образцы редактора помогают сравнить пропорции.
Для самой статьи меняйте размер текста и межстрочный интервал вместе с шириной чтения. Проверьте длинный заголовок и несколько абзацев. Оформление заголовка в отдельной панели полезно для визуального отделения начала материала. Время чтения приблизительное: оно рассчитывается по словам опубликованного текста.
Навигация по длинной статье
В разделе «Записи» откройте настройки удобного чтения. Для короткого материала достаточно содержания в начале текста. Для подробного руководства выберите закреплённое содержание: посетитель сможет перейти к нужной части статьи, не возвращаясь к её началу.
На компьютере компактная панель в ширину статьи остаётся сверху при прокрутке. В ней виден текущий раздел; кнопка раскрывает список подзаголовков. Выбор пункта закрывает список и переводит к соответствующему месту. Панель не отнимает боковую колонку у текста.
Компактная кнопка открывает список разделов поверх страницы. Выберите нужный пункт или закройте список. На клавиатуре можно закрыть его клавишей Escape. Текст статьи остаётся доступен без необходимости постоянно листать страницу вверх.
Необязательный индикатор показывает, какую часть текста посетитель прокрутил. Это ориентир по положению в статье, а не подтверждение прочтения. Для короткой записи такой индикатор не нужен.
Кнопка «Наверх» помогает быстро вернуться к заголовку длинного материала. Она появляется после прокрутки и не мешает чтению первых абзацев.
Содержание собирается из заголовков H2 и H3, если в материале есть хотя бы два подходящих подзаголовка. Добавляйте их по смыслу: например, «Подготовка», «Настройка» и «Проверка результата». Не создавайте пустые заголовки только ради навигации.
Закреплённое содержание, индикатор чтения и кнопка возврата относятся к отдельным записям. Они не добавляют плавающие элементы к ленте материалов, поиску или главной. Выберите «Запись» в предпросмотре, включите нужные функции и прокрутите сам пример. Проверьте телефон и большой просмотр.
Эти параметры сохраняются в проекте JSON и теме ZIP. После установки их можно изменить в «Внешний вид → Настроить». У прежних проектов остаётся содержание в начале текста, а новые индикатор и кнопка возврата изначально выключены.
Композиции секций: меняйте вид, сохраняя содержание
В начале настроек первого экрана, услуг, отзывов и контактов находится выбор композиции. Небольшая схема показывает расположение элементов, а подсказка объясняет, когда вариант полезен. Переключите оформление и сравните результат в большом предпросмотре на компьютере и телефоне.
На компьютере пример остаётся рядом с настройками при прокрутке редактора. Прокручивайте сам пример, чтобы рассмотреть нужную секцию, или откройте большой просмотр. На телефоне кнопки «К настройкам» и «Пример сайта» помогают переключаться между ними и вернуться к выбранному полю.
Текст и иллюстрация рядом, иллюстрация слева, текст по центру или широкая иллюстрация под текстом. Последний вариант подходит для панорамного изображения; на телефоне текст остаётся перед картинкой.
Карточки для равноправных направлений, список для подробных описаний и нумерованные блоки для последовательности. Номера служат оформлением: порядок услуг вы задаёте своим содержанием.
Равные карточки, выделенный первый отзыв или спокойный список цитат. Выделение первого не скрывает остальные отзывы. Перед публикацией замените примеры настоящими текстами.
Описание рядом с реквизитами, единый выделенный блок или компактные контакты в ряд. На узком экране элементы выстраиваются вертикально; отображаются только заполненные поля.
Выбор композиции сохраняет ваши тексты, ссылки, картинку, порядок и видимость секций. Эти варианты входят в ZIP и проект JSON. После установки можно переключать их в «Внешний вид → Настроить». У старого проекта при открытии остаётся привычное оформление; другой вариант выбирается отдельно.
Как проверить пример и анимации
«Материалы» показывает подборку записей, «Запись» — длинный текст, «Страница» — короткий пример для проверки положения подвала, «Главная» — выбранный режим главной страницы. Переключайте их после изменений: оформление хорошей карточки ещё не гарантирует удобного чтения статьи. В обычном режиме главная использует настройки чтения WordPress. В режиме лендинга первый экран и карточки преимуществ берутся из конструктора, а блок последних записей — из настоящих публикаций сайта.
Вкладка «Страницы» помогает рассмотреть готовые секции до скачивания. Это образцы оформления; настоящее наполнение и порядок секций обычной страницы вы задаёте в редакторе WordPress после установки темы. Предпросмотр конструктора не сохраняет их как страницы вашего сайта.
Размеры предпросмотра — 320, 768 и 1280 пикселей. Если большой вариант уменьшен, чтобы поместиться в рабочем месте, смотрите подпись масштаба. «Большой просмотр» позволяет рассмотреть и прокрутить пример крупнее. На узком экране особенно проверьте меню, ширину текста, картинки и подвал.
Bootstrap 5 помогает организовать адаптивную сетку и компоненты. Его включение выбирается в настройках, по умолчанию он подключён. Движение карточек материалов регулируется отдельно: «Без анимации», «Мягкое появление» или «Появление снизу». Для спокойного блога достаточно короткого мягкого перехода; сравните его с неподвижным вариантом. Настройка уменьшения движения в системе учитывается. Устройство адаптивного меню Bootstrap →
В примере показаны демонстрационные материалы. Здесь не исполняется PHP и не подключается база WordPress. Реальные записи, меню, виджеты и поведение ваших плагинов проверяются на установленной теме.
ZIP темы и JSON проекта: куда идёт каждый файл
Архив с PHP-шаблонами, стилями и необходимыми ресурсами. Его загружают в WordPress как тему. Это оформление для существующих материалов сайта.
Файл с настройками конструктора. Его открывают здесь через «Открыть проект», чтобы изменить вариант или передать настройки коллеге. В WordPress такой файл как тему не устанавливают.
Сохраните оба файла под узнаваемым именем. Например, ZIP — для установки утверждённого оформления, JSON — для следующей правки. Автосохранение относится к текущему браузеру; скачанный проект удобно перенести на другой компьютер. Перед импортом сохраните текущий вариант, если он тоже нужен.
Установка, меню и виджеты
- Скачайте ZIP и сначала установите его на копию сайта, где удобно проверить изменения.
- В WordPress откройте «Внешний вид → Темы → Добавить тему → Загрузить тему», выберите архив и установите его.
- Посмотрите предварительный просмотр, проверьте свои материалы, затем активируйте тему на проверяемом сайте.
- Назначьте меню своим областям: основному расположению, подвалу и дополнительным ссылкам, которые включили.
- Добавьте логотип через «Внешний вид → Настроить → Свойства сайта» и заполните нужные зоны виджетов: шапку, боковую колонку, область под записью и колонки подвала.
- Проверьте «Настройки → Чтение»: главная может показывать последние записи или выбранную страницу. Откройте статью, поиск и адрес несуществующей страницы.
Зона виджетов — место для содержимого. Например, в боковую колонку можно поставить поиск или рубрики. Наличие зоны не означает, что эти элементы уже созданы. Примерные ссылки меню тоже не создают страницы автоматически. Меню WordPress, зоны виджетов.
Как изменить оформление после установки темы
Откройте «Внешний вид → Настроить → Размеры и материалы» в том WordPress, куда установили скачанную тему. Панель содержит три группы дополнительных настроек: «Шрифт и размеры», «Список материалов» и «Страницы и боковая колонка». Они меняют внешний вид вашего сайта; возвращаться в генератор и скачивать новый ZIP для этих правок не нужно. Цвета и шапка остаются в соседнем разделе «Оформление темы».
Выберите шрифт, максимальную ширину страницы и текста, скругления карточек. Шрифты используют доступные на устройстве гарнитуры без внешней загрузки. Длинная строка затрудняет чтение: оцените обычный абзац на компьютере и телефоне. На узком экране сайт занимает доступную ширину.
Выберите карточки в две или три колонки либо вертикальный список. Показывайте или скрывайте изображения материалов, дату записи, имя автора и анонс; задайте длину анонса в словах. Настройка изображений касается миниатюр карточек и обложек записей и страниц. Картинки внутри содержания остаются. Скрытие этих элементов не удаляет исходные данные из WordPress.
Настройте заголовок записи и страницы: без панели или в отдельной панели. Измените размер заголовка, размер текста и межстрочный интервал. Разместите боковую колонку слева или справа либо скройте её. Заполненные виджеты сохраняются и снова появятся при возвращении колонки. Для отдельной страницы можно по-прежнему выбрать шаблон «Страница без боковой колонки»; он действует независимо от общего положения колонки.
Положение колонки доступно, если при генерации включена область боковых виджетов. Если её нет в сборке, включите область в конструкторе и обновите тему с прежним именем папки. Просто скрыть существующую колонку можно в WordPress, сохранив её содержимое.
Посмотрите результат и сохраните
- Измените один параметр. Так проще понять его влияние. Например, смените список на карточки или уменьшите ширину текста статьи.
- Откройте подходящую страницу в предпросмотре. Для карточек нужен список материалов, для заголовка и текста — отдельная запись, для колонки — страница с заполненными виджетами. Проверьте также узкий экран.
- Нажмите «Опубликовать» в панели настройки. Это сохраняет оформление темы для посетителей; записи и страницы от этого не публикуются. До сохранения изменения остаются в предпросмотре.
- Проверьте обычную страницу сайта. Откройте её после сохранения. Если хостинг или плагин кэширует страницы, очистите кэш, чтобы увидеть актуальный вариант.
Как вернуть отдельную настройку
Рядом с каждым новым параметром есть кнопка «Вернуть значение сборки». Она возвращает только этот пункт к исходному значению установленного ZIP, оставляя остальные параметры как есть. Например, можно вернуть размер заголовка и сохранить выбранные шрифт и цвета. Возврат сначала показан в предпросмотре: проверьте результат и нажмите «Опубликовать», если хотите применить его к сайту. Кнопка не возвращает всю тему к первоначальному виду и не меняет тексты, меню или виджеты.
Проект генератора и настройки вашего сайта хранятся отдельно. JSON содержит параметры, заданные в этом конструкторе, и загруженные здесь изображения. Изменения через «Внешний вид → Настроить» сохраняются внутри вашего WordPress; скачанный ранее JSON не обновляется автоматически. При обновлении темы с тем же именем папки сохранённые в WordPress настройки имеют приоритет над значениями новой сборки. Сначала проверьте их в панели настройки; возврат к значению сборки позволяет отдельно принять новое исходное значение.
Оформление обычных блоков в редакторе WordPress использует шрифт, ширину текста и основные размеры темы. Окончательную композицию, шапку и боковую колонку проверяйте через предпросмотр страницы. Сами записи и страницы по-прежнему редактируются в разделах «Записи» и «Страницы», а содержимое виджетов — в «Внешний вид → Виджеты».
Первый запуск: подготовьте страницы и меню после установки
Когда тема установлена и активна на вашем WordPress, откройте «Внешний вид → Первый запуск». Возможность включается переключателем «Мастер первого запуска» в конструкторе, а после установки — в «Внешний вид → Возможности темы». Это мастер внутри скачанной темы. Он помогает подготовить начало сайта без обязательного плагина конструктора страниц. Сама активация темы не создаёт материалы и не заменяет ваше меню или главную: нужные действия вы выбираете отдельно.
- Название и логотип. Проверьте название и краткое описание сайта. По умолчанию выбран вариант «Оставить текущий логотип». Для другого изображения откройте штатную медиатеку WordPress, выберите файл или загрузите PNG, JPEG либо WebP. Выбранный логотип будет назначен при применении плана; загрузка нового файла в медиатеку выполняется обычным способом WordPress.
- Страницы и навигация. Для «О компании», «Услуги», «Контакты» и «Блог» выберите «Не добавлять», «Создать с образцами» или «Использовать существующую». У новых страниц можно изменить заголовки. Существующая страница подключается со своим содержимым: мастер не заменяет её текст заготовкой. Мастер готовит страницы, а публикации для блога вы добавляете отдельно через раздел «Записи».
- Выберите, что станет доступно посетителям. Новые страницы по умолчанию создаются черновиками. Если тексты уже подготовлены и их можно показывать, отдельно включите «Опубликовать новые страницы». Этот выбор относится только к создаваемым страницам и не публикует старые черновики.
- При необходимости настройте меню и главную. «Создать меню из опубликованных выбранных страниц» — необязательный выбор. Главную и страницу записей можно оставить в состоянии «Оставить как сейчас» или явно выбрать подходящие опубликованные страницы. Для назначения новой страницы в том же плане нужно включить публикацию новых страниц.
- Проверка и применение. Просмотрите план: какие страницы будут созданы или использованы, в каком статусе, изменятся ли название сайта, меню и настройки главной. Исправьте отмеченные проблемы, затем нажмите «Применить этот план». После выполнения откройте страницы по ссылкам редактирования и замените оставшиеся примеры своими материалами.
Оставьте новые страницы черновиками, если пока нет окончательного текста. Заполните их, проверьте предпросмотр и опубликуйте в обычном редакторе WordPress. Меню можно собрать позднее.
Мастер создаёт своё основное меню только по отдельному выбору. Если основной области уже назначено другое меню, проверка объяснит конфликт. Отредактировать существующее меню можно через «Внешний вид → Меню».
При следующем открытии мастер узнает созданные им страницы для этой темы и покажет актуальные названия и статусы. Повторное применение не создаёт их копии и не заменяет тексты, которые вы уже отредактировали.
Если применение завершилось частично, прочитайте результат каждого действия и подготовьте новый план. В редком случае сообщение может указать, что страница создана, но её служебная метка не сохранилась. Тогда выберите эту страницу через «Использовать существующую»: это позволит продолжить без повторного создания. Аналогичное сообщение для меню предложит проверить или назначить его вручную.
Одна страница не может одновременно служить главной и списком записей. Если тема собрана с главной из блоков, мастер не переключает её на обычную страницу. Для такой смены откройте сохранённый проект в конструкторе, выберите обычный режим главной и пересоберите тему, сохранив имя её папки для обновления. Для обычной статической главной и отдельного блога доступны также штатные «Настройки → Чтение» WordPress.
Мастер и сохранённый проект — разные данные. Созданные страницы, WordPress-меню и выбранный в медиатеке логотип принадлежат вашему установленному сайту. JSON конструктора не экспортирует эту базу, медиатеку или настройки чтения. В JSON остаются параметры оформления и собственные изображения генератора; для переноса самого сайта нужна резервная копия WordPress. Образцы контактов показывают данные и ссылки, но не отправляют заявки.
Название сайта, заголовки и SEO
Название темы относится к архиву, название сайта — к вашему WordPress, заголовок записи — к конкретному материалу. Поддержка title-tag позволяет WordPress формировать заголовок вкладки. Дополнительный вручную вписанный <title> или старый вызов wp_title() рядом с ним создаст дублирование. Поддержка заголовка документа →
В конструкторе откройте «SEO и функции» и оставьте включённым базовое SEO. После установки у записей и страниц появится блок «SEO: заголовок и описание», а в «Записи → Рубрики» — такие же поля у рубрик. Заполните свой title и description, сохраните материал и проверьте исходный код страницы. Пустой title оставляет стандартный заголовок WordPress; пустое описание не создаёт искусственный meta description. Описание темы в генераторе относится к архиву и не заменяет описание материала.
Эти возможности можно выключить в «Внешний вид → Возможности темы». При обнаружении Yoast SEO, All in One SEO, Rank Math, SEOPress или The SEO Framework базовое SEO темы автоматически уступает им управление. Для sitemap, структурированных данных и социальных карточек можно отдельно установить один SEO-плагин. При другом расширении отключите SEO темы вручную и проверьте отсутствие дубликатов.
Свой CSS и JavaScript для записи, страницы или рубрики
В «SEO и функции» включите поля CSS и JavaScript. После установки темы откройте нужную запись или страницу в WordPress и найдите блок «CSS и JavaScript». В редакторе блоков он может находиться в раскрываемой области метабоксов под содержимым. У рубрик такие поля доступны в «Записи → Рубрики» при создании и редактировании.
В первое поле вводите обычные CSS-правила, во второе — JavaScript без оборачивающих тегов. Например, CSS можно использовать для особого оформления примеров в одной статье, а JavaScript — для небольшого интерактивного блока. Код записи или страницы подключается только при открытии этого материала. Код рубрики действует на её архиве и не переносится автоматически на все записи этой рубрики.
Сохраните материал и проверьте его публичную страницу. Пустое поле ничего не подключает. Встроенную возможность можно выключить в «Внешний вид → Возможности темы»: сохранённые значения останутся для последующего включения. Доступ к полям требует права WordPress на произвольный код; в некоторых конфигурациях оно ограничено. Перед добавлением скрипта проверьте его на тестовой копии. Эти поля хранятся в WordPress и не исполняются в визуальной демонстрации генератора.
Галерея, эффекты и свой логотип
В «Главная» выберите режим с блоками и откройте «Галерея». Включите блок, задайте заголовок, описание и число колонок. Можно начать с заполнителей или загрузить до шести PNG, JPG или WebP. Файлы обрабатываются в вашем браузере и сохраняются внутри темы. У каждого изображения есть описание для озвучивания, подпись и кнопки изменения порядка.
Для галереи доступны плавное появление и лёгкое увеличение при наведении. При ограничении движения в настройках устройства анимация отключается. Включите «Увеличивать изображение по клику»: фотография откроется в окне на этой же странице. Переключайте изображения стрелками, закрывайте кнопкой или Escape. В большом предпросмотре проверьте галерею на ширине телефона.
После установки откройте «Внешний вид → Настроить → Главная с блоками»: там можно заменить изображения файлами из медиатеки, изменить подписи и порядок блока. Для галереи внутри статьи используйте стандартный блок WordPress «Галерея». Увеличение доступно при включённой настройке темы; если у самого блока включён штатный lightbox WordPress, тема не открывает второе окно.
Свой логотип можно загрузить в «Шапка и меню». Поддерживаются PNG, JPG и WebP, прозрачный фон сохраняется. Логотип сразу виден в примере и войдёт в ZIP. Позднее можно назначить другой через «Внешний вид → Настроить → Свойства сайта»: стандартный логотип WordPress имеет приоритет над изображением сборки.
Как заполнить конструктор демо-данными
В «Основное» раскройте «Заполнить примерами» и выберите блог, компанию или портфолио. Подтвердите применение: тексты и состав блоков заменятся образцами, а название темы, загруженные изображения и настройки чтения сохранятся. Изменение можно отменить кнопкой «Отменить».
Тексты главной входят в тему — перед установкой замените образцы своими. Примерные записи в списке материалов служат только для проверки дизайна: генератор не создаёт их в базе WordPress. Реальные записи, страницы, рубрики и меню берутся с вашего сайта.
Демо-наполнение конструктора отличается от мастера первого запуска: демо показывает оформление в браузере, а мастер внутри установленной темы создаёт только выбранные вами страницы после проверки и применения плана.
Временная страница на время обслуживания
В «SEO и функции» можно подготовить заголовок и сообщение страницы обслуживания и посмотреть отдельный пример. Если включить режим до скачивания темы, после её установки посетители увидят временную страницу. По умолчанию режим выключен. Позднее он переключается в WordPress: «Внешний вид → Возможности темы».
Администратор с правом управления настройками продолжит пользоваться сайтом и сможет выключить режим. Посетителям возвращается статус HTTP 503 и указание не индексировать временную страницу. Административная панель и вход остаются доступными. Если на хостинге включён серверный кэш или CDN, очистите его и проверьте сайт в отдельном окне без авторизации.
Что добавить плагинами и как начать
Во вкладке «SEO и функции» есть краткие инструкции. Расширения устанавливаются отдельно на вашем сайте через «Плагины → Добавить»; генератор не активирует их автоматически. Перед установкой проверяйте совместимость конкретной версии с вашим WordPress и PHP.
- Форма: установите Contact Form 7, создайте форму, задайте получателя и добавьте блок Contact Form 7 на страницу. Если ваша версия предлагает шорткод, его можно вставить в блок «Шорткод». Отправьте тестовое письмо и проверьте доставку.
- Расширенное SEO: установите один подходящий плагин, например Yoast SEO, пройдите его начальную настройку и заполняйте SEO-поля в нём. Базовое SEO темы уступит ему управление.
- Копии сайта: в UpdraftPlus настройте расписание и хранилище, создайте копию файлов и базы, проверьте её восстановление на тестовом сайте.
Что учитывать перед использованием
Результат — классическая PHP-тема. Записи и страницы можно наполнять обычным редактором WordPress, в том числе блоками. Редактирование всей структуры через Site Editor блоковой темы здесь не предусмотрено.
Для сгенерированной темы нужны WordPress 6.5 или новее и PHP 7.4 или новее. Для вставки готовых секций используйте редактор блоков WordPress; классический редактор не показывает вкладку паттернов.
Тема не переносит базу, публикации, пользователей и настройки плагинов. Загруженные вами изображение первого экрана, логотип и файлы галереи входят в архив темы. Обложки примерных записей и монограмма служат демонстрации. Проверьте нужные интеграции на своём сайте: визуальное демо не заменяет проверку магазина, формы или конструктора страниц. Сохраните прежнюю тему, чтобы спокойно сравнить оформление и вернуться к ней при необходимости.
Если после установки что-то выглядит иначе
Почему меню пустое?
Назначьте созданное в WordPress меню нужной области. Демо-пункты показывают оформление и не становятся реальным меню автоматически.
Создаст ли тема страницы сразу после активации?
Нет. Если нужны начальные страницы, откройте «Внешний вид → Первый запуск», выберите состав и посмотрите план перед применением. Новые страницы по умолчанию — черновики; меню и назначение главной выбираются отдельно.
Почему нет картинок или боковых блоков?
У записей должны быть заданы изображения, а зоны виджетов — заполнены. В «Внешний вид → Настроить → Размеры и материалы» проверьте отображение изображений и положение боковой колонки. Если колонка скрыта, её виджеты сохраняются. Шаблон отдельной страницы без боковой колонки тоже может скрывать её на этой странице.
Где найти готовые секции страницы?
Откройте страницу в редакторе блоков WordPress: «+ → Паттерны → Секции моей темы». Если категории нет, проверьте, активна ли сгенерированная тема и включена ли библиотека секций в «Внешний вид → Возможности темы». В классическом редакторе вкладки паттернов нет; для этого способа наполнения нужен редактор блоков.
Как позже изменить оформление и первый экран?
В «Внешний вид → Настроить» доступны палитра, шапка, главная и панель «Размеры и материалы»: шрифт, ширина, скругления, карточки записей, текст статьи и боковая колонка. Откройте пошаговую инструкцию. Для остальных параметров откройте сохранённый JSON и скачайте новый ZIP. При обновлении оставьте прежнее имя папки (slug) и увеличьте версию темы. Настройки WordPress имеют приоритет над значениями конструктора; их можно отдельно вернуть к значениям сборки. Ручные изменения файлов темы заменяются, поэтому перед обновлением сохраните их отдельно.
