html2wp / Посібники

Посібники: як перенести сайт на WordPress

Перенести сайт на WordPress можна двома способами. У застосунку html2wp для Mac і Windows ви проходите кроки мишкою, і термінал не потрібен узагалі. З плагіном для Claude Code і Codex ви працюєте в терміналі разом з агентом. Для кожного способу є посібник для проєкту з Lovable і посібник для дизайну з Claude Design. Усе в них описує конвертації, які ми справді запускали.

У застосунку html2wp для Mac і Windows

Застосунок · React · 5 жовтня 2026

З Lovable у WordPress: застосунок html2wp, крок за кроком

Ви завантажуєте проєкт Lovable з GitHub як ZIP, додаєте його в застосунок і вибираєте Flash або Full. Посібник охоплює встановлення застосунку, вхід і перегляд сторінок. Закінчується він завантаженням теми у WordPress, і на кожному кроці є скриншоти.

Застосунок · Готовий HTML · 5 жовтня 2026

Експорт із Claude Design: тема WordPress у застосунку html2wp

Ви зберігаєте дизайн із Claude як HTML у папку, відкриваєте її в застосунку й запускаєте конвертацію. Це найкоротший шлях до теми, бо застосунку нічого збирати. У посібнику є скриншот кожного кроку.

З плагіном для Claude Code і Codex

React · 5 жовтня 2026

З Lovable у WordPress: проєкт, перетворений на справжню тему

Старіший проєкт Lovable є застосунком на React. У його HTML нема чого конвертувати, доки ви не зберете його й не запустите в справжньому браузері. Новіші проєкти на TanStack Start рендеряться на сервері, і конвертер працює з обома. Це довший шлях, і додатковий крок у ньому пояснено. Є й приклад: можна відкрити оригінал і сконвертований сайт та порівняти їх.

Готовий HTML · 5 жовтня 2026

З Claude Design у WordPress: як перенести дизайн у тему

HTML-артефакт якраз і є тим входом, якого чекає конвертер. Тому це найкоротший шлях від згенерованого дизайну до теми. Посібник пояснює, що перевірити на старті і що конвертація вирішує за вас. Він також показує, що насправді зміниться, якщо потім ви візьмете конструктор сторінок.

Який посібник вам підходить

Вибирайте застосунок, якщо хочете клікати й бачити кожну сторінку поруч з оригіналом, без термінала. Вибирайте плагін, якщо вже працюєте в Claude Code або Codex. Там ви запускаєте конвертацію одним реченням, просто в папці проєкту.

Якщо ви зробили сайт у Lovable, Bolt або v0, у вас застосунок на React. Його сторінки з’являються лише в браузері. Тому конвертація додає крок, який збирає проєкт і зберігає кожен маршрут як готовий HTML. Посібник із Lovable описує цей крок, і для Bolt та v0 він працює так само.

Якщо у вас готові файли HTML, наприклад артефакт із Claude або сайт, написаний вручну, збирати нічого не треба. Конвертація тоді одразу починається з аналізу сторінок, і саме це описує посібник із Claude Design.

Результат в обох випадках однаковий: самостійна тема WordPress у ZIP-файлі та звіт про конвертацію. Перш ніж віддати її клієнту, ви порівнюєте її з оригіналом. Ви проходите сторінку за сторінкою на вкладці «Compare» (порівняння) у настільному застосунку. Адресу живого сайту конвертер не приймає. Йому завжди потрібна папка або ZIP із файлами, з яких зібрано сайт.

Цифри в посібниках узяті з результатів справжніх конвертацій. Це час конвертації, ліміти безкоштовної версії й ширини, на яких порівнюються сторінки. Тож ви можете перевірити їх на власному проєкті й зіставити з нашим описом. Якщо на вашому сайті результат поводиться інакше, ніж каже посібник, повідомте нам через нашу форму. І вкажіть, з якого інструмента сайт.

Посібники свідомо не повторюють увесь процес конвертації. Документація до застосунку описує встановлення, вибір моделі й різницю між Flash і Full. Там же сказано, що залишає ваш комп’ютер. Спробувати можна одразу: безкоштовна версія конвертує три сайти до п’яти сторінок кожен, без ключа й без реєстрації.