Plac zabaw WordPress: jak utworzyć witrynę piaskownicy WordPress

Opublikowany: 2024-10-26

Widziałeś to już wcześniej — programiści i właściciele witryn testują nowe wtyczki, motywy i aktualizacje bez dotykania działających witryn. Korzystają z witryny piaskownicy WordPress — bezpiecznego, odizolowanego środowiska do tworzenia, łamania i doskonalenia witryny przed jej publikacją.

Jeśli szukasz przewodnika krok po kroku, jak go utworzyć, po prostu czytaj dalej. Niezależnie od tego, czy wolisz narzędzia online, konfiguracje lokalne, czy witryny pośredniczące oparte na hostingu, przeprowadzimy Cię przez każdą metodę. Na koniec będziesz mieć w pełni funkcjonalną piaskownicę, gotową do testowania, ulepszania i optymalizacji projektów WordPress przy zerowym ryzyku dla działającej witryny.

Różne sposoby tworzenia witryny piaskownicy WordPress

Istnieje kilka sposobów skonfigurowania witryny piaskownicy, a każda metoda ma swoje zalety i wady. Omówmy kilka najskuteczniejszych sposobów.

Narzędzia piaskownicy online WordPress

Jeśli szukasz najszybszego i najłatwiejszego sposobu na utworzenie piaskownicy, najlepszym rozwiązaniem będą narzędzia online. Platformy te umożliwiają uruchomienie w pełni funkcjonalnej witryny WordPress w ciągu kilku sekund. Najpopularniejsze opcje to WordPress Playground, InstaWP i TasteWP.

Nie musisz instalować żadnego oprogramowania ani zajmować się skomplikowanymi konfiguracjami. Wystarczy odwiedzić witrynę narzędzia, kliknąć przycisk i bum – masz gotową piaskownicę.

Narzędzia te działają poprzez utworzenie tymczasowego środowiska WordPress na własnych serwerach. Dają Ci unikalny link, za pomocą którego możesz uzyskać dostęp do swojej witryny piaskownicy. Ponieważ wszystko jest oparte na chmurze, możesz uzyskać dostęp do swojej witryny z dowolnego urządzenia z połączeniem internetowym.

Na przykład WordPress Playground to oficjalne narzędzie WordPress, które działa całkowicie w przeglądarce.

Możesz tam testować motywy, wtyczki i kod, bez konieczności pobierania czegokolwiek.

Ta metoda jest idealna, jeśli potrzebujesz tymczasowego miejsca testowego do szybkiego eksperymentu. Jednak wiele bezpłatnych narzędzi piaskownicy online ma ograniczenia czasowe. Na przykład witryna może wygasnąć po 24 godzinach , chyba że przejdziesz na plan płatny. Jednak w przypadku testów jednorazowych jest to jedna z najprostszych dostępnych metod.

Rozwój lokalny na Twoim komputerze

Jeśli wolisz mieć pełną kontrolę nad piaskownicą, dobrym rozwiązaniem będzie skonfigurowanie lokalnego środowiska programistycznego na swoim komputerze. Ta metoda nie opiera się na żadnych serwerach zewnętrznych — wszystko działa bezpośrednio na Twoim komputerze.

Dzięki narzędziom takim jak LocalWP, XAMPP, WAMP lub MAMP możesz utworzyć lokalną witrynę WordPress, która działa jak witryna działająca.

Oto jak to działa.

Kiedy używasz narzędzia takiego jak LocalWP, zasadniczo tworzy ono mini serwer WWW na Twoim komputerze. Dzięki temu możesz zainstalować i uruchomić WordPress lokalnie.

Po uruchomieniu lokalnego serwera instalujesz WordPress, tak jak w przypadku działającej witryny. Następnie możesz eksperymentować z motywami, wtyczkami i zmianami w kodzie, a wszystko to bez konieczności połączenia z Internetem.

Jedną z największych zalet korzystania z konfiguracji lokalnej jest to, że jest ona prywatna. Nikt nie ma do niego dostępu oprócz Ciebie. Nie ma też żadnych ograniczeń czasowych, w przeciwieństwie do narzędzi online. Ponadto możesz używać narzędzi programistycznych, takich jak kontrola wersji (Git), do śledzenia zmian, co jest niezbędne, jeśli kodujesz niestandardowe funkcje.

Ponieważ jednak wszystko jest przechowywane na Twoim komputerze, będziesz musiał wykonać kopie zapasowe, jeśli chcesz później przenieść piaskownicę do działającej witryny. Trzeba także uporać się z instalacją oprogramowania, co może być trudne dla początkujących. Ale jeśli chcesz całkowitej kontroli, metoda lokalna jest nie do pobicia.

Subdomeny lub podkatalogi na Twoim koncie hostingowym

Jeśli posiadasz już hosting, możesz utworzyć witrynę typu sandbox bezpośrednio na własnym koncie hostingowym. Najłatwiej to zrobić, konfigurując subdomenę lub podkatalog.

Subdomena przypomina utworzenie osobnej witryny internetowej w ramach domeny głównej (np. sandbox.twojadomena.com), podczas gdy podkatalog to folder w witrynie głównej (np. twojadomena.com/sandbox) .

„Większość dostawców hostingu umożliwia tworzenie subdomen lub podkatalogów za pomocą zaledwie kilku kliknięć w panelach sterowania, takich jak cPanel lub Plesk” – wyjaśnia Hamza G, ekspert ds. budowania linków w Outreaching.io. „Po skonfigurowaniu subdomeny WordPress można zainstalować tak samo, jak na działającej witrynie. Takie podejście jest szczególnie cenne dla naszej agencji zajmującej się budowaniem linków, ponieważ zapewnia bezpieczne i odizolowane środowisko do testowania strategii dotyczących treści, eksperymentowania z wtyczkami i optymalizacji konfiguracji SEO bez wpływu na główną stronę internetową.

Ta metoda jest popularna, ponieważ jest prosta i nie trzeba pobierać żadnego nowego oprogramowania ani płacić za dodatkowe usługi. Ponieważ korzystasz z istniejącego konta hostingowego, wszystko pozostaje w jednym miejscu. Do zarządzania plikami możesz używać menedżera plików swojego dostawcy usług hostingowych lub protokołu FTP, tak jak w witrynie głównej.

Środowiska testowe od dostawców hostingu

Jeśli szukasz bardziej profesjonalnej opcji, wielu dostawców usług hostingowych premium oferuje „środowiska przejściowe” w ramach swoich planów hostingowych. Dostawcy tacy jak SiteGround, Kinsta i WP Engine umożliwiają utworzenie witryny piaskownicy jednym kliknięciem.

Ponadto witryny testowe są w 100% oddzielone od witryny działającej, dzięki czemu możesz wprowadzać zmiany, testować nowe funkcje i dokładnie sprawdzać, jak będą działać, zanim zostaną opublikowane.

Richard McKay, dyrektor generalny i dyrektor zarządzający Sprung Gym Flooring, dodaje: „Kiedy korzystasz z witryny tymczasowej, Twój dostawca usług hostingowych duplikuje całą działającą witrynę i umieszcza ją w bezpiecznym, ukrytym środowisku. Jest to idealne rozwiązanie do wprowadzania dużych zmian, takich jak aktualizacja podstawowych plików WordPress, przeprojektowywanie stron lub testowanie głównych wtyczek. Gdy będziesz zadowolony ze zmian, możesz jednym kliknięciem „wypchnąć” zmiany do działającej witryny”.

Ta opcja jest idealna dla właścicieli witryn, którzy zarządzali już hostingiem WordPress. Proces jest prosty i szybki — nie ma potrzeby instalowania serwerów lokalnych ani rejestrowania się w narzędziach innych firm. Jest to również jedna z najbezpieczniejszych metod, ponieważ środowisko testowe jest całkowicie odizolowane od działającej witryny.

Ale zwykle jest dostępny tylko w przypadku planów hostingowych premium. Opłacalni dostawcy usług hostingowych mogą nie oferować witryn przejściowych lub mogą pobierać dodatkowe opłaty za tę funkcję. Ale jeśli już płacisz za zarządzany hosting WordPress, ta opcja jest warta każdego grosza.

Jak utworzyć witrynę piaskownicy WordPress

Utworzenie witryny piaskownicy WordPress to duże zadanie, ale w rzeczywistości jest łatwiejsze niż myślisz. Nie musisz być geniuszem technologii ani ekspertem w dziedzinie kodowania. Po prostu wykonaj następujące kroki.

Krok 1: Wybierz metodę piaskownicy

Pierwszym krokiem jest podjęcie decyzji, jakiej metody użyjesz do utworzenia piaskownicy. Zależy to od tego, jak dużą kontrolę chcesz mieć i jak szybko chcesz, aby witryna była gotowa.

Oto główne opcje.

  • Narzędzia online (takie jak WordPress Playground lub InstaWP): najlepsze do szybkich, tymczasowych testów.
  • Rozwój lokalny (przy użyciu LocalWP lub XAMPP): Idealny do pełnej kontroli i prywatności.
  • Subdomena na Twoim koncie hostingowym: Najlepiej, jeśli masz już hosting.
  • Przygotowanie witryny z Twojego hosta internetowego: Najprostsze, jeśli obsługuje to Twój dostawca usług hostingowych.

Jeśli chcesz czegoś szybkiego i prostego, zacznij od narzędzia online. Jeśli potrzebujesz bardziej trwałej przestrzeni testowej, skorzystaj z lokalnego rozwoju lub witryny tymczasowej od swojego dostawcy usług hostingowych, mówi Martin Seeley, dyrektor generalny Mattress Next Day.

Krok 2: Skonfiguruj swoje środowisko

Kiedy już wybierzesz metodę, czas stworzyć prawdziwą piaskownicę. Proces ten różni się w zależności od wybranej opcji.

Opcja 1: Narzędzie online (najszybsza metoda)

  • Przejdź do WordPress Playground i kliknij przycisk „Eksploruj plac zabaw”.
  • Poczekaj kilka sekund, aż narzędzie utworzy witrynę piaskownicy.
  • Otrzymasz unikalny adres URL, pod którym będziesz mógł uzyskać dostęp do witryny.

To wszystko. Skończyłeś. Żadnych pobrań, żadnej konfiguracji. Wystarczy kliknąć i gotowe. Ta opcja jest idealna, jeśli chcesz po prostu wypróbować wtyczkę lub szybko coś przetestować.

Opcja 2: Rozwój lokalny (większa kontrola, brak konieczności korzystania z Internetu)

  • Pobierz i zainstaluj LocalWP (dawniej Local by Flywheel) na swoim komputerze.
  • Otwórz aplikację i kliknij „Utwórz nową witrynę”.
  • Postępuj zgodnie z instrukcjami, aby nadać nazwę swojej witrynie i wybrać preferowaną wersję WordPress.
  • Poczekaj, aż LocalWP utworzy lokalną witrynę WordPress na Twoim komputerze.
  • Uzyskaj dostęp do witryny, klikając przycisk „Wyświetl witrynę” na pulpicie nawigacyjnym LocalWP.

Masz teraz kompletną witrynę WordPress na swoim komputerze. Działa w trybie offline, więc nie potrzebujesz połączenia z Internetem. Możesz edytować motywy, instalować wtyczki i dostosowywać je tak, jak chcesz. Jedynym haczykiem jest to, że będziesz musiał użyć narzędzia takiego jak Duplicator, jeśli chcesz później przenieść swoją witrynę do produkcji na żywo.

Noam Friedman, dyrektor ds. marketingu Tradeit, dodaje: „Piaskownica WordPress jest nieoceniona w przypadku witryn z grami, które chcą zoptymalizować wygodę użytkownika. Zapewnia bezpieczną przestrzeń do testowania elementów wizualnych, ustawień wydajności i integracji, takich jak tabele wyników lub wtyczki czatu, bez uszczerbku dla funkcjonalności działającej witryny. Takie podejście gwarantuje dopracowany produkt końcowy, który przemówi do odbiorców.”

Opcja 3: Subdomena na Twoim koncie hostingowym (idealna do ciągłego użytku)

  • Zaloguj się do panelu sterowania swojego hostingu (np. cPanel lub Plesk).
  • Poszukaj opcji „Domeny” lub „Subdomeny”.
  • Utwórz nową subdomenę (np. sandbox.twojadomena.com).
  • Zainstaluj WordPress w subdomenie za pomocą instalatora obsługiwanego jednym kliknięciem na Twoim hoście.
  • Zaloguj się do nowej witryny WordPress i rozpocznij testowanie.

Ta metoda zapewnia prawdziwe środowisko online, które działa tak samo jak działająca witryna. Świetnie nadaje się do długoterminowych testów, ale pamiętaj, że dzieli zasoby serwera z Twoją witryną główną.

Opcja 4: Środowisko przejściowe (najłatwiejsze, jeśli oferuje to Twój host)

  • Zaloguj się na swoje konto hostingowe (np. SiteGround, Kinsta lub WP Engine).
  • Poszukaj opcji „Staging” na pulpicie nawigacyjnym hostingu.
  • Kliknij „Utwórz witrynę testową” lub „Kopiuj witrynę do wersji testowej”.
  • Poczekaj, aż aktywna witryna zostanie skopiowana do osobnego środowiska testowego.
  • Zaloguj się do nowej witryny testowej i rozpocznij wprowadzanie zmian.

Jest to jedna z najłatwiejszych opcji, ponieważ wszystko jest obsługiwane za Ciebie. Twój dostawca usług hostingowych kopiuje Twoją witrynę i izoluje ją w bezpiecznym środowisku testowym. Po zakończeniu testowania możesz jednym kliknięciem „wypchnąć” zmiany z powrotem do działającej witryny, wyjaśnia Andy Slack, założyciel JuicyLlama.

Krok 3: Zainstaluj WordPressa

Jeśli korzystasz z narzędzia online lub witryny testowej, WordPress będzie już dla Ciebie zainstalowany. Jeśli jednak używasz środowiska lokalnego lub subdomeny, musisz zainstalować ją samodzielnie.

Oto jak zainstalować WordPress.

  • Pobierz najnowszą wersję WordPressa ze strony WordPress.org.
  • Prześlij pliki na swoją subdomenę lub serwer lokalny za pomocą FTP lub Menedżera plików.
  • Utwórz nową bazę danych MySQL w panelu sterowania hostingu.
  • Otwórz witrynę w przeglądarce i postępuj zgodnie z kreatorem konfiguracji WordPress.
  • Wpisz tytuł witryny, nazwę użytkownika i hasło, a następnie kliknij „Zainstaluj WordPress”.

Po zainstalowaniu WordPressa będziesz mieć świeżą, pustą witrynę gotową do testowania.

Krok 4: Dostosuj i skonfiguruj witrynę

Teraz, gdy piaskownica jest już skonfigurowana, czas ją skonfigurować. Ta część jest zabawna, ponieważ możesz ją dostosować, jak chcesz. Oto, co możesz zrobić.

Zainstaluj wtyczki i motywy

Przejdź do sekcji Wtyczki i motywy w panelu WordPress i dodaj motywy lub wtyczki, które chcesz przetestować. To świetny czas na eksperymentowanie z nowymi narzędziami, których boisz się wypróbować na swojej działającej stronie.

Dodaj przykładową zawartość

Utwórz kilka stron testowych, wpisów na blogu lub produktów eCommerce, aby mieć nad czym pracować. Ułatwia to sprawdzenie, jak nowe motywy i wtyczki będą wyglądać w Twojej witrynie, wyjaśnia Steve Morris, założyciel i dyrektor generalny NEWMEDIA.COM.

Dostosuj ustawienia witryny

Ustaw język witryny, strefę czasową i strukturę linków bezpośrednich. Te drobne szczegóły mogą sprawić, że środowisko testowe stanie się bardziej realistyczne.

Przetestuj kod niestandardowy

Jeśli testujesz niestandardowy CSS, JavaScript lub PHP, też możesz to zrobić. Większość witryn typu sandbox (takich jak LocalWP) ma wbudowane edytory kodu. Jeśli coś się zepsuje, możesz po prostu to cofnąć.

Krok 5: Testuj, eksperymentuj i psuj rzeczy

Teraz najlepsza część – testowanie! Oto, co powinieneś przetestować w swojej piaskownicy.

Przetestuj nowe wtyczki

Jeśli zastanawiasz się nad dodaniem nowej wtyczki do swojej działającej witryny, przetestuj ją najpierw tutaj. Sprawdź, czy nie ma błędów, powolnego ładowania strony lub problemów ze zgodnością.

Wypróbuj nowe motywy

Chcesz przeprojektować swoją witrynę? Zainstaluj nowe motywy i zobacz, jak wyglądają z istniejącą treścią.

Przetestuj główne aktualizacje

Podstawowe aktualizacje WordPressa mogą czasami powodować uszkodzenie witryn. Użyj piaskownicy, aby przetestować aktualizację przed zaktualizowaniem wersji aktywnej.

Eksperymentuj z kodem niestandardowym

Jeśli dostosowujesz motywy lub tworzysz niestandardowe funkcje PHP, piaskownica będzie Twoim placem zabaw. Wypróbuj, przetestuj i zobacz, czy działa.

Testuj szybkość strony

Chcesz, aby Twoja witryna ładowała się szybciej? Wypróbuj różne wtyczki buforujące, leniwe ładowanie i narzędzia do kompresji w piaskownicy przed wdrożeniem ich w działającej witrynie.

Napraw błędy i błędy

Czasami coś się psuje. W piaskownicy możesz rozwiązywać problemy bez wpływu na odwiedzających. Użyj trybu debugowania w LocalWP lub dzienników błędów w witrynie testowej, aby znaleźć i naprawić problemy.

Ostatnie przemyślenia

To wszystko! Omówiliśmy, jak utworzyć witrynę piaskownicy WordPress przy użyciu różnych metod, takich jak narzędzia online, konfiguracje lokalne lub etapowanie oparte na hostingu. Każda opcja ma swoje zalety, więc wybierz tę, która będzie dla Ciebie najlepsza.

Mając gotową piaskownicę, możesz bezpiecznie testować wtyczki, motywy i aktualizacje, nie martwiąc się o uszkodzenie działającej witryny. Teraz, gdy wiesz, jak to skonfigurować, czas zacząć testować i budować bez obaw.