Перетворіть HTML-сайт на тему WordPress, яку редагує клієнт
Позначте тексти, зображення й списки, які має змінювати клієнт. ThemeForge збере класичну тему WordPress, де кожен із них — поле в адмінці, а дизайн ви зможете змінити згодом, не зачіпаючи вмісту клієнта.
Адмінка WordPress — ще до оплати · $20 на місяць · скасування будь-коли · повернення коштів протягом 14 днів
menu.html
contacts.html
theme-options.html
css/ style.css
assets/ 12 зображень
page-menu.php
page-contacts.php
Налаштування сайту
css/ main.css
поля: 53 · списки: 3
Так. Дайте ThemeForge опубліковану адресу свого сайту або завантажте його теку. Додайте атрибути на кшталт 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
Перегляньте адмінку
Вкажіть у проєкті опубліковану адресу. Приблизно за 20 секунд у вкладці браузера відкриється повноцінна адмінка WordPress, де сторінки, списки й налаштування сайту вже заповнені з вашого HTML.
- Крок 3
Установіть і передайте клієнтові
Підпишіться, завантажте тему й установіть її, як будь-яку іншу. Згодом одна кнопка в wp-admin підтягне нову збірку, а невдале оновлення відкотиться саме. Якщо сайт додано як теку, зберігайте його вихідний код на сайті, щоб користуватися цією кнопкою.
Робота, яку інакше довелося б робити розробникові
| Робота вручну | 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":"…"}]}'
Ваш сайт живе деінде?
- Реєстрація
- Превʼю адмінки
- Підписка
- Завантаження й оновлення
Скасування будь-коли · повернення коштів протягом 14 днів · після скасування сайт працює далі
HTML у WordPress: відповіді на питання
Я часто змінюю HTML. Чи збережуться правки клієнта?
Так, якщо назви полів лишаються незмінними. Текст, який увів клієнт, зберігається у WordPress; кожна нова збірка з HTML замінює лише шаблони й стилі.
Які сторінки мого сайту стануть шаблонами?
Завжди головна, а також кожна сторінка, яку ви вкажете в проєкті. Кожна сторінка стає шаблоном, і клієнт може створювати на будь-якому з них нові сторінки; кожна нова сторінка отримує власну копію полів.
Для чого потрібен theme-options.html?
Покладіть туди те, що повторюється на кожній сторінці: телефон, адресу, посилання на соцмережі, текст у підвалі сайту. В адмінці це стане одним екраном налаштувань замість поля на кожній сторінці.
Чи перенесуться мої наявні тексти в адмінку?
Так. Після встановлення кнопка «Завантажити дані» заповнює поля текстами й зображеннями з вашого HTML, тож клієнт починає з нинішнього сайту, а не з порожніх полів.
Чи можна спробувати безплатно?
Перевірка розмітки безплатна й не потребує акаунта; для превʼю адмінки потрібен безплатний акаунт. Завантаження й оновлення теми входять у підписку за $20 на місяць із поверненням коштів протягом 14 днів.