Przewodnik dla początkujących po używaniu Git z WordPressem

Używamy Git i GitHub do zarządzania naszymi witrynami internetowymi i wtyczkami. Jest to jedno z tych narzędzi, które po cichu utrzymuje wszystko w porządku za kulisami.

Z biegiem czasu odkryliśmy, że znacznie ułatwia to zarządzanie witryną WordPress. Śledzi każdą zmianę, dużą lub małą, dzięki czemu zawsze masz jasny zapis tego, co zostało zrobione.

Pomyśl o Git jako o siatce bezpieczeństwa dla twojej witryny internetowej. Możesz swobodnie eksperymentować, wiedząc, że zawsze możesz wrócić do stabilnej wersji, jeśli coś się zepsuje.

Jeśli pracujesz z zespołem, Git pomaga wszystkim zachować synchronizację. To jak udostępnianie notatnika, w którym zapisywane są wszystkie twoje aktualizacje, więc nic nie zostanie utracone ani nadpisane.

W tym przewodniku przeprowadzimy Cię przez podstawy korzystania z Git z WordPressem i pokażemy, jak zacząć krok po kroku.

Oto przegląd wszystkiego, co omówimy w tym przewodniku. Możesz kliknąć poniższe odnośniki, aby przejść do dowolnej sekcji:

Czym jest Git?

Git to skrót od Global Information Tracker. Jest to system kontroli wersji, który pomaga śledzić zmiany wprowadzone w twoim kodzie lub plikach w czasie.

Wszystko jest przechowywane w katalogu zwanym repozytorium lub w skrócie repo. Jest to katalog główny, w którym Git monitoruje wszystkie pliki twojego projektu.

Git jest najczęściej używany przez programistów pracujących nad różnymi projektami rozwoju oprogramowania. Pozwala on wielu osobom kopiować główną bazę kodu na swoje komputery.

Każda osoba może wprowadzać zmiany lokalnie, bez dotykania oryginalnych plików. Gdy skończą, mogą przesłać swoje aktualizacje na platformę taką jak GitHub, która pomaga zarządzać i organizować wkład zespołu.

Git a GitHub – jaka jest różnica?

Częstym punktem nieporozumień jest różnica między Git i GitHub. Jeśli dopiero zaczynasz, łatwo jest je pomylić.

Git to narzędzie, które śledzi zmiany w twoim kodzie. Pozwala organizować te zmiany w repozytoriach, niezależnie od tego, czy pracujesz sam, czy z innymi osobami.

GitHub to platforma internetowa, na której można przechowywać i udostępniać repozytoria Git. Ułatwia ona współpracę, zwłaszcza w przypadku pracy zespołowej.

Możesz używać Git bez GitHub, przechowując wszystko na twoim komputerze. Ale GitHub nie działa bez Git – całkowicie się na nim opiera.

Istnieją również inne usługi hostingowe Git, takie jak Bitbucket, Launchpad i Assembla. GitHub jest jednak najbardziej popularny ze względu na dodatkowe funkcje i przejrzysty interfejs.

Jest to szczególnie pomocne dla zespołów i pracowników zdalnych zarządzających dużymi projektami. Możesz śledzić każdą zmianę, zostawiać komentarze i w razie potrzeby cofać się do wcześniejszych wersji.

A ponieważ wszystko jest przechowywane w chmurze, nie stracisz swojej pracy, jeśli twój komputer ulegnie awarii lub zostanie zgubiony.

Następnie przyjrzymy się, kiedy warto używać Git i GitHub do rozwoju WordPress.

Jak używać Git i GitHub do tworzenia WordPressa?

Podczas tworzenia własnych wtyczek i witryn internetowych WordPress najczęściej korzystamy z Git i GitHub. Pomagają nam one utrzymać porządek podczas pracy nad różnymi wersjami i aktualizacjami.

Jeśli pracujesz nad nowym motywem lub konfiguratorem dla klienta, GitHub może przechowywać całą bazę kodu. Możesz sklonować repozytorium motywu, wprowadzić swoje zmiany i przetestować je na swojej regionalnej witrynie przed wykonaniem jakichkolwiek czynności na wersji live.

Gdy wszystko będzie wyglądać dobrze, po prostu prześlij te zmiany do GitHub. Stamtąd możesz zaktualizować motyw na twojej witrynie WordPress.

To samo dotyczy tworzenia wtyczek. Niezależnie od tego, czy tworzysz wtyczkę od podstaw, czy pracujesz nad ulepszeniami, Git i GitHub zapewniają kontrolę nad każdą zmianą.

Świetnie nadają się również do projektów open-source. Każdy może rozwidlić repozytorium wtyczki, pracować nad poprawkami błędów lub nowymi funkcjami i przesłać swój wkład za pomocą żądania ściągnięcia.

Możesz nawet użyć GitHub, aby pobrać wtyczki WordPress lub motywy i zainstalować je ręcznie. Należy tylko pamiętać, że GitHub nie został stworzony do działania jak narzędzia do przechowywania danych w chmurze, takie jak Dropbox czy Dysk Google.

Następnie pokażemy, jak krok po kroku dokonać zmiany w lokalnym pliku wtyczki i przesłać go do serwisu GitHub.

Ustawienie regionalnego środowiska WordPress dla Git

Przed użyciem Git i GitHub najlepszą praktyką jest utworzenie lokalnego środowiska WordPress. Jest to miejsce, w którym możesz pracować nad swoim projektem, wprowadzać zmiany w witrynie WordPress, wypróbowywać nowy kod oraz testować rozwój wtyczek i motywów.

Posiadanie środowiska lokalnego gwarantuje, że Twoja witryna internetowa na żywo nie ma wpływu na zmiany, dopóki ich nie wdrożysz. Jeśli coś pójdzie nie tak, możesz wprowadzić zmiany i debugować kod na twojej lokalnej witrynie internetowej.

Aby rozpocząć, możesz użyć lokalnego oprogramowania internetowego, które pozwala hostować lokalne witryny na twoim komputerze zamiast serwera pomostowego lub serwera na żywo.

Na przykład oprogramowanie takie jak Local WP (wcześniej znane jako Local by Flywheel), MAMP, XAMPP i WampServer doskonale nadaje się do tworzenia lokalnych środowisk. Są one darmowe i bardzo łatwe w konfiguracji.

Możesz dowiedzieć się więcej, korzystając z naszych przewodników na temat instalacji WordPressa na komputerze z systemem Windows i lokalnej instalacji WordPressa na komputerze Mac.

Lokalna instalacja Git i utworzenie repozytorium

Gdy twoje środowisko regionalne jest już gotowe, następnym krokiem jest pobranie i zainstalowanie Git na twoim komputerze.

Ale zanim to zrobisz, ważne jest, aby sprawdzić, czy Git jest już zainstalowany na twoim komputerze, czy nie. Dzieje się tak, ponieważ najnowsze urządzenia z systemami macOS i Linux mają preinstalowany Git.

Aby rozpocząć, po prostu wpisz polecenie git -version w “Terminalu” na dowolnym komputerze Mac lub Linux. Na urządzeniu z systemem Windows można otworzyć Wiersz polecenia i wpisać polecenie git version.

Jeśli Git jest preinstalowany, powinieneś zobaczyć numer wersji Gita. Jeśli nie jest jeszcze zainstalowany, nic nie zobaczysz lub pojawi się błąd nieznanego polecenia. Oznacza to, że musisz zainstalować Git na twoim komputerze.

Najpierw należy przejść na witrynę internetową Git i przejść do sekcji “Pliki do pobrania”.

Na następnym ekranie znajdują się odnośniki dla systemów Mac, Windows i Linux/Unix.

Kliknij odnośnik dla systemu operacyjnego twojego urządzenia, aby pobrać Git.

Po pobraniu Git z witryny internetowej można uruchomić kreator instalacji.

Następnie kliknij przycisk “Dalej” i postępuj zgodnie z instrukcjami wyświetlanymi na ekranie, aby zakończyć proces instalacji.

Po zakończeniu instalacji można uruchomić Git.

Następnie wystarczy wpisać rodzaj wersji git, aby sprawdzić, czy oprogramowanie zostało poprawnie zainstalowane.

Teraz, gdy Git jest gotowy do użycia w twoim systemie, następnym krokiem jest utworzenie lokalnego repozytorium Git, w którym możesz zatwierdzać zmiany w plikach witryny WordPress przed przesłaniem ich do GitHub.

Aby rozpocząć, przejdź do plików regionalnych witryny internetowej na twoim komputerze. Z tego miejsca zlokalizuj katalog “wp-content”, a następnie przejdź do katalogu wtyczki lub motywu, nad którym pracujesz. Teraz kliknij prawym przyciskiem myszy w dowolnym miejscu w katalogu i kliknij opcję “Otwórz tutaj Git Bash”.

Spowoduje to otwarcie oprogramowania Git na twoim komputerze.

Z tego miejsca wystarczy wpisać następujący rodzaj polecenia i nacisnąć klawisz Enter lub Return na twojej klawiaturze.

git init

Następnie należy wpisać następujący rodzaj polecenia, aby wprowadzić zmiany w pliku.

git add .

Gdy to zrobisz, wpisz Enter lub Return.

Następnie możesz dodać wiadomość do twojego repo, wpisując następujący rodzaj polecenia.

git commit -m “message”

Nie zapomnij zastąpić wiadomości dowolnym tekstem. Jest to sposób na pozostawienie notatek dotyczących konkretnych zmian wprowadzonych w repozytorium.

Gdy to zrobisz, po prostu wciśnij klawisz Enter lub Return na twojej klawiaturze.

Powinieneś teraz zobaczyć ukryty katalog “.git” w twoich lokalnych plikach motywu WordPress.

Tworzenie repozytorium GitHub i zatwierdzanie zmian

Następnie można przejść do witryny internetowej GitHub i założyć bezpłatne konto.

Aby rozpocząć, wystarczy wpisz swój adres e-mail i kliknij przycisk “Zarejestruj się w GitHub”.

Na następnym ekranie będziesz musiał wpisz szczegóły, aby utworzyć nowe konto.

Na przykład utwórz hasło, wpisz nazwę użytkownika i sprawdź swoje preferencje dotyczące poczty e-mail.

Jeśli przewiniesz w dół, GitHub poprosi Cię o rozwiązanie zagadki w celu weryfikacji Twojego konta.

Jest to podobne do posiadania reCAPTCHA na twojej witrynie.

Gdy twoje konto będzie gotowe, zobaczysz kokpit GitHub.

Kliknij znak “+” u góry i wybierz opcję “Nowe repozytorium”.

Następnie możesz wpisz nazwę twojego repozytorium.

Dostępne są również opcje dodania opisu i upublicznienia repozytorium lub zachowania go jako prywatnego.

Jeśli przewiniesz w dół, zobaczysz więcej opcji, takich jak dodanie pliku README i wybór licencji.

Gdy wpiszesz już wszystkie dane, kliknij przycisk “Utwórz repozytorium”.

Po utworzeniu repozytorium należy skopiować jego adres URL.

Odnośnik można znaleźć w sekcji Szybka konfiguracja.

Następnie musisz otworzyć Git Bash na twoim komputerze.

Stąd wystarczy wpisz następujące polecenie i naciśnij Enter lub Return.

git remote add origin URL

Nie zapomnij zastąpić adresu URL odnośnikiem do twojego repozytorium.

Następnie można wpisać następujący rodzaj polecenia.

git push -u origin main

Spowoduje to wysłanie lokalnego repozytorium do zdalnego repozytorium na GitHub.

Następnie możesz zostać poproszony o połączenie twojego konta GitHub, jeśli nie jest ono jeszcze połączone z Git. Wystarczy zalogować się na twoje konto i autoryzować połączenie z Git.

Teraz możesz otworzyć repozytorium GitHub i zobaczyć właśnie edytowane pliki lokalne.

Po wypchnięciu lokalnych plików na GitHub, inni użytkownicy mogą edytować plik i wprowadzać dalsze zmiany we wtyczce lub motywie.

Jeśli chcesz pobrać te aktualizacje z repozytorium GitHub dla regionalnej konfiguracji witryny internetowej, musisz otworzyć katalog wtyczek na twoim komputerze, kliknąć prawym przyciskiem myszy w dowolnym miejscu i otworzyć Git Bash.

Następnie możesz wpisać następujący rodzaj polecenia i nacisnąć klawisz Enter lub Return.

git fetch URL

Nie zapomnij zastąpić adresu URL odnośnikiem do repozytorium GitHub.

Możesz teraz powtórzyć te kroki, aby rozpocząć tworzenie WordPressa przy użyciu Git i GitHub.

Po wprowadzeniu zmian w plikach lokalnych, następnym krokiem jest przeniesienie ich do witryny na żywo.

Wdrażanie motywów i wtyczek GitHub w witrynie WordPress na żywo

Po zakończeniu tworzenia wtyczki lub motywu WordPress, ostatnim krokiem jest wdrożenie go na twojej witrynie internetowej.

Teraz możesz użyć Git i uruchomić różne polecenia, aby wypchnąć twoje zmiany do witryny internetowej WordPress. Istnieje jednak łatwiejszy sposób za pomocą wtyczki WordPress Github, takiej jak WP Pusher.

Najpierw należy przejść na witrynę internetową WP Pusher i kliknąć przycisk “Pobierz”.

Następnie pobierz pliki wtyczki WP Pusher i zapisz je na twoim komputerze.

Następnie zainstaluj i włącz wtyczkę WP Pusher. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu można przejść do WP Pusher z kokpitu WordPress i przełączyć się na kartę “GitHub”.

Następnie otworzy się nowe wyskakujące okno z prośbą o zezwolenie WP Pusher na połączenie z twoim kontem GitHub.

Wystarczy kliknąć przycisk “Autoryzuj wppusher”, aby kontynuować.

Następnie należy zalogować się na twoje konto GitHub.

Gdy to zrobisz, po prostu skopiuj token GitHub na następnym ekranie.

Teraz przejdź do ustawień WP Pusher GitHub, a następnie wpisz kod tokena.

Nie zapomnij kliknąć przycisku “Zapisz token GitHub”.

Po podłączeniu GitHub możesz zainstalować dowolne motywy lub wtyczki, które zostały przesłane do GitHub z repozytorium na twoją żywą witrynę internetową WordPress.

Na przykład, przejdź do WP Pusher ” Zainstaluj wtyczkę w panelu administracyjnym WordPress i wpisz adres URL repozytorium wtyczek.

Możesz też kliknąć przycisk “Wybierz z GitHub”, a otworzy się nowe okno podręczne.

Stąd wystarczy skopiować odnośnik do twojego repozytorium wtyczek.

Po wprowadzeniu adresu URL repozytorium GitHub, możesz wpisz inne szczegóły, takie jak gałąź repozytorium i podkatalog.

Następnie należy przewinąć stronę w dół i kliknąć przycisk “Zainstaluj wtyczkę” znajdujący się na dole.

Po zainstalowaniu wtyczki należy ją włączać.

Aby to zrobić, po prostu przejdź do Wtyczki ” Zainstalowane wtyczki i przejdź do wtyczki, którą właśnie zainstalowałeś. Z tego miejsca możesz kliknąć przycisk “Włączanie”.

Teraz możesz zacząć korzystać z zainstalowanej wtyczki na twojej witrynie internetowej.

Podobnie, możesz przejść do opcji Zainstaluj motyw pod WP Pusher w kokpicie WordPress, aby skonfigurować własny motyw, który opracowałeś przy użyciu tego samego procesu.

Instalowanie wtyczek i motywów WordPress z serwisu GitHub

Oprócz integracji WordPressa z Git i GitHub w celu rozwoju, można również uzyskać pliki wtyczek i motywów, które nie są już dostępne w bibliotece WordPress.org.

Deweloperzy WordPress a zazwyczaj tworzą repozytoria GitHub dla swoich wtyczek i motywów. Często można je łatwo znaleźć na GitHub, jeśli są niedostępne w bibliotece wtyczek i motywów WordPress.

Wystarczy otworzyć GitHub i wyszukać wtyczkę lub motyw, który chcesz zainstalować. Następnie kliknij przycisk “Kod” i wybierz opcję “Pobierz ZIP”.

W ten sposób można pobrać pliki wtyczki i zainstalować je na twojej witrynie internetowej.

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat instalowania wtyczek i motywów WordPress z GitHub.

Ważne taksonomie Git i GitHub, które powinieneś znać

Gdy zaczniesz używać Git i GitHub do rozwoju WordPress i innych celów, natkniesz się na różne terminologie Git i GitHub. Aby ci pomóc, oto kilka ważnych taksonomii, które powinieneś znać:

• Gałęzie – gałąź jest jak równoległe repozytorium, które można utworzyć. Pozwala na wprowadzanie zmian i swobodną pracę, nie mając wpływu na główną gałąź ani nie zakłócając działania wersji na żywo.
• Scalanie – gdy chcesz pobrać zmiany z jednej gałęzi i zastosować je do innej gałęzi, proces ten nazywany jest scalaniem. Gałęzie muszą jednak znajdować się w tym samym repozytorium lub pochodzić z forka.
• Pull – odnosi się do pobierania zmian i scalania ich. Powiedzmy, że ktoś wprowadził zmiany w pliku w repozytorium. Możesz pobrać te zmiany do swojego lokalnego środowiska, aby upewnić się, że twoje pliki są aktualne.
• Żądania ściągnięcia (PR) – żądanie ściągnięcia ma miejsce, gdy użytkownik przesyła proponowane zmiany do repozytorium, które są akceptowane lub odrzucane przez innego współpracownika repozytorium.
• Fork – fork to osobista kopia repozytorium innego użytkownika, którą posiadasz na swoim koncie. Za pomocą forka można swobodnie wprowadzać zmiany w projekcie, nie mając wpływu na oryginalne repozytorium.
• Zatwierdzenie – zatwierdzenie to indywidualna zmiana w pliku w repozytorium. Po dokonaniu zatwierdzenia Git tworzy unikatowy identyfikator, który pomaga w prowadzeniu rejestru określonych zmian. Rejestruje również, kto dokonał zmian i kiedy zostały one wprowadzone.
• Push – Push oznacza wysłanie twoich zmian do zdalnego repozytorium na GitHub. Na przykład, jeśli wprowadzisz zmiany w pliku lokalnie, możesz je wypchnąć, aby inni również mieli do nich dostęp.

Zasoby bonusowe

Uwielbiamy, gdy nasi początkujący czytelnicy przechodzą na poziom zaawansowany i chcą samodzielnie pisać kod. Jeśli jesteś zainteresowany kodowaniem i rozwojem WordPressa, oto kilka zasób, które okażą się pomocne.

• Przydatne fragmenty kodu WordPress dla początkujących (wybór eksperta)
• Jak automatycznie wdrożyć zmiany w motywie WordPress za pomocą GitHub i Deploy
• Najlepsze narzędzia programistyczne WordPress (bezpłatne i płatne)
• Jak dodać fikcyjną treść na potrzeby rozwoju motywu w WordPressie?
• 19 najlepszych motywów startowych WordPress dla programistów

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak używać Git z WordPressem. Warto również zapoznać się z naszymi propozycjami najlepszych aplikacji mobilnych do zarządzania twoją witryną WordPress oraz najczęstszymi błędami WordPress i sposobami ich poprawki.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.