Начало работы
Это руководство проведёт вас через весь процесс: от создания проекта в ThemeForge до работающего WordPress сайта с редактируемым контентом в админке.
1. Создайте проект
- Войдите в ThemeForge и перейдите в раздел Проекты
- Нажмите «Новый проект» и введите адрес источника. Если сайт — только папка или архив (например, сгенерированный нейросетью), вместо адреса отметьте «Исходник будет загружен на сайте» — см. «Исходник на сайте».
- Настройте параметры проекта: название темы, слаг, страницы для включения
- Нажмите «Сгенерировать» — ThemeForge создаст ZIP-файл с вашей WordPress темой
Поддерживаемые источники
- Webflow — вставьте URL .webflow.io или .webflow.com. ThemeForge загрузит все страницы и ресурсы автоматически
- Обычный HTML — любой статический сайт с HTML/CSS/JS/картинками. Загрузите как ZIP или укажите URL
- HTML от AI — сайты, сгенерированные из Figma или AI-ассистентами с уже расставленными атрибутами ThemeForge
2. Установите тему
- Скачайте сгенерированный ZIP-файл со страницы проекта
- В админке WordPress перейдите в Внешний вид → Темы → Добавить → Загрузить тему
- Выберите ZIP-файл и нажмите Установить
- Нажмите Активировать — ваша тема теперь активна
Важно: проект должен содержать главную страницу (/). Это основная страница сайта, она обязательна для генерации темы.
Тема автоматически включает страницу ошибки 404 и страницу результатов поиска — дополнительная настройка не нужна.
Что происходит после активации
- Все страницы из вашего дизайна создаются как страницы WordPress
- Кастомные поля появляются в админке для каждой страницы (организованы по секциям)
- Панель настроек темы доступна в Внешний вид → Настройки темы
- CSS, JS, изображения и шрифты из вашего дизайна включены в тему
Удалённое обновление (альтернатива)
Вместо скачивания ZIP можно указать URL вашего WordPress сайта в настройках проекта. ThemeForge отправит тему напрямую на ваш WordPress. Это удобно для итеративной разработки — внесли изменения, перегенерировали, тема обновилась автоматически.
3. Импорт контента
После установки темы нужно импортировать контент (текст, картинки) из вашего дизайна в WordPress. ThemeForge хранит весь контент из HTML в файле pages.json внутри темы.
Порядок импорта
Всегда импортируйте в таком порядке, чтобы картинки были доступны когда текстовые поля ссылаются на них:
- Сначала картинки — загружает все изображения из папки images/ темы в медиатеку WordPress
- Затем данные — заполняет все текстовые поля, ссылки и изображения для каждой страницы
- Затем меню — создаёт навигационные меню WordPress со всеми ссылками из дизайна
Импорт всего сразу
Кнопки импорта находятся в админке WordPress: Внешний вид → Настройки темы → вкладка Админ-панель. Там две кнопки:
- «Загрузить медиа» — загружает все картинки из папки images/ темы в медиатеку WordPress
- «Загрузить данные» — заполняет все текстовые поля, ссылки и изображения для всех страниц сразу
- Для меню используйте кнопки импорта на странице Внешний вид → Меню (см. «Импорт меню» ниже)
Импорт отдельных страниц
На каждой странице есть свои кнопки импорта. Откройте любую страницу для редактирования в WordPress — в сайдбаре появится метабокс «ThemeForge Import» (нажмите чтобы раскрыть). Там две кнопки: «Загрузить данные» и «Загрузить медиа». Импорт одной страницы не затрагивает остальные.
Особенно удобно, когда вы обновили одну страницу в дизайне и хотите переимпортировать только её, не трогая остальной сайт.
Импорт опций сайта
Глобальные настройки (телефон, email, логотип, соцсети) имеют свой импорт. Перейдите в Внешний вид → Настройки темы → вкладка Опции — в сайдбаре появится блок «ThemeForge Import». Нажмите «Загрузить данные» чтобы импортировать все значения из дизайна.
Импорт меню
Перейдите в Внешний вид → Меню — там появится блок «ThemeForge — Импорт меню из HTML». Можно импортировать каждое меню отдельно или все сразу.
Импорт и перевод для разных языков
Если используете Polylang, каждый язык имеет свой «слой» полей на той же странице. При нажатии «Загрузить данные» на переведённой странице — оригинальный контент из дизайна импортируется в поля этого языка. Затем его можно перевести встроенным помощником перевода — нажмите «Перевести» рядом с полем или «Перевести всё» для всей страницы. Всё работает прямо в админке WordPress, без внешних инструментов.
Как локали Webflow: каждый язык — отдельный слой на той же странице. Импортируйте базовый контент, потом переведите на месте — поля каждого языка независимы и не перезаписывают друг друга.
4. Редактирование в панели темы
После импорта контент редактируется из админки WordPress. Тема генерирует кастомные поля для элементов с атрибутами ThemeForge. Важно: поля в админке создаются только для элементов внутри секции wp-fields-group — элементы без wp-fields-group конвертируются в PHP, но не имеют редактируемых полей.
Где найти ваш контент
- Поля страницы — откройте любую страницу в WordPress, прокрутите ниже редактора. Поля сгруппированы по секциям (из wp-fields-group) с вкладками
- Глобальные настройки (телефон, email, логотип, соцсети) — Внешний вид → Настройки темы → вкладка Опции
- Конфигурация темы (переключение бэкенда, безопасность, расширения) — Внешний вид → Настройки темы
Secure Custom Fields vs ACF Pro
По умолчанию тема использует Secure Custom Fields — бесплатный плагин с WordPress.org, дающий все типы полей ACF PRO без лицензии. Хотите свой ACF PRO? Установите его — тема использует его автоматически. Данные полей сохраняются в любом случае, без потери контента.
5. Мультиязычность (опционально)
Мультиязычность — дополнительная опция, тема отлично работает и без неё. Если нужны несколько языков, установите Polylang (бесплатно) или WPML. Тема автоматически определяет плагин и включает языковые поля.
Настройка Polylang
- Установите и активируйте плагин Polylang из WordPress → Плагины → Добавить
- Перейдите в Языки → Настройки и добавьте ваши языки (напр. English, Deutsch, Français)
- Тема автоматически определит Polylang и покажет переключатель языков в настройках темы
- Откройте переведённую страницу в WordPress, нажмите «Загрузить данные» в метабоксе ThemeForge Import для импорта базового контента, затем используйте кнопки «Перевести» для перевода полей на нужный язык
Встроенный помощник перевода
В теме есть кнопка перевода в один клик в админке. Переключитесь на язык в настройках темы, затем нажмите «Перевести» рядом с любым полем — используется Google Translate для черновика перевода. Потом можно отредактировать. Есть также кнопка «Перевести всё» для перевода всех полей сразу.
6. Совместимые плагины
ThemeForge генерирует стандартные WordPress темы, которые работают с большинством популярных плагинов. Специальная настройка не нужна — просто установите и активируйте.
Протестировано и совместимо
- Yoast SEO / Rank Math — полная совместимость, мета-поля работают как ожидается
- Плагины кеша (WP Super Cache, W3 Total Cache, LiteSpeed Cache) — полностью совместимы
- Polylang — глубокая интеграция: поля по локалям, помощник перевода, языковой импорт
- WPML — поддерживается: автоопределение, языковые поля работают корректно
- WooCommerce — полная поддержка: страницы товаров, корзина, оформление, фильтры, вариативные товары
- ACF Pro — нативная поддержка как альтернативный бэкенд (переключение в настройках темы)
- Любой другой плагин WordPress — тема стандартная, поэтому любой плагин, работающий с WordPress, будет работать и с темами ThemeForge
Встроенные формы
Темы ThemeForge включают полную систему форм — сторонние плагины форм не нужны. Возможности: отправка через SMTP, уведомления в Telegram, reCAPTCHA v3, антиспам, автоответ, клиентская валидация (JustValidate). Все заявки хранятся в WordPress (кастомный тип записи) с экспортом в CSV. Настройка: Настройки темы → вкладка Расширения.
7. Кастомный код и защищённые файлы
Нужно добавить свои PHP-функции, CSS или JavaScript? Есть два варианта:
Плагин Code Snippets (рекомендуется)
Установите плагин Code Snippets — он позволяет добавлять PHP, CSS и JS прямо из админки WordPress. Сниппеты хранятся в базе данных, поэтому переживут любое обновление или переустановку темы. Самый безопасный вариант.
Пользовательские файлы темы
В теме есть защищённые файлы, которые не перезаписываются при обновлении:
user-functions.php— кастомные PHP-функцииcss/user.css— кастомные CSS-стили (загружаются после CSS темы)js/user.js— кастомный JavaScript
Также можно пометить любой файл как защищённый с помощью атрибута wp_include в HTML. Такие файлы попадут в themeforge_protected.json и сохранятся при обновлениях.
Порядок загрузки CSS: main.css (ваш дизайн) → themeforge.css (сгенерированные переопределения) → user.css (ваши кастомизации). user.css всегда побеждает — пишите переопределения туда.
Эти файлы сохраняются при обычных обновлениях. Однако если полностью удалить и переустановить тему (вместо обновления), файлы могут быть потеряны. Для критичных доработок Code Snippets или дочерняя тема безопаснее.
8. Бекапы
Делайте регулярные бекапы и обязательно — перед критичными операциями: массовый импорт контента, переключение бэкенда, крупные обновления темы.
Бекапы хостинга
Большинство хостинг-провайдеров предлагают автоматические ежедневные бекапы. Проверьте панель хостинга (cPanel, Plesk, HestiaCP) на наличие опций резервного копирования. Это ваша первая линия защиты.
Плагины бекапов
- UpdraftPlus — бекапы по расписанию в облако (Google Drive, Dropbox, S3)
- Duplicator — полные снапшоты сайта, отлично для миграции между серверами
- All-in-One WP Migration — простой экспорт/импорт всего сайта в один клик
Совет: настройте автоматические периодические бекапы (ежедневно или еженедельно) и делайте ручной бекап перед критичными операциями — массовым импортом или переключением бэкенда. Восстановление займёт минуты.