HTML-сайт — в тему WordPress, которую клиент правит сам
Отметьте тексты, картинки и списки, которые клиент будет менять. ThemeForge соберёт классическую тему WordPress, где каждое из этих мест — поле в админке, а дизайн можно переделывать, не трогая содержимое.
Админку видно до оплаты · 2 000 ₽/мес · отмена в любой момент · возврат 14 дней
menu.html
contacts.html
theme-options.html
css/ style.css
assets/ 12 картинок
page-menu.php
page-contacts.php
Настройки сайта
css/ main.css
полей: 53 · списков: 3
Да. Укажите опубликованный адрес сайта или загрузите его папку. Поставьте атрибуты вроде fld-text и fld-loop на места, которые клиент будет править, — и получите тему WordPress, где эти места стали полями в админке. Страницы, стили, картинки и шрифты переезжают вместе с сайтом. Не переезжает только то, что рисует JavaScript в браузере: этого нет в HTML.
Список напитков кофейни: исходник и то, чем он станет
Наведите на строку разметки — подсветится поле, которым она станет.
<body wp-fields-group="Menu"> <h2 fld-text="Title">Menu</h2> <p fld-area="Lead">Espresso runs on our…</p> <div class="cards" fld-loop="Drinks"> <article class="card"> <img fld-image="Image" src="assets/icon-latte.png"> <h3 fld-text="Name">Latte</h3> <p fld-text="Description">Double espresso…</p> <span fld-text="Price">$4.20</span> </article> …ещё три карточки, размеченные так же </div>
Warm Corner — наш демо-сайт: 3 страницы и страница настроек → 4 группы полей, 53 поля, 3 списка. Клиент добавляет, удаляет и меняет местами строки, дизайн при этом не ломается.
Что на входе и что на выходе
Вы приносите
- Статичные HTML-страницы:
index.htmlи остальные - CSS, картинки и шрифты по относительным путям
- Опубликованный адрес или папку с диска
- Сайты от Claude, Cursor или ChatGPT
Вы получаете
- Классическую тему на PHP одним ZIP
- Шаблон на каждую страницу
- Поля в админке для всего, что отмечено
- Настройки сайта из
theme-options.html - Меню и работающие формы
Подойдёт
- Сайты компаний и услуг
- Лендинги и портфолио
- Блоги, каталоги, небольшие магазины
- Сайты, которые вы сдаёте клиенту
Не подойдёт
- Приложения со входом или своей базой
- React и Next.js как есть
- Страницы под Elementor или Gutenberg
От папки с HTML до сайта, который клиент ведёт сам
- Шаг 1
Разметьте поля
Откройте каждый HTML-файл и поставьте атрибут на всё, что клиент будет менять; в справочнике атрибуты разложены по задачам. Бесплатная проверка подскажет, чего не хватает, ещё до сборки.
- Шаг 2
Откройте админку
Укажите в проекте опубликованный адрес. Секунд через двадцать во вкладке браузера откроется настоящая админка WordPress: страницы, списки и настройки уже заполнены текстом из вашего HTML.
- Шаг 3
Поставьте и отдайте
Оформите подписку, скачайте тему и поставьте её как любую другую. Потом новая сборка ставится одной кнопкой в админке, а неудачное обновление откатывается само. Для сайта из папки кнопка работает, если исходник хранится на сайте.
Работа, которую иначе делает разработчик
| Руками | ThemeForge | |
|---|---|---|
| Шаблоны | Нарезать каждую страницу на PHP-файлы | Собираются из ваших страниц |
| Поля в админке | Зарегистрировать каждое поле и вывести в шаблон | Один атрибут на поле, прямо в HTML |
| Текущие тексты | Перепечатать в админку | «Загрузить данные» заполнит поля из страниц |
| Следующий редизайн | Повторить почти всё заново | Пересобрать тему, поля и контент на месте |
| Формы | Поставить и настроить плагин форм | Ваши формы работают, заявки сохраняются в админке |
Что важно знать заранее
Контент, который рисует JavaScript
Если список или текст появляется только после работы скрипта, его нет в HTML, и полем он не станет. Сначала перенесите его в разметку.
Каждой строке списка — свои атрибуты
Первая строка задаёт поля. Остальные строки разметьте так же, тогда в админку загрузятся все.
Переименованное поле приходит пустым
Поля связываются по имени. Переименуете поле в разметке — после пересборки оно будет пустым, поэтому не меняйте имена, когда клиент уже их заполнил.
Поставьте плагин — и та же разметка умеет больше
Сайт делала нейросеть? Пусть она же и разметит
Дайте Claude, Cursor или ChatGPT одну ссылку. Помощник прочитает, куда ставить атрибуты, разметит сайт и проверит себя по тем же правилам, по которым собирается тема.
- themeforge.pro/ai · правила для помощника простым текстом
- Проверка разметки · бесплатно, без регистрации, до сборки
- Гайд по разметке · те же правила для людей
# Скажите помощнику Прочитай https://themeforge.pro/ai и разметь сайт так, чтобы клиент мог править меню. # Проверьте результат до сборки curl -X POST https://themeforge.pro/api/validate-markup \ -H "Content-Type: application/json" \ -d '{"pages":[{"name":"index.html","html":"…"}]}'
Ваш сайт живёт в другом месте?
- Регистрация
- Превью админки
- Подписка
- Скачивание и обновления
Или $20/мес + НДС картой иностранного банка · отмена в любой момент · возврат 14 дней · после отмены сайт работает
HTML в WordPress: ответы
Я часто правлю HTML. Правки клиента не пропадут?
Нет, если не менять имена полей. Тексты клиента живут в WordPress, а каждая новая сборка заменяет только шаблоны и стили.
Какие страницы станут шаблонами?
Главная — всегда, плюс все страницы, перечисленные в проекте. Из каждой получается шаблон, и клиент может создавать по нему новые страницы, у каждой будут свои поля.
Зачем нужен theme-options.html?
Туда выносится то, что повторяется на всех страницах: телефон, адрес, соцсети, текст подвала. В админке это один экран настроек, а не поле на каждой странице.
Мои тексты переедут в админку?
Да. После установки кнопка «Загрузить данные» заполнит поля текстами и картинками из вашего HTML, и клиент начнёт с текущего сайта, а не с пустых полей.
Можно попробовать бесплатно?
Проверка разметки — без регистрации, превью админки — с бесплатным аккаунтом. Скачивание и обновление темы входят в подписку за 2 000 ₽ в месяц, с возвратом в течение 14 дней.