Najlepsza ściągawka do rozwoju lokalnego WordPress

Opublikowany: 2023-02-14

Chcesz skonfigurować lokalne środowisko programistyczne WordPress bez przeglądania wielu stron dokumentacji? Nasza ściągawka dotycząca rozwoju lokalnego WordPress pomoże Ci szybko i mądrze rozpocząć pracę!

W tym praktycznym przewodniku krótko omówimy, czym jest rozwój lokalny WordPress i niektóre z kluczowych korzyści płynących z jego używania, a następnie przejdziemy od razu do konfigurowania środowiska lokalnego, instalowania WordPress na swoim komputer i przetestuj swoją witrynę przed uruchomieniem.

Ten przewodnik obejmuje:

  • Co to jest rozwój lokalny WordPress?
  • Korzyści z rozwoju lokalnego WordPress
  • Konfigurowanie lokalnego środowiska programistycznego
    • Co będziesz potrzebował
    • Instalowanie oprogramowania serwera lokalnego
    • Konfigurowanie wirtualnego hosta
    • Tworzenie bazy danych dla Twojej lokalnej instalacji WordPress
  • Lokalna instalacja WordPressa
    • Pobieranie i instalacja WordPressa na lokalnym serwerze
    • Konfigurowanie pliku wp-config.php
  • Importowanie działającej witryny WordPress do środowiska lokalnego
    • Eksportowanie bazy danych aktywnej witryny
    • Importowanie bazy danych działającej witryny na serwer lokalny
    • Zastępowanie adresów URL w bazie danych
    • Przesyłanie plików aktywnej witryny do środowiska lokalnego
  • Tworzenie i testowanie w lokalnej witrynie WordPress
    • Wprowadzanie zmian i testowanie
    • Debugowanie
    • Testowanie różnych wtyczek i motywów
  • Wdrażanie lokalnej witryny WordPress na serwerze Live
    • Eksportowanie bazy danych witryny lokalnej
    • Importowanie bazy danych do serwera Live
    • Przesyłanie plików witryny lokalnej na serwer na żywo
    • Aktualizowanie adresów URL w bazie danych
  • Rozwój lokalny a środowisko testowe hosta internetowego
    • Plusy środowiska rozwoju lokalnego
    • Wady środowiska rozwoju lokalnego
    • Zalety środowiska pomostowego Webhost
    • Wady środowiska pośredniego Webhost

Co to jest rozwój lokalny WordPress?

Lokalny rozwój WordPress pozwala stworzyć środowisko programistyczne do budowania, pracy i testowania witryn WordPress na komputerze bez wpływu na działającą witrynę.

Lokalne środowisko programistyczne replikuje serwer produkcyjny, umożliwiając testowanie różnych scenariuszy i rozwiązywanie problemów przed wprowadzeniem zmian do działającej witryny.

Korzyści z rozwoju lokalnego

Niektóre z kluczowych zalet lokalnego rozwoju WordPress obejmują:

  • Bezpieczne środowisko testowe : Lokalne środowisko programistyczne zapewnia bezpieczną przestrzeń do testowania nowych funkcji, wtyczek i motywów bez wpływu na działającą witrynę.
  • Szybkość, wydajność i wydajność : lokalne środowisko programistyczne jest szybsze i bardziej responsywne niż zdalny serwer. Dzieje się tak, ponieważ działa na twoim komputerze, więc twój komputer może uzyskiwać dostęp do danych i przetwarzać je znacznie szybciej niż serwer, a komunikacja między twoim komputerem a serwerem nie ma opóźnień.
  • Ekonomiczność : skonfigurowanie lokalnego środowiska programistycznego eliminuje potrzebę korzystania z drogich usług hostingowych i zmniejsza koszty związane z wdrażaniem zmian w działającej witrynie. Aby rozpocząć, potrzebujesz tylko komputera i edytora tekstu.
  • Ulepszona współpraca : wielu programistów może pracować jednocześnie nad jednym projektem bez zakłócania pracy innych.
  • Rozwój offline : dzięki lokalnemu środowisku programistycznemu możesz rozwijać swoją witrynę nawet w trybie offline.
  • Lepsze bezpieczeństwo : Masz „ściśle tajny” projekt, nad którym chcesz pracować? Ponieważ na twoim komputerze działa lokalne środowisko programistyczne, jest ono bezpieczniejsze niż zdalny serwer, więc możesz budować i pracować na swojej stronie z dala od wścibskich oczu. Nie ma ryzyka nieautoryzowanego dostępu lub włamania.

Jeśli dopiero zaczynasz jako programista WordPress, zapoznaj się z naszym wprowadzeniem do artykułu dotyczącego rozwoju lokalnego WordPress. Jeśli jesteś już nieco bardziej doświadczony, zapoznaj się z naszym artykułem na temat sposobów usprawnienia przepływu pracy programistycznej WordPress w środowisku lokalnym.

Konfigurowanie lokalnego środowiska programistycznego

Zanim będziesz mógł skonfigurować lokalne środowisko programistyczne WordPress, będziesz potrzebować kilku rzeczy.

Co będziesz potrzebował

Oprócz komputera z wystarczającą ilością miejsca i mocy obliczeniowej do wspierania prac programistycznych, oto wszystko, czego potrzebujesz, aby skonfigurować lokalne środowisko programistyczne:

Oprogramowanie serwera lokalnego

Będziesz musiał zainstalować lokalne oprogramowanie serwera, aby uruchomić lokalne środowisko programistyczne.

XAMPP, MAMP i WAMP to trzy popularne opcje. Każdy z tych pakietów oprogramowania lokalnego serwera zapewnia kompletne środowisko programistyczne dla twórców stron internetowych ze wszystkimi niezbędnymi komponentami (takimi jak serwer WWW Apache, baza danych MySQL i język skryptowy PHP w jednym pakiecie), panel kontrolny do zarządzania tymi komponentami oraz narzędzie do zarządzania bazą danych.

Każdy pakiet oprogramowania ma jednak również swoje unikalne funkcje z kluczowymi różnicami, dlatego ważne jest, aby wybrać taki, który spełnia określone potrzeby.

Przyjrzyjmy się pokrótce każdemu z nich:

XAMPP

XAMPP
XAMPP

XAMPP to bezpłatne, otwarte i łatwe w instalacji oprogramowanie serwera WWW, które zapewnia lokalne środowisko programistyczne dla twórców stron internetowych. Oznacza Apache, MariaDB, PHP i Perl, cztery główne komponenty XAMPP.

Niektóre kluczowe cechy (i zalety) XAMPP:

  • Obejmuje serwer WWW Apache, bazę danych MariaDB oraz języki skryptowe PHP i Perl.
  • Obsługuje wiele systemów operacyjnych, w tym Windows, Mac i Linux.
  • Łatwy w użyciu panel kontrolny do zarządzania serwerem WWW i komponentami bazy danych.
  • Możliwość zainstalowania dodatkowych komponentów, takich jak phpMyAdmin do zarządzania bazą danych.

Cons:

  • Nie tak popularny jak MAMP czy WAMP, więc wsparcie społeczności może nie być tak silne.
  • Bardziej złożona konfiguracja w porównaniu do MAMP lub WAMP, wymagająca większej wiedzy technicznej do instalacji i konfiguracji komponentów.

XAMPP jest najlepszy dla twórców stron internetowych, którzy potrzebują kompletnego środowiska programistycznego z wieloma komponentami i są zaznajomieni z konfigurowaniem i zarządzaniem tymi komponentami. Jest również najlepszy dla programistów, którzy pracują na wielu systemach operacyjnych i potrzebują rozwiązania międzyplatformowego.

MAMP

MAMP
MAMP

MAMP to lokalne oprogramowanie serwerowe, które zapewnia środowisko programistyczne dla twórców stron internetowych. Oznacza Macintosh, Apache, MySQL i PHP, cztery główne komponenty MAMP.

Niektóre kluczowe cechy (i zalety) MAMP:

  • Obejmuje serwer WWW Apache, bazę danych MySQL i język skryptowy PHP.
  • Obsługiwany przez system operacyjny macOS, ale może być również używany w systemie operacyjnym opartym na systemie Windows.
  • Łatwy w użyciu panel kontrolny do zarządzania serwerem WWW i komponentami bazy danych.
  • Możliwość zainstalowania dodatkowych komponentów, takich jak phpMyAdmin do zarządzania bazą danych.

Cons:

  • Może używać tylko języka skryptowego PHP.
  • Mniej komponentów w porównaniu do XAMPP, co może ograniczać potrzeby niektórych programistów.

MAMP jest najlepszy dla twórców stron internetowych, którzy pracują w systemie operacyjnym macOS.

Aby uzyskać więcej informacji na temat korzystania z tej opcji, zapoznaj się z naszym samouczkiem dotyczącym lokalnego programowania WordPressa przy użyciu MAMP.

WampServer

WampServer
WampServer

WAMP to lokalne oprogramowanie serwerowe, które zapewnia środowisko programistyczne dla twórców stron internetowych. Oznacza Windows, Apache, MySQL i PHP, cztery główne komponenty WAMP.

Niektóre kluczowe cechy (i zalety) WAMP:

  • Obejmuje serwer WWW Apache, bazę danych MySQL i język skryptowy PHP.
  • Obsługuje system operacyjny Windows.
  • Łatwy w użyciu panel kontrolny do zarządzania serwerem WWW i komponentami bazy danych.
  • Możliwość zainstalowania dodatkowych komponentów, takich jak phpMyAdmin do zarządzania bazą danych.

Cons:

  • Obsługuje tylko system Windows, więc programiści korzystający z systemu macOS lub Linux mogą potrzebować szukać gdzie indziej.
  • Mniej komponentów w porównaniu do XAMPP, co może ograniczać potrzeby niektórych programistów.

WAMP jest najlepszy dla twórców stron internetowych, którzy pracują w systemie operacyjnym Windows i potrzebują kompletnego środowiska programistycznego z podstawowymi komponentami.

Aby uzyskać więcej informacji na temat tej opcji, zapoznaj się z naszym samouczkiem dotyczącym lokalnego tworzenia WordPressa przy użyciu WAMP.

Podczas gdy XAMPP, MAMP i WAMP to doskonały wybór dla twórców stron internetowych szukających lokalnego środowiska programistycznego, dostępne są inne opcje, w tym Local by Flywheel, DesktopServer i (jeśli musisz pracować nad WordPressem lokalnie na więcej niż jednym komputerze) nawet instalując i uruchamiając WordPress z USB.

Edytor tekstu

Innym komponentem, którego będziesz potrzebować, jest edytor tekstu do programowania WordPress, zaprojektowany specjalnie do pracy z językami programowania, takimi jak PHP. Edytor tekstu jest niezbędny do edytowania kodu i wprowadzania zmian w witrynie.

Przyjrzyjmy się kilku popularnym opcjom edytorów tekstu:

Wzniosły tekst

Wzniosły tekst
Wzniosły tekst

Sublime Text to popularny edytor tekstu, który jest szeroko używany przez programistów do kodowania i tworzenia skryptów. Oferuje przejrzysty, szybki i intuicyjny interfejs, ułatwiający pracę z dużymi bazami kodu.

Niektóre kluczowe cechy Sublime Text:

  • Podświetlanie składni i uzupełnianie kodu dla ponad 80 języków programowania
  • Konfigurowalne schematy kolorów, przypisania klawiszy i makra
  • Zaawansowane narzędzia do wyszukiwania i edycji, takie jak wielokrotne zaznaczanie, edycja dzielona i edycja kolumn
  • Błyskawicznie przełączaj się między projektami dzięki systemowi ustawień specyficznych dla projektu

Sublime Text to świetne narzędzie dla programistów, którzy pracują nad projektami wymagającymi pisania kodu w HTML, CSS i JavaScript. Oferuje łatwe w użyciu narzędzia do podświetlania składni, uzupełniania kodu i edycji, które sprawiają, że proces kodowania jest szybki i wydajny.

Kod Visual Studio

Kod Visual Studio
Kod Visual Studio

Visual Studio Code to darmowy edytor kodu typu open source opracowany przez firmę Microsoft. Oferuje szereg funkcji i narzędzi pomagających programistom w tworzeniu projektów na dużą skalę i zarządzaniu nimi.

Niektóre kluczowe funkcje Visual Studio Code:

  • IntelliSense — inteligentne i zaawansowane narzędzie do uzupełniania kodu i debugowania
  • Wbudowana obsługa Git i debugowanie
  • Obsługuje wiele języków programowania i ma dużą bibliotekę rozszerzeń
  • Konfigurowalny interfejs i obszar roboczy

Aby uzyskać dodatkowe edytory tekstu, zobacz naszą listę najlepszych edytorów tekstu do programowania WordPress.

Czy zaznaczyłeś wszystkie powyższe wymagania?

Komputer spełnia wymagane specyfikacje
Wybrane oprogramowanie serwera lokalnego
Wybrany edytor tekstu

Świetnie! Następnie przejdźmy do następnego kroku…

Instalowanie oprogramowania serwera lokalnego

W tym przykładzie zainstalujemy XAMPP w systemie operacyjnym Windows. Użyj tego samego procesu opisanego poniżej, aby zainstalować wybrane oprogramowanie lokalnego serwera na swoim komputerze i postępuj zgodnie ze szczegółowymi instrukcjami pakietu oprogramowania:

  1. Pobierz XAMPP : Przejdź do oficjalnej strony XAMPP i pobierz najnowszą wersję XAMPP dla Windows.
  2. Zainstaluj XAMPP : Kliknij dwukrotnie pobrany plik, aby rozpocząć proces instalacji. Uruchom pobrany plik instalatora i postępuj zgodnie z instrukcjami wyświetlanymi na ekranie, aby zainstalować XAMPP. Domyślnie XAMPP zostanie zainstalowany w katalogu C:\xampp .
  3. Uruchom XAMPP : Po instalacji otwórz Panel sterowania XAMPP z menu Start lub skrótu na pulpicie. Uruchom moduły Apache i MySQL, klikając przyciski „Start” obok każdego modułu.
  4. Sprawdź instalację : aby sprawdzić, czy XAMPP działa poprawnie, otwórz przeglądarkę internetową i przejdź do http://localhost . To powinno wyświetlić stronę powitalną XAMPP.
  5. Utwórz wirtualnego hosta : Aby utworzyć wirtualnego hosta, wykonaj czynności opisane poniżej.

XAMPP powinien być teraz zainstalowany i skonfigurowany na twoim komputerze. Możesz zacząć lokalnie tworzyć i testować swoje witryny.

Uwaga: proces instalacji XAMPP lub innego lokalnego oprogramowania serwerowego, takiego jak MAMP lub WAMP, może się nieznacznie różnić w zależności od używanego systemu operacyjnego. W przypadku systemów operacyjnych Mac i Linux możesz postępować zgodnie z instrukcjami instalacji podanymi na stronie internetowej XAMPP.

Zobacz nasze inne samouczki związane z XAMPP, aby uzyskać dodatkowe informacje na temat konfigurowania XAMPP, aktualizacji XAMPP, rozwiązywania problemów z XAMPP i migracji WordPress z lokalnego hosta XAMPP do sieci.

Konfigurowanie wirtualnego hosta

Skonfigurowanie wirtualnego hosta w lokalnym środowisku programistycznym umożliwia programistom uruchamianie wielu witryn internetowych na ich komputerze lokalnym, z których każda ma własny, unikalny adres URL. Zapewnia to bardziej realistyczne środowisko testowe i ułatwia przełączanie się między różnymi projektami.

Aby zapoznać się z poniższym przewodnikiem krok po kroku, jak skonfigurować wirtualnego hosta w lokalnym środowisku programistycznym i rozpocząć testowanie witryn internetowych:

1. Otwórz plik konfiguracyjny Apache : Otwórz plik konfiguracyjny oprogramowania lokalnego serwera. W tym przykładzie używamy XAMPP, więc otwórz plik konfiguracyjny Apache, zwykle znajdujący się w /etc/httpd/conf/httpd.conf lub C:\xampp\apache\conf\httpd.conf .

2. Włącz hosting wirtualny : Znajdź sekcję oznaczoną „# Virtual Hosts” i odkomentuj następujący wiersz, usuwając symbol krzyżyka (#) na początku wiersza: #Include conf/extra/httpd-vhosts.conf .

3. Skonfiguruj hosta wirtualnego : Otwórz plik konfiguracyjny hosta wirtualnego, zwykle znajdujący się w /etc/httpd/conf/extra/httpd-vhosts.conf lub C:\xampp\apache\conf\extra\httpd-vhosts.conf .

4. Dodaj nowego hosta wirtualnego : Dodaj nowego hosta wirtualnego, tworząc nowy blok kodu o następującym formacie: 

ServerName example.local
DocumentRoot "/path/to/document/root"
<Directory "/path/to/document/root">
AllowOverride All
Require all granted

Zrób to:

  • Zamień „example.local” na żądany adres URL wirtualnego hosta.
  • Zastąp „/ścieżka/do/dokumentu/root” pełną ścieżką do katalogu głównego dokumentu dla hosta wirtualnego.

5. Zaktualizuj plik hosts : plik hosts odwzorowuje nazwy domen na adresy IP. Aby host wirtualny był dostępny za pośrednictwem podanego adresu URL, musisz dodać wpis do pliku hosts. Plik hosts zazwyczaj znajduje się w /etc/hosts or C:\Windows\System32\drivers\etc\hosts . Dodaj nową linię w następującym formacie: 127.0.0.1 example.local . Zastąp „example.local” adresem URL określonym w konfiguracji hosta wirtualnego. Zapisz zmiany w pliku konfiguracyjnym.

6. Uruchom ponownie Apache : Uruchom ponownie lokalny serwer WWW Apache, aby zastosować zmiany.

7. Przetestuj wirtualnego hosta : Przetestuj swojego wirtualnego hosta, odwiedzając adres URL w przeglądarce internetowej. Przeglądarka powinna wyświetlić zawartość katalogu głównego dokumentu dla hosta wirtualnego.

Tworzenie bazy danych dla Twojej lokalnej instalacji WordPress

Następnym krokiem przed lokalną konfiguracją projektu WordPress jest utworzenie bazy danych dla lokalnego środowiska programistycznego.

Postępuj zgodnie z poniższymi instrukcjami krok po kroku, aby utworzyć bazę danych w XAMPP:

1. Otwórz Panel sterowania XAMPP : Otwórz Panel sterowania XAMPP z menu Start lub skrótu na pulpicie. Upewnij się, że moduły Apache i MySQL są uruchomione.

2. Uzyskaj dostęp do phpMyAdmin : Aby uzyskać dostęp do phpMyAdmin, otwórz przeglądarkę internetową i przejdź do http://localhost/phpmyadmin . Spowoduje to otwarcie interfejsu phpMyAdmin w Twojej przeglądarce.

3. Utwórz nową bazę danych : W interfejsie phpMyAdmin kliknij zakładkę „Bazy danych”. W sekcji „Utwórz bazę danych” wprowadź nazwę nowej bazy danych i wybierz zestawienie „utf8mb4_general_ci”. Następnie kliknij przycisk „Utwórz”.

4. Utwórz nowego użytkownika : Aby utworzyć nowego użytkownika dla bazy danych, kliknij zakładkę „Użytkownicy”, a następnie przycisk „Dodaj użytkownika”. W formularzu „Dodaj użytkownika” wprowadź nazwę użytkownika i hasło dla nowego użytkownika, a jako hosta wybierz „Lokalny”. Upewnij się, że nadałeś użytkownikowi wszystkie uprawnienia, zaznaczając pole wyboru „Nadaj wszystkie uprawnienia do bazy danych”. Na koniec kliknij przycisk „Idź”.

5. Zapisz swoje dane : Zapisz lub zapisz swoją nazwę bazy danych, nazwę użytkownika i hasło. Będziesz ich potrzebować, aby później połączyć bazę danych z WordPress.

Po wykonaniu powyższych kroków pomyślnie utworzysz bazę danych dla lokalnej instalacji WordPress i lokalnego środowiska programistycznego.

Możesz teraz używać tej bazy danych do przechowywania danych i zarządzania nimi podczas lokalnego tworzenia i testowania witryny WordPress.

Czy wykonałeś wszystkie powyższe kroki?

Zainstalowane oprogramowanie serwera lokalnego
Skonfiguruj wirtualnego hosta
Utworzona baza danych

Świetnie! Następnie przejdźmy do następnego kroku…

Lokalna instalacja WordPressa

Teraz, gdy przygotowaliśmy nasze lokalne środowisko, następnym krokiem jest pobranie, instalacja i konfiguracja WordPress.

Pobieranie i instalacja WordPressa na lokalnym serwerze

Wykonaj poniższe czynności, aby zakończyć ten proces:

  1. Odwiedź witrynę WordPress : Przejdź do oficjalnej witryny WordPress.org i kliknij przycisk „Pobierz WordPress”, aby pobrać najnowszą wersję WordPress.
  2. Wyodrębnij archiwum : Pobierany plik WordPress będzie skompresowanym plikiem ZIP. Wyodrębnij zawartość archiwum do katalogu na swoim komputerze.
  3. Przenieś wyodrębnione pliki na serwer lokalny : Przenieś zawartość wyodrębnionego katalogu do katalogu głównego serwera lokalnego. Jeśli na przykład używasz XAMPP, zazwyczaj jest to C:\xampp\htdocs w systemie Windows lub /Applications/XAMPP/htdocs w systemie macOS.
  4. Utwórz bazę danych : (Uwaga: jeśli postępowałeś zgodnie z instrukcjami, ten krok powinien już być wykonany.) Przed instalacją WordPressa musisz utworzyć bazę danych. Możesz to zrobić za pomocą narzędzia takiego jak phpMyAdmin, które jest dołączone do większości lokalnych programów serwerowych, takich jak XAMPP i MAMP.
  5. Rozpocznij instalację : otwórz przeglądarkę internetową i przejdź do http://localhost/wordpress (lub równoważnego adresu URL serwera lokalnego). Spowoduje to rozpoczęcie procesu instalacji WordPress.
  6. Wybierz język : Na pierwszym ekranie wybierz preferowany język i kliknij przycisk „Kontynuuj”.
  7. Wypełnij informacje o bazie danych : Na następnym ekranie wpisz informacje o bazie danych utworzone w kroku 4. Obejmuje to nazwę bazy danych, nazwę użytkownika bazy danych i hasło do bazy danych.
  8. Wypełnij informacje o witrynie : Na następnym ekranie wprowadź informacje o swojej lokalnej witrynie WordPress. Obejmuje to tytuł witryny, nazwę użytkownika, hasło i adres e-mail.
  9. Uruchom instalację : Po wprowadzeniu wszystkich informacji kliknij przycisk „Zainstaluj WordPress”, aby uruchomić instalację.
  10. Zaloguj się do swojej witryny : po zakończeniu instalacji zaloguj się do lokalnej witryny WordPress, używając nazwy użytkownika i hasła utworzonych w kroku 8, aby rozpocząć dostosowywanie i rozwijanie lokalnej witryny.

Pomyślnie pobrałeś i zainstalowałeś WordPress.

Możesz teraz rozpocząć dostosowywanie i rozwijanie swojej witryny lokalnie, ze wszystkimi zaletami lokalnego środowiska programistycznego, przed wdrożeniem witryny na działającym serwerze.

Konfigurowanie pliku wp-config.php

Plik wp-config.php jest kluczowym elementem konfiguracji lokalnej instalacji WordPress i lokalnego środowiska programistycznego. Ten plik zawiera ustawienia konfiguracyjne, które kontrolują interakcję WordPress z bazą danych i inne ważne ustawienia.

Jeśli postępowałeś zgodnie z powyższymi instrukcjami instalacji, twoje poświadczenia bazy danych zostaną automatycznie dodane do pliku wp-config.php .

Jeśli z jakiegokolwiek powodu musisz ręcznie skonfigurować plik wp-config.php , postępuj zgodnie z poniższymi instrukcjami:

1. Utwórz plik wp-config.php : Jeśli Twoja lokalna instalacja WordPress nie ma jeszcze pliku wp-config.php , możesz go utworzyć, kopiując plik wp-config-sample.php i zmieniając jego nazwę na wp-config.php .

2. Zaktualizuj poświadczenia bazy danych : otwórz plik wp-config.php i zaktualizuj następujące wiersze odpowiednimi informacjami: 

define( 'DB_NAME', 'database_name' );
define( 'DB_USER', 'database_user' );
define( 'DB_PASSWORD', 'database_password' );
define( 'DB_HOST', 'localhost' );

Zastąp database_name , database_user i database_password wartościami użytymi podczas tworzenia bazy danych i użytkownika w poprzednim kroku.

3. Ustaw klucze bezpieczeństwa WordPress : Klucze bezpieczeństwa WordPress dodają dodatkową warstwę bezpieczeństwa do Twojej witryny poprzez szyfrowanie informacji przechowywanych w plikach cookie. Możesz wygenerować zestaw kluczy bezpieczeństwa na oficjalnej stronie WordPress. Skopiuj wygenerowane klucze i wklej je do pliku wp-config.php , zastępując klucze zastępcze, które już tam są.

4. Włącz debugowanie : W przypadku rozwoju lokalnego przydatne jest włączenie debugowania w WordPress. Spowoduje to wyświetlenie bardziej szczegółowych komunikatów o błędach i ostrzeżeń, które mogą pomóc w rozwiązaniu problemów z witryną. Aby włączyć debugowanie, dodaj następujący wiersz do pliku wp-config.php:

define( 'WP_DEBUG', true );

5. Zapisz zmiany : Po wprowadzeniu zmian w pliku wp-config.php zapisz plik i zamknij go.

Pomyślne skonfigurowanie pliku wp-config.php zapewni, że lokalnie zainstalowana witryna WordPress będzie mogła łączyć się z bazą danych, będzie bezpieczna i zapewni przydatne informacje debugowania podczas lokalnego tworzenia i testowania witryny.

Importowanie działającej witryny WordPress do środowiska lokalnego

Wykonaj poniższe czynności, jeśli chcesz zaimportować działającą witrynę WordPress do lokalnego środowiska:

Eksportowanie bazy danych aktywnej witryny

Aby wyeksportować bazę danych działającej witryny, musisz mieć dostęp do serwera działającej witryny.

Oto kroki, aby wyeksportować bazę danych działającej witryny (uwaga: różne środowiska serwerowe wykonają to inaczej, ale większość powinna wykonać podobny proces):

  1. Zaloguj się do panelu sterowania swojego serwera na żywo .
  2. Uzyskaj dostęp do bazy danych : Pierwszym krokiem jest uzyskanie dostępu do bazy danych działającej witryny. Możesz to zrobić za pomocą narzędzia takiego jak phpMyAdmin, które jest często dostarczane przez dostawcę usług hostingowych. Poszukaj sekcji o nazwie „Bazy danych” i kliknij „phpMyAdmin”.
  3. Wybierz bazę danych : Po zalogowaniu się do phpMyAdmin wybierz bazę danych dla swojej aktywnej witryny z panelu po lewej stronie.
  4. Eksportuj bazę danych : Kliknij przycisk „Eksportuj”, aby rozpocząć proces eksportu.
  5. Wybierz format eksportu : Na ekranie eksportu wybierz metodę eksportu „Szybki”, wybierz format „SQL” i upewnij się, że wybrane są opcje „Struktura” i „Dane”.
  6. Pobierz plik eksportu : Kliknij przycisk „Idź”, aby pobrać plik eksportu na swój komputer.

Importowanie bazy danych na serwer lokalny

Aby zaimportować bazę danych działającej witryny na serwer lokalny, upewnij się, że wybrane oprogramowanie serwera lokalnego jest już zainstalowane na komputerze.

Oto kroki, aby zaimportować bazę danych działającej witryny na serwer lokalny:

  1. Otwórz phpMyAdmin w oprogramowaniu lokalnego serwera : Zaloguj się do phpMyAdmin na swoim lokalnym serwerze i wybierz bazę danych utworzoną dla lokalnej instalacji WordPress.
  2. Importuj bazę danych : Kliknij przycisk „Importuj”, aby zaimportować dane z właśnie pobranego pliku eksportu.
  3. Wybierz plik importu : Na ekranie importu kliknij przycisk „Wybierz plik”, wybierz właśnie pobrany plik eksportu i kliknij przycisk „Idź”, aby rozpocząć proces importu.

Zastępowanie adresów URL w bazie danych

Po zaimportowaniu bazy danych działającej witryny konieczne będzie zastąpienie adresów URL w bazie danych, aby pasowały do ​​lokalnego środowiska programistycznego.

Oto kroki, aby zastąpić adresy URL w bazie danych:

1. Otwórz phpMyAdmin w lokalnym oprogramowaniu serwera.
2. Wybierz zaimportowaną bazę danych z panelu po lewej stronie.
3. Kliknij zakładkę „SQL”.
4. Wprowadź następujące zapytanie w polu tekstowym: 

UPDATE wp_options SET option_value = replace(option_value, 'http://www.livesite.com', 'http://local.livesite.com') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://www.livesite.com','http://local.livesite.com');
UPDATE wp_posts SET post_content = replace(post_content, 'http://www.livesite.com', 'http://local.livesite.com');

5. Zastąp „http://www.livesite.com” adresem URL swojej działającej witryny, a „http://local.livesite.com” adresem URL lokalnego środowiska programistycznego.

6. Kliknij przycisk „Go”, aby wykonać zapytanie.

Przesyłanie plików aktywnej witryny do środowiska lokalnego

Aby przesłać pliki działającej witryny do środowiska lokalnego, musisz mieć dostęp FTP do serwera działającej witryny.

Wykonaj poniższe czynności, aby przesłać pliki działającej witryny do środowiska lokalnego:

  1. Połącz się z serwerem działającej witryny za pomocą klienta FTP, takiego jak FileZilla.
  2. Przejdź do katalogu głównego swojej działającej witryny na serwerze.
  3. Pobierz wszystkie pliki na komputer lokalny.
  4. Umieść pobrane pliki w katalogu głównym lokalnego środowiska programistycznego, który zwykle znajduje się w folderze „htdocs” lub „www” w XAMPP lub innym lokalnym oprogramowaniu serwerowym.

Uwagi:

  1. Jeśli masz już instalację WordPress, powyższy folder nie będzie pusty i zostaniesz poproszony o zastąpienie istniejących plików i katalogów, więc zastąp wszystkie pliki z wyjątkiem pliku wp-config.php , aby zachować te same konfiguracje, w tym połączone baz danych, które zostały wypełnione danymi z działającej witryny.
  2. Przed przesłaniem plików działającej witryny do środowiska lokalnego może być konieczna zmiana uprawnień do plików, aby oprogramowanie serwera lokalnego mogło je zapisywać.
  3. Pamiętaj też o przetestowaniu lokalnej kopii zapasowej WordPressa przed wprowadzeniem jakichkolwiek zmian.

Otóż ​​to! Pomyślnie zaimportowałeś swoją działającą witrynę do lokalnej instalacji WordPress i lokalnego środowiska programistycznego.

Tworzenie i testowanie w lokalnej witrynie WordPress

Nareszcie jesteś gotowy do rozwijania i testowania swojej witryny lokalnie przy użyciu tych samych danych, co w przypadku działającej witryny, co zapewnia rzeczywiste środowisko do testowania i programowania.

Przejdźmy przez proces:

Wprowadzanie zmian i testowanie

  1. Zaloguj się do lokalnej witryny WordPress: Otwórz lokalną witrynę WordPress w przeglądarce internetowej i zaloguj się do pulpitu nawigacyjnego WordPress, używając poświadczeń administratora.
  2. Wprowadź zmiany w witrynie: Możesz wprowadzać zmiany w lokalnej witrynie WordPress, edytując motywy, wtyczki lub niestandardowy kod. Po prostu uzyskaj dostęp do tych elementów z pulpitu nawigacyjnego WordPress.
  3. Testuj zmiany: po wprowadzeniu zmian w lokalnej witrynie WordPress ważne jest, aby je przetestować, aby upewnić się, że działają zgodnie z oczekiwaniami. Możesz przetestować zmiany, odwiedzając interfejs swojej witryny i sprawdzając, czy zmiany zostały wprowadzone.

Debugowanie

  1. Użyj trybu debugowania: WordPress ma wbudowany tryb debugowania, który ułatwia identyfikację i rozwiązywanie problemów w Twojej witrynie. Aby włączyć tryb debugowania, należy dodać następujący kod do pliku wp-config.php: define( 'WP_DEBUG', true ); .
  2. Sprawdź dzienniki błędów: jeśli masz problemy z lokalną witryną WordPress, możesz sprawdzić dzienniki błędów, aby zobaczyć, czy są jakieś komunikaty o błędach lub komunikaty ostrzegawcze, które mogą pomóc w zidentyfikowaniu problemu. Dzienniki błędów można znaleźć w pliku dziennika debugowania WordPress, który znajduje się w katalogu wp-content.
  3. Użyj narzędzi do debugowania: Istnieje wiele narzędzi do debugowania i wtyczek dostępnych dla WordPress, które mogą pomóc w zidentyfikowaniu i rozwiązaniu problemów w Twojej witrynie. Na przykład wtyczka Query Monitor dostarcza szczegółowych informacji na temat zapytań do bazy danych, użycia wtyczek i nie tylko. Zobacz ten samouczek, aby uzyskać pomoc w debugowaniu WordPress: Debugowanie WordPress: Jak korzystać z WP_Debug

Testowanie różnych wtyczek i motywów

Instalowanie, aktywowanie i testowanie wtyczek i motywów w lokalnej witrynie WordPress działa dokładnie tak samo, jak w przypadku każdej innej zwykłej witryny WordPress. Dlatego w trybie testowym wykonaj następujące czynności:

  1. Zainstaluj wtyczki : zainstaluj wtyczki w swojej lokalnej witrynie WordPress, aby dodać nowe funkcje lub funkcje do swojej witryny. Aby zainstalować wtyczkę, zaloguj się do pulpitu nawigacyjnego WordPress, przejdź do sekcji Wtyczki i kliknij przycisk Dodaj nową.
  2. Aktywuj wtyczki : Aktywuj testowaną wtyczkę po jej zainstalowaniu, aby używać jej w swojej witrynie. Aby aktywować wtyczkę, przejdź do sekcji Wtyczki na pulpicie nawigacyjnym WordPress i kliknij przycisk Aktywuj obok wtyczki, której chcesz użyć.
  3. Przetestuj wtyczki : po aktywacji wtyczki ważne jest, aby ją przetestować, aby upewnić się, że działa zgodnie z oczekiwaniami. Przetestuj wtyczki, odwiedzając front-end swojej witryny i sprawdzając, czy wtyczka zaczęła działać.
  4. Zainstaluj motywy : Zainstaluj motywy w lokalnej witrynie WordPress, aby zmienić wygląd witryny. Aby zainstalować motyw, zaloguj się do pulpitu nawigacyjnego WordPress, przejdź do sekcji Wygląd i kliknij przycisk Motywy.
  5. Aktywuj motywy : Aktywuj motyw po zainstalowaniu, aby zmienić wygląd witryny. Aby aktywować motyw, przejdź do sekcji Wygląd pulpitu nawigacyjnego WordPress i kliknij przycisk Aktywuj obok motywu, którego chcesz użyć.
  6. Testuj motywy : po aktywowaniu motywu ważne jest, aby go przetestować, aby upewnić się, że działa zgodnie z oczekiwaniami. Przetestuj motywy, odwiedzając front-end swojej witryny i sprawdzając, czy motyw zaczął działać.

Czy dokonałeś wszystkich potrzebnych zmian, debugowałeś problemy i przetestowałeś różne wtyczki i motywy w swojej lokalnej witrynie?

Świetnie! Teraz możesz już uruchomić lokalną witrynę WordPress.

Wdrażanie lokalnej witryny WordPress na serwerze Live

Ostatnim krokiem w tym procesie jest wyeksportowanie wszystkich lokalnych plików WordPress i bazy danych do środowiska hostingu na żywo i upewnienie się, że wszystkie zmiany, konfiguracje i adresy URL Twojej witryny działają w Twojej aktywnej witrynie.

Eksportowanie bazy danych witryny lokalnej

Wykonaj poniższe czynności, aby wyeksportować lokalną witrynę WordPress na serwer na żywo:

  1. Zaloguj się do bazy danych witryny lokalnej za pomocą PHPMyAdmin.
  2. Wybierz bazę danych, którą chcesz wyeksportować.
  3. Przejdź do zakładki „Eksportuj”.
  4. Wybierz metodę eksportu „Szybki”.
  5. Wybierz format „SQL”.
  6. Kliknij „Go”, aby pobrać plik SQL na swój komputer.

Importowanie bazy danych do serwera Live

Wykonaj poniższe czynności, aby zaimportować plik eksportu lokalnej bazy danych WordPress do działającej witryny:

  1. Zaloguj się do bazy danych serwera na żywo za pomocą PHPMyAdmin.
  2. Utwórz nową bazę danych dla działającej witryny.
  3. Przejdź do nowej bazy danych i wybierz zakładkę „Importuj”.
  4. Wybierz wyeksportowany plik SQL z witryny lokalnej.
  5. Kliknij „Go”, aby zaimportować bazę danych.

Teraz, po przeprowadzeniu migracji bazy danych z witryny lokalnej do witryny działającej, zróbmy to samo z plikami witryny.

Przesyłanie plików witryny lokalnej na serwer na żywo

Wykonaj poniższe czynności, aby przesłać pliki lokalnej witryny WordPress do działającej witryny:

  1. Przygotuj pliki: przed przesłaniem plików witryny lokalnej na serwer warto je przejrzeć i wyczyścić. Może to obejmować usunięcie wszelkich niepotrzebnych plików, takich jak kopie zapasowe lub pliki testowe, aby zminimalizować ilość przesyłanych danych.
  2. Połącz się z serwerem: Możesz połączyć się z serwerem za pomocą różnych metod, takich jak FTP lub SFTP. Aby połączyć się z serwerem, musisz użyć oprogramowania klienckiego, takiego jak FileZilla. Aby się połączyć, musisz podać hosta serwera, nazwę użytkownika i hasło.
  3. Prześlij pliki: Po nawiązaniu połączenia z serwerem możesz przesłać pliki witryny lokalnej na serwer. Możesz przesyłać pliki na wiele sposobów, w tym przesyłać pojedyncze pliki lub przesyłać cały folder witryny lokalnej. Przejdź do katalogu głównego działającej witryny na serwerze. Prześlij wszystkie pliki witryny lokalnej do katalogu działającej witryny na serwerze i zastąp istniejące pliki, jeśli pojawi się monit.
  4. Zaktualizuj informacje o bazie danych: Po przesłaniu plików na serwer musisz zaktualizować informacje o bazie danych w pliku wp-config.php , aby odzwierciedlały informacje o bazie danych działającej witryny. Otwórz plik wp-config.php w edytorze tekstu i zaktualizuj nazwę bazy danych, nazwę użytkownika i hasło, aby były zgodne z aktywną bazą danych.
  5. Zaktualizuj adresy URL w bazie danych: Zobacz sekcję poniżej.
  6. Przetestuj witrynę: po przesłaniu plików witryny lokalnej na serwer warto przetestować witrynę, aby upewnić się, że wszystko działa poprawnie. Może to obejmować testowanie funkcjonalności witryny, linków i obrazów, aby upewnić się, że działają one zgodnie z oczekiwaniami.

Aktualizacja adresów URL w bazie danych

Możesz zaktualizować adresy URL w swojej bazie danych za pomocą edytora tekstu lub bezpośrednio w bazie danych (przed wprowadzeniem zmian upewnij się, że masz pełną kopię zapasową bazy danych).

Aktualizowanie adresów URL za pomocą edytora tekstu

Wykonaj poniższe czynności, aby zaktualizować adresy URL w bazie danych za pomocą edytora tekstu.

  1. Eksportuj bazę danych: Przed aktualizacją adresów URL w bazie danych należy wyeksportować bazę danych. Skorzystaj z narzędzia do zarządzania bazą danych (np. phpMyAdmin).
  2. Znajdź i zamień adresy URL : Po wyeksportowaniu bazy danych musisz znaleźć i zamienić adresy URL w bazie danych. Możesz to zrobić za pomocą edytora tekstu, takiego jak Sublime lub Visual Studio Code. Wyszukaj i zastąp adresy URL oraz upewnij się, że adresy URL są zastępowane ostrożnie i dokładnie, w tym adresy URL w serializowanych danych.
  3. Zaimportuj bazę danych : po zaktualizowaniu adresów URL w bazie danych konieczne będzie zaimportowanie bazy danych z powrotem do lokalnego środowiska programistycznego. Możesz zaimportować bazę danych za pomocą narzędzia do zarządzania bazą danych, takiego jak phpMyAdmin.
  4. Przetestuj witrynę : po zaimportowaniu zaktualizowanej bazy danych warto przetestować witrynę, aby upewnić się, że wszystko działa poprawnie. Może to obejmować testowanie funkcjonalności witryny, linków i obrazów, aby upewnić się, że działają one zgodnie z oczekiwaniami.

Aktualizowanie adresów URL w bazie danych

Wykonaj poniższe czynności, aby zaktualizować adresy URL bezpośrednio w bazie danych:

1. Zaloguj się do bazy danych działającej witryny za pomocą PHPMyAdmin.
2. Select the live site's database.
3. Go to the “SQL” tab.
4. Run the following SQL query to update the URLs: 

UPDATE wp_options SET option_value = replace(option_value, 'http://old-url', 'http://new-url') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://old-url','http://new-url');
UPDATE wp_posts SET post_content = replace(post_content, 'http://old-url', 'http://new-url');

Replace “old-url” with the URL of the local site and “new-url” with the URL of the live site.

5. Click “Go” to run the query.
6. This will update all references to the local site's URL with the live site's URL in the database, ensuring that all links and images on the live site work correctly.

If you have followed the above steps correctly, the URLs in your database should have successfully updated. After these steps, your local WordPress site should now be fully functional on the live server. Make sure to thoroughly test the live site to ensure that all features are working correctly, and make any necessary adjustments to ensure a seamless transition from the local development environment to the live server.

Local Development vs Webhost Staging Environment

While WordPress local development provides a safe and efficient environment to build, edit, and test WordPress websites, you may decide to work in a webhost staging environment instead (here are some good reasons why you may not want to develop WordPress locally).

Both local development environments and webhost staging environments, however, have their pros and cons.

Here is a brief overview of the pros and cons of using a WordPress local development versus a webhost staging environment:

Pros of Local Development Environment

  • Easy to Use : Local development environments are easy to use, even for beginner developers.
  • Flexibility : You have complete control over your local development environment, so you can configure it however you like.
  • Test Any Changes : With a local development environment, you can test any changes you make to your site without affecting the live version.

Cons of Local Development Environment

  • Not a Live Environment : A local development environment is not a live environment, so you cannot test your site with live data.
  • Limited Resources : Your local machine may have limited resources, such as memory and processing power, which can affect your site's performance.
  • Not a True Representation : A local development environment may not accurately represent a live server environment, so testing may not be 100% accurate.

Pros of Webhost Staging Environment

  • Live Environment : A webhost staging environment is a live environment, so you can test your site with live data.
  • More Accurate Testing : A webhost staging environment is a more accurate representation of a live server environment, so testing is more reliable.
  • More Resources : A webhost staging environment typically has more resources available than a local development environment, so your site's performance will be better.

Cons of Webhost Staging Environment

  • Cost : Setting up a webhost staging environment can be expensive, as you have to pay for hosting and a domain name.
  • Not as Fast : A webhost staging environment is not as fast as a local development environment because it runs on a remote server.

For smaller projects, a local development environment is a great option because it is free and easy to use. For larger projects, however, a webhost staging environment may be a better option because it is a live environment and provides more accurate testing.

Ultimately, the choice between these two methods will depend on your individual needs, preferences, and hosting options.

Note: We recommend avoiding shared hosting, and hosting on our Quantum plan instead for basic WordPress sites, but if you have reasons for choosing shared hosting, then check out our article on how to run WordPress local development on shared hosting.

All WPMU DEV hosting plans (except for Quantum) include a staging environment. Refer to our staging documentation for more details on the benefits of using a staging environment to develop and test WordPress sites.

Do you use a local environment to build and test WordPress sites? Share your experiences and comments below!