/

Twoja prywatna piaskownica: Jak w 5 krokach sklonować stronę WordPress na lokalny komputer

PrzezKinga Maleszewska

Znasz ten strach? Masz wprowadzić ważną zmianę na działającej stronie klienta. Jedna mała pomyłka, jedna źle zaktualizowana wtyczka i cały serwis, na który patrzą setki lub tysiące użytkowników, może przestać działać. Praca na „żywym organizmie” to ogromny stres i ryzyko.

Na szczęście jest na to profesjonalne rozwiązanie: stworzenie idealnej kopii 1:1 strony produkcyjnej na Twoim własnym komputerze. To Twoja prywatna, bezpieczna piaskownica, w której możesz testować, psuć i naprawiać bez żadnych konsekwencji.

W tym poradniku, krok po kroku, przeprowadzę Cię przez cały proces klonowania. Stworzymy cyfrowy poligon doświadczalny, na którym będziesz mógł spokojnie pracować. Cały proces opiera się na odtworzeniu trzech kluczowych komponentów strony: plików, motywu i bazy danych.

Krok 1: Fundamenty – Przygotowanie lokalnego środowiska (XAMPP + pusty WordPress)

Zanim zaczniesz klonować, musisz mieć „działkę”, na której postawisz kopię strony. Naszą działką będzie lokalny serwer XAMPP i czysta instalacja WordPressa.

  1. Uruchom XAMPP: Otwórz Panel Kontrolny XAMPP i uruchom moduły Apache oraz MySQL. To one symulują prawdziwy serwer w Twoim komputerze.

  2. Stwórz pustą bazę danych: W przeglądarce wejdź na http://localhost/phpmyadmin. W panelu utwórz nową bazę danych (np. o nazwie projekt_klienta) i zapisz sobie jej nazwę na boku – zaraz będzie potrzebna.

  3. Zainstaluj czystego WordPressa:

    • Stwórz folder dla swojego projektu w C:\xampp\htdocs\ (np. klient-strona).

    • Pobierz najnowszą wersję WordPressa ze oficjalnej strony i wypakuj jej zawartość do nowo utworzonego folderu.

    • W przeglądarce wejdź na http://localhost/klient-strona i przejdź przez słynną 5-minutową instalację, podając dane do pustej bazy danych, którą przed chwilą stworzyłeś.

Wynik tego kroku: Masz działającą, ale kompletnie pustą stronę WordPress pod adresem lokalnym. To nasz czysty fundament.

Krok 2: Wyposażenie – Pobranie plików z serwera (FTP) 📂

Teraz pobierzemy unikalne „wyposażenie” strony klienta – czyli wtyczki, których używa, oraz wszystkie wgrane media (zdjęcia, dokumenty).

  1. Połącz się z serwerem: Użyj klienta FTP (np. darmowej FileZilli) i danych dostępowych od klienta, aby połączyć się z serwerem produkcyjnym.
  2. Odszukaj główny katalog strony: Zazwyczaj jest to folder public_html lub www.
  3. Pobierz kluczowe foldery: Nie musisz pobierać całego WordPressa. Interesują nas tylko dwa foldery, które zawierają unikalne dla tej strony pliki:
    • Cały folder wp-content/plugins
    • Cały folder wp-content/uploads
  4. Umieść pliki lokalnie: Pobrane foldery (plugins i uploads) wklej do swojego lokalnego katalogu C:\xampp\htdocs\klient-strona\wp-content\, nadpisując istniejące, puste wersje.

Krok 3: Serce kodu – Klonowanie motywu (Git) 👨‍💻

Motyw to kluczowy element, ale zamiast pobierać go przez FTP, użyjemy Gita. Dlaczego? Bo to daje nam pewność, że pracujemy na tej samej, aktualnej wersji kodu, co reszta zespołu, z całą jego historią zmian.

  1. Otwórz terminal: Uruchom swój ulubiony terminal (np. Git Bash lub terminal wbudowany w VS Code).
  2. Przejdź do folderu motywów: Wpisz komendę, aby wejść do katalogu motywów w Twoim lokalnym projekcie:

cd C:\xampp\htdocs\klient-strona\wp-content\themes\
  1. Sklonuj repozytorium: Użyj komendy git clone z adresem URL repozytorium motywu, który dostałeś od klienta:

git clone https://github.com/nazwa-firmy/nazwa-motywu.git

Git pobierze cały projekt i utworzy folder nazwa-motywu.

Krok 4: Dusza strony – Migracja bazy danych ❤️

To najważniejszy i najbardziej magiczny krok, który przeniesie całą treść – strony, wpisy, ustawienia, a nawet użytkowników. Użyjemy do tego genialnej wtyczki, aby proces był prosty i bezbłędny.

A) Na stronie produkcyjnej (online):

  1. Zaloguj się do panelu admina WordPressa klienta.
  2. Zainstaluj i włącz wtyczkę „All-in-One WP Migration”.
  3. W menu przejdź do All-in-One WP Migration -> Eksportuj.
  4. Kliknij „Eksportuj do” i wybierz opcję „Plik”.
  5. Poczekaj, aż wtyczka spakuje całą stronę w jeden plik, a następnie pobierz go na swój komputer. Będzie miał rozszerzenie .wpress.

B) Na Twojej stronie lokalnej:

  1. Zaloguj się do panelu admina swojego pustego, lokalnego WordPressa (http://localhost/klient-strona/wp-admin).
  2. Tutaj również zainstaluj i włącz wtyczkę „All-in-One WP Migration”.
  3. Przejdź do All-in-One WP Migration -> Importuj.
  4. Przeciągnij lub wybierz pobrany wcześniej plik .wpress.
  5. Wtyczka ostrzeże Cię, że import nadpisze Twoją lokalną stronę. Potwierdź śmiało – dokładnie o to nam chodzi!

Krok 5: Wielki finał – Logowanie i aktywacja 🔑 

Po zakończeniu importu nastąpią dwie kluczowe rzeczy. Uwaga, to ważne!

  1. Zostaniesz automatycznie wylogowany/a z lokalnego panelu admina.
  2. Musisz zalogować się ponownie, używając loginu i hasła ze strony produkcyjnej, ponieważ wtyczka zaimportowała również jej użytkowników i Twoje stare, lokalne dane logowania już nie działają.

Po ponownym zalogowaniu ostatnia prosta: przejdź do Wygląd -> Motywy i aktywuj motyw, który sklonowałeś z GitHuba.

Gratulacje! Twoja lokalna strona pod adresem http://localhost/klient-strona jest teraz w pełni funkcjonalną kopią strony produkcyjnej, gotową do bezpiecznej pracy.

Jak widzisz, proces ten, choć składa się z kilku etapów, jest niezwykle logiczny i daje ogromny komfort. Posiadanie lokalnej kopii to fundament profesjonalnej i bezstresowej pracy z projektami internetowymi.

Udało Ci się sklonować stronę, ale chcesz pójść o krok dalej? A może chcesz zautomatyzować ten proces jeszcze bardziej, używając skryptów lub Dockera?

Skontaktuj się ze mną, a chętnie pomogę Ci przenieść Twój warsztat pracy na wyższy poziom.

Zapraszam do kontaktu

Podobne wpisy