Перейти к содержимому
themeforge
RU
Начать бесплатно
Меню

Начало работы

Это руководство проведёт вас через весь процесс: от создания проекта в ThemeForge до работающего WordPress сайта с редактируемым контентом в админке.

1. Создайте проект

  1. Войдите в ThemeForge и перейдите в раздел Проекты
  2. Нажмите «Новый проект» и введите адрес источника. Если сайт — только папка или архив (например, сгенерированный нейросетью), вместо адреса отметьте «Исходник будет загружен на сайте» — см. «Исходник на сайте».
  3. Настройте параметры проекта: название темы, слаг, страницы для включения
  4. Нажмите «Сгенерировать» — ThemeForge создаст ZIP-файл с вашей WordPress темой

Поддерживаемые источники

  • Webflow — вставьте URL .webflow.io или .webflow.com. ThemeForge загрузит все страницы и ресурсы автоматически
  • Обычный HTML — любой статический сайт с HTML/CSS/JS/картинками. Загрузите как ZIP или укажите URL
  • HTML от AI — сайты, сгенерированные из Figma или AI-ассистентами с уже расставленными атрибутами ThemeForge

2. Установите тему

  1. Скачайте сгенерированный ZIP-файл со страницы проекта
  2. В админке WordPress перейдите в Внешний вид → Темы → Добавить → Загрузить тему
  3. Выберите ZIP-файл и нажмите Установить
  4. Нажмите Активировать — ваша тема теперь активна

Важно: проект должен содержать главную страницу (/). Это основная страница сайта, она обязательна для генерации темы.

Тема автоматически включает страницу ошибки 404 и страницу результатов поиска — дополнительная настройка не нужна.

Что происходит после активации

  • Все страницы из вашего дизайна создаются как страницы WordPress
  • Кастомные поля появляются в админке для каждой страницы (организованы по секциям)
  • Панель настроек темы доступна в Внешний вид → Настройки темы
  • CSS, JS, изображения и шрифты из вашего дизайна включены в тему

Удалённое обновление (альтернатива)

Вместо скачивания ZIP можно указать URL вашего WordPress сайта в настройках проекта. ThemeForge отправит тему напрямую на ваш WordPress. Это удобно для итеративной разработки — внесли изменения, перегенерировали, тема обновилась автоматически.

3. Импорт контента

После установки темы нужно импортировать контент (текст, картинки) из вашего дизайна в WordPress. ThemeForge хранит весь контент из HTML в файле pages.json внутри темы.

Порядок импорта

Всегда импортируйте в таком порядке, чтобы картинки были доступны когда текстовые поля ссылаются на них:

  1. Сначала картинки — загружает все изображения из папки images/ темы в медиатеку WordPress
  2. Затем данные — заполняет все текстовые поля, ссылки и изображения для каждой страницы
  3. Затем меню — создаёт навигационные меню WordPress со всеми ссылками из дизайна

Импорт всего сразу

Кнопки импорта находятся в админке WordPress: Внешний вид → Настройки темы → вкладка Админ-панель. Там две кнопки:

  1. «Загрузить медиа» — загружает все картинки из папки images/ темы в медиатеку WordPress
  2. «Загрузить данные» — заполняет все текстовые поля, ссылки и изображения для всех страниц сразу
  3. Для меню используйте кнопки импорта на странице Внешний вид → Меню (см. «Импорт меню» ниже)

Импорт отдельных страниц

На каждой странице есть свои кнопки импорта. Откройте любую страницу для редактирования в 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

  1. Установите и активируйте плагин Polylang из WordPress → Плагины → Добавить
  2. Перейдите в Языки → Настройки и добавьте ваши языки (напр. English, Deutsch, Français)
  3. Тема автоматически определит Polylang и покажет переключатель языков в настройках темы
  4. Откройте переведённую страницу в 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 — простой экспорт/импорт всего сайта в один клик

Совет: настройте автоматические периодические бекапы (ежедневно или еженедельно) и делайте ручной бекап перед критичными операциями — массовым импортом или переключением бэкенда. Восстановление займёт минуты.