Przejdź do treści

Plan przebudowy przed zmianą platformy

Z WordPressa do HTML? Przenieś swoją ofertę do nowego projektu, który możesz rozwijać z AI.

Nowy projekt HTML daje inny frontend. Nie przenosi automatycznie wpisów, wtyczek, kont ani historii WordPress. Spisz stronę, sprawdź reprezentatywną podstronę i zaplanuj zmianę przed produkcją.

Projekty demonstracyjne · zastąp fikcyjne treści własnymi.

01 / Obecna strona

Co naprawdę zapewnia obecny WordPress?

Spisz podstrony, wpisy, media, formularze, wyszukiwanie, role, wtyczki i dane. Ustal, kto zmienia treści i jakie działania użytkownika muszą zostać.

Zaznaczone lokalnie na tym urządzeniu; nic nie jest wysyłane.

02 / Dobierz nowy system

Które możliwości WordPress muszą zostać?

Frontend HTML może pasować do prezentacji. Częsta redakcja, role, handel lub konta wymagają odpowiedniego systemu, nie tylko nowego wyglądu.

Zachowaj system treści

Wybierz lub zachowaj CMS, gdy sposób redakcji jest konieczny.

Użyj frontendu z plików

Przygotuj usługi i realistyczny sposób późniejszych aktualizacji.

AI ChatPrzykładowy proces
Przeniesienie obecnych treści
Ty

Dostosuj szablon do treści mojej obecnej strony i folderu zdjęć. Zachowaj nazwy usług, kontakt i informacje o firmie.

AI · przykładowa odpowiedź

Przypiszę każdą obecną podstronę do nowych sekcji i pokażę, co pasuje, wymaga przeredagowania lub osobnej strony.

Ty

Najpierw pokaż to przypisanie. Zostaw obecną stronę online podczas przygotowania nowej.

AI · przykładowa odpowiedź

Edytuję osobną kopię zgodnie z zaakceptowanym przypisaniem. Przed zmianą domeny przygotujemy przekierowania i podłączone formularze.

Kroki do wykonania

  1. Zbierz obecne treści

    Podaj adresy, teksty, zdjęcia i potrzebne funkcje.

  2. Przypisz do szablonu

    Zleć AI dopasowanie do nowej struktury i wskazanie pominięć.

  3. Sprawdź przed zmianą

    Sprawdź nową wersję, linki i przekierowania, gdy oryginał nadal działa.

Efekt: dotychczasowe treści firmy w nowym projekcie strony.
Przykładowy przebieg pracy. Bez połączenia z AI na żywo.

03 / Przenieś treści

Jak przenieść treści do nowego szablonu?

Przekaż agentowi adresy obecnej strony, zaakceptowane teksty i zdjęcia. Zleć umieszczenie ich w nowym szablonie oraz przypisanie dawnych podstron do nowych sekcji. Sprawdzaj wynik w osobnym folderze, gdy WordPress nadal działa.

  1. 01

    Zbierz materiały

    Użyj własnych lub dozwolonych stron, tekstów i mediów.

  2. 02

    Przypisz do struktury

    Ustal, co zachować, połączyć, przepisać lub usunąć.

  3. 03

    Sprawdź przeniesione treści

    Potwierdź zachowanie kluczowych informacji i kroku użytkownika.

Zobacz pliki źródłowe i szczegóły techniczne

Rzeczywiste pliki projektu

03-orbit · Aktualnie sprawdzony ZIP

Aktualna paczka produktu sprawdzona 2 października 2026. Pliki i zewnętrzne zasoby dotyczą tego projektu; inne szablony się różnią.

index.html
RECREATE.md
assets/bridge.webp
assets/connect.webp
assets/folio.webp
assets/lens.webp
assets/loop.webp
assets/relay.webp

Co opisują oryginalne instrukcje

03-orbit/RECREATE.md · L5

Instrukcja opisuje oryginalną fikcyjną stronę. Oddziel jej rolę od zmian potrzebnych Twojej firmie.

Create exactly one file named `03 orbit.html`: a complete English-language responsive website using semantic HTML, inline CSS and inline vanilla JavaScript. No build step, framework, package manager or external JavaScript library is required. Target current desktop Chrome on macOS and a modern browser at the viewport widths specified below, using native dialog, IntersectionObserver, requestAnimationFrame, CSS custom properties and dynamic viewport units. The page is a network-runtime document: its imagery, favicon and Inter font require network access. Keep every complete media URL specified below. The layout and local interactive logic belong in the HTML file. Serve the file over localhost for normal verification; opening it through file:// may restrict the Clipboard API, for which an explicit selection/download fallback is required. No backend or form submission endpoint is part of the experience.

Przypisz opis jednej usługi do Orbit

03-orbit/index.html · prepared Northline Process teaching copy

Przygotowany plik zastępuje hero i jeden opis fikcyjną treścią. Nie importuje danych WordPressa, wpisów, użytkowników ani wtyczek. Najpierw potrzebujesz rzeczywistego spisu treści i wymagań edycji.

Obecny opis usługi → przepisany opis
Obecne fotografie → sprawdzenie praw; pozostają przykładowe obrazy
Rezerwacje / konta / edycja w CMS → osobna usługa lub projekt
Stare URL → konkretne miejsce docelowe + plan przekierowań serwera
AI ChatPrzykładowy proces
Stary adres → nowy adres
Ty

Na podstawie tej listy starych i nowych adresów przygotuj przekierowania dla mojego hostingu. Zachowaj obecną stronę podczas testów.

AI · przykładowa odpowiedź

Przypiszę stare adresy do właściwych nowych stron i użyję przekierowań obsługiwanych przez hosting. Pokażę zmiany przed wprowadzeniem.

Ty

Po mojej akceptacji zmiany otwórz każdy ważny stary adres i potwierdź, że prowadzi do właściwej nowej strony.

Kroki do wykonania

  1. Przypisz adresy

    Wypisz stare podstrony i pasujące nowe miejsca docelowe.

  2. Skonfiguruj hosting

    Zleć użycie reguł przekierowań z dokumentacji hostingu.

  3. Sprawdź dawne linki

    Potwierdź miejsce docelowe i popraw też linki wewnętrzne.

Efekt: dotychczasowe linki prowadzą do właściwych nowych treści.
Przykładowy przebieg pracy. Bez połączenia z AI na żywo.

04 / Mapa adresów

Które adresy zachować lub przekierować?

Zachowaj ważne adresy, jeśli to możliwe. Dla zmienionych przygotuj listę stary adres → nowy adres i zleć agentowi przekierowania według instrukcji hostingu. Po publikacji sprawdź stare adresy i popraw linki wewnętrzne; sam szablon nie zachowuje pozycji w wyszukiwarce.

Twoja decyzjaObecna stronaPlan przebudowy
Strona zostajeObecny adres i cel treściPotwierdź końcowy adres i przydatną treść
Strona się zmieniaStary adres i linki przychodząceDobierz właściwy cel i ustaw przekierowanie hostingu
Strona znikaZbędna treśćDobierz właściwy status; nie przekierowuj wszystkiego na główną
Zobacz pliki źródłowe i szczegóły techniczne

Fikcyjna mapa URL, nie przekierowanie

Authored teaching URL ledger · server tests not performed

Zapisz każdy stary adres, jego przyszły odpowiednik, właściciela i test. Link do sekcji nie jest przekierowaniem serwera ani dowodem zachowania ruchu z wyszukiwarki.

/services/workflow-review → nowa strona usługi lub właściwa sekcja (wybierz)
/wp-content/uploads/example.jpg → obraz z prawem użycia (wybierz)
/class-booking → rzeczywista usługa rezerwacji (nie dostarczona)
Przekierowanie / canonical / mapa witryny / powrót → do testów na wybranym hostingu

Przypisz treść jednej istniejącej strony

Twój własny plan pracy

Wpisz własne fakty. Skopiuj lub wyeksportuj lokalny plan; nic nie jest wysyłane, narzędzie AI nie jest konfigurowane, a strona nie jest publikowana.

Google Search: site moves ↗

AI ChatPrzykładowy proces
Sprawdzenie zmienionej strony
Ty

Porównaj zmienioną stronę z moim poleceniem. Sprawdź nagłówek, ścieżki zdjęć, menu i kontakt na komputerze i telefonie.

AI · przykładowa odpowiedź

Wypiszę różnice i sprawdzę to, co rzeczywiście wyświetla przeglądarka. Sam zapis pliku nie potwierdza efektu wizualnego.

Ty

Na telefonie nagłówek jest ucięty. Popraw to bez zmiany tekstu.

AI · przykładowa odpowiedź

Poprawię układ mobilny i ponownie sprawdzę tę samą szerokość telefonu. Potem możesz zaakceptować wynik.

Kroki do wykonania

  1. Porównaj zmiany

    Sprawdź swoje teksty, zdjęcia i zakres polecenia.

  2. Otwórz podgląd

    Sprawdź komputer i telefon; kliknij menu i kontakt.

  3. Opisz problem

    Powiedz agentowi, co jest źle, i zleć ponowne sprawdzenie poprawionego widoku.

Efekt: sprawdzona wersja gotowa do dalszej edycji lub publikacji.
Przykładowy przebieg pracy. Bez połączenia z AI na żywo.

05 / Próba przebudowy

Jaką małą przebudowę sprawdzić najpierw?

Najpierw przygotuj jedną typową podstronę z prawdziwymi tekstami, zdjęciami i kontaktem. Porównaj ją z obecną i sprawdź podgląd online. Zobaczysz, czy szablon mieści treści i potrzebne funkcje, zanim przebudujesz wszystkie podstrony.

Zaznaczone lokalnie na tym urządzeniu; nic nie jest wysyłane.

Zobacz pliki źródłowe i szczegóły techniczne

Mała zmiana, którą możesz sprawdzić

03-orbit/index.html · L427

Wyciągi pochodzą ze sprawdzonego angielskiego oryginału. Kolejne przykłady to przygotowane zmiany plików, a nie sesja AI na żywo. Firmy i prace pozostają fikcyjne.

Przed
<h1 id="hero-title">Intelligence,<span> applied.</span>
</h1>

Pierwsza przygotowana zmiana
<h1 id="hero-title">A clear task.<span> A practical plan.</span></h1>

Przygotowana kolejna zmiana
<h1 id="hero-title">Review the workflow.<span> Choose the next step.</span></h1>

Oryginalny projekt · Orbit

Wyciągi pochodzą ze sprawdzonego angielskiego oryginału. Kolejne przykłady to przygotowane zmiany plików, a nie sesja AI na żywo. Firmy i prace pozostają fikcyjne.
Otwórz pełny podgląd ↗

Przygotowana zmiana pliku

Przygotowana wersja zmienia wybrane teksty lub obrazy w tym samym projekcie. Zachowuje strukturę i przykładowe treści. Porównaj pliki przed podobną zmianą dla swojej firmy.
Otwórz pełny podgląd ↗
AI ChatPrzykładowy proces
Zapisanie i przywrócenie wersji strony
Ty

Przed edycją zapisz zaakceptowaną wersję strony. Jeśli jest Git, przygotuj punkt powrotu i zachowaj mój oryginalny ZIP.

AI · przykładowa odpowiedź

Przed kolejną zmianą potwierdzę, gdzie jest zapisana wersja.

Ty

Poprzedni układ podobał mi się bardziej. Przywróć go, ale zachowaj nowy e-mail kontaktowy.

AI · przykładowa odpowiedź

Porównam wersje, przywrócę wcześniejszy układ i sprawdzę, czy kontakt nadal ma wskazany e-mail.

Kroki do wykonania

  1. Zapisz przed zmianą

    Zachowaj oryginalny ZIP i zaakceptowany folder lub wersję Git.

  2. Wskaż, co przywrócić

    Powiedz AI, do której wersji i których elementów chcesz wrócić.

  3. Sprawdź przywróconą stronę

    Otwórz ją i sprawdź treści, układ oraz linki kontaktowe.

Efekt: świadomy powrót do wersji, która Ci odpowiada.
Przykładowy przebieg pracy. Bez połączenia z AI na żywo.

06 / Zmiana i powrót

Jak zaplanować zmianę z możliwością powrotu?

Zachowaj WordPress i kopie danych, opisz hosting i DNS, przypisz odpowiedzialność. Po zmianie sprawdź przekierowania oraz funkcje; zachowaj przetestowaną drogę powrotu.

  1. 01

    Przed zmianą

    Ustal kontrolę odbioru, kopie plików i bazy WordPress oraz osobę, która przywróci poprzednią stronę.

  2. 02

    Po zmianie

    Sprawdzaj ważne adresy i działania, powtarzaj kontrolę po poprawkach.

Formwell / Pliki strony + instrukcje projektu

Wypróbuj prawdziwy szablon przed wyborem.

Pobierz oryginalny projekt Formwell. Przekaż jego pliki i RECREATE.md odpowiedniemu narzędziu AI, poproś o małą zmianę i sprawdź wynik.

Darmowa próbka to Formwell. Oryginalny projekt i instrukcja są po angielsku. Ceny produktów pozostają bez zmian.

Pobierz ZIP Formwell Pobierz RECREATE.md ↗

Wybierz projekt według wymagań przebudowy.

Najpierw ustal kluczowe funkcje i plan treści. Potem porównaj projekty, których rzeczywiście użyjesz.

Wybieram nowy szablon strony

WYBIERZ SWÓJ DOSTĘP

Jeden szablon. Albo biblioteka na kolejne pomysły.

Wybierz dostęp pasujący do projektów, które planujesz.

Pojedynczy szablon

Do strony, którą tworzysz teraz.

138,97 PLN/ szablon

  • Wybrany projekt strony
  • Pliki źródłowe i instrukcje dla AI
  • Jednorazowa płatność
Wybierz mój szablon

PRO Yearly

Do projektów, które zrealizujesz w tym roku.

718,74 PLN/ rok

  • Pełna biblioteka szablonów stron
  • Zdjęcia, mockupy, presety, LUT-y i tekstury
  • Rok dostępu do biblioteki PRO
  • Automatyczne odnowienie co rok. Możliwa rezygnacja w dowolnym momencie.
Specjalna oferta Lifetime

PRO Lifetime

Do tej strony i Twoich kolejnych projektów.

Poprzednia cena2.870,37 PLN

953,60 PLN/ jednorazowo

  • Pełna biblioteka szablonów stron
  • Zdjęcia, mockupy, presety, LUT-y i tekstury
  • Dostęp Lifetime do biblioteki PRO
  • Jedna płatność. Bez corocznych odnowień.

Ceny dla licencji Commercial Use. Cena i podatki są potwierdzane w koszyku. Narzędzie AI, domena i hosting są osobno.

W PRO YEARLY I LIFETIME

Twoja strona to dopiero początek.

Oba plany obejmują całą bibliotekę OneDollarStock: szablony stron, zdjęcia, mockupy i materiały kreatywne do Twoich kolejnych projektów.

PRO Yearly daje dostęp, gdy Twoja subskrypcja jest aktywna. PRO Lifetime daje stały dostęp z jednorazową płatnością.

Liczby oznaczają produkty, nie pojedyncze pliki. Kategorie mogą się pokrywać.