W świecie tworzenia oprogramowania często spotykamy się z dwoma popularnymi narzędziami: GitHub i WordPress. Połączenie ich ze sobą może znacząco usprawnić pracę programisty i podnieść jego efektywność.

GitHub to platforma internetowa, która służy do zarządzania kodem źródłowym, jego śledzenia i przechowywania. Z kolei WordPress to system zarządzania treścią (CMS), który umożliwia tworzenie stron internetowych.

Dlaczego warto połączyć te dwa narzędzia?

• Kontrola wersji: GitHub pozwala monitorować wszelkie modyfikacje wprowadzone w kodzie WordPress. Dzięki temu łatwo jest zarządzać własnymi zmianami, motywami i wtyczkami.
• Rozgałęzianie: Integracja WordPressa z GitHubem eliminuje potrzebę wstrzymywania działania strony podczas prac. Można tworzyć nowe gałęzie, pracować nad oddzielnymi funkcjami, testować je i wdrażać dopiero po upewnieniu się, że działają bez zarzutu.
• Współpraca: Jeśli tworzysz dużą stronę internetową, która wymaga pracy zespołowej, GitHub umożliwia zapraszanie innych programistów i przypisywanie im różnych zadań.
• Przegląd kodu: Podczas rozwijania aplikacji opartej na WordPressie mogą pojawić się błędy. GitHub pozwala na dokładne przeanalizowanie każdej zmiany w kodzie źródłowym przed jej wdrożeniem.
• Kopia zapasowa i odzyskiwanie kodu: Przechowywanie kodu WordPressa wyłącznie na komputerze lokalnym jest ryzykowne. GitHub zapewnia bezpieczne przechowywanie kodu w chmurze, umożliwiając jego odzyskanie w razie awarii komputera.
• Transparentność i odpowiedzialność: GitHub umożliwia przejrzyste monitorowanie wszystkich zmian w kodzie, wraz z informacją o tym, kto je wprowadził.

Czym jest WordPress?

WordPress to otwarty system zarządzania treścią (CMS), który jest przyjazny nawet dla osób bez umiejętności programowania. Początkowo był przeznaczony głównie do blogów, ale obecnie służy do tworzenia różnorodnych stron, takich jak sklepy internetowe, fora dyskusyjne, serwisy społecznościowe, aplikacje mobilne czy strony firmowe.

Jako oprogramowanie open source, WordPress daje programistom i projektantom dużą swobodę. Można pobrać jego kod źródłowy, modyfikować go i rozpowszechniać. Aby opublikować stronę internetową w internecie, trzeba jednak wykupić nazwę domeny i hosting.

Dlaczego warto korzystać z WordPressa?

• Łatwość obsługi: WordPress jest intuicyjny i przyjazny dla użytkownika, bez względu na poziom zaawansowania w programowaniu. Dzięki edytorowi „przeciągnij i upuść” można stworzyć profesjonalną stronę internetową bez konieczności pisania kodu.
• Ogromna baza motywów: WordPress oferuje tysiące motywów, które można dostosowywać do swoich potrzeb. Możliwe jest również stworzenie własnego, unikatowego motywu i załadowanie go na stronę.
• Szeroka gama wtyczek: Nie trzeba tworzyć wszystkiego od zera. Wtyczki umożliwiają rozszerzenie funkcjonalności WordPressa, na przykład integrację z bramkami płatności.
• Aktywna społeczność: W przypadku problemów zawsze można liczyć na pomoc dużej społeczności WordPress. Dostępnych jest wiele zasobów, które pomagają w rozwiązywaniu problemów i wyzwań.

Czym jest GitHub?

GitHub to platforma chmurowa do tworzenia oprogramowania. Umożliwia przechowywanie, śledzenie i wspólną pracę nad projektami programistycznymi. Użytkownicy mogą zakładać darmowe konta, tworzyć repozytoria i zapraszać innych do współpracy. GitHub współpracuje z systemem kontroli wersji Git, który pozwala na śledzenie zmian w projekcie na poziomie lokalnym.

GitHub oferuje także darmowy hosting dla statycznych stron internetowych, czyli Strony GitHub, co może być dobrą opcją dla stron portfolio. Może także pełnić rolę platformy społecznościowej, ponieważ pozwala na publiczne udostępnianie projektów, co ułatwia programistom odkrywanie projektów open source i angażowanie się w nie.

Dlaczego warto korzystać z GitHuba?

• Prostota obsługi: Założenie konta na GitHubie jest bardzo łatwe, nawet dla osób bez technicznego doświadczenia.
• Dostępność w chmurze: GitHub przechowuje kod w chmurze, co umożliwia zdalny dostęp do niego oraz odzyskanie plików w przypadku awarii komputera.
• Kontrola wersji: GitHub śledzi każdą zmianę w kodzie, umożliwia także tworzenie gałęzi, co ułatwia zarządzanie rozwojem projektu.
• Współpraca zespołowa: Możliwość zapraszania innych do projektu i tworzenia organizacji z różnymi uprawnieniami i rolami ułatwia pracę zespołową.

Jak korzystać z GitHuba w połączeniu z WordPressem

Przed połączeniem strony WordPress z GitHubem, należy utworzyć lokalne środowisko programistyczne.

Do tego celu można wykorzystać różne rozwiązania, ale w tym artykule posłużymy się Local WP.

Wymagania dla integracji WordPress z GitHubem

• Git: Jest on preinstalowany w większości najnowszych systemów Linux i macOS. Sprawdzenie dostępności Gitta można przeprowadzić za pomocą polecenia: git –version.
• Aktywne konto GitHub: Jeśli nie masz Gitta i GitHuba, możesz skorzystać z tego przewodnika.
• Podstawowa znajomość WordPressa.

Instalacja Local WP

• Na stronie z wersjami wybierz odpowiednią dystrybucję dla swojego systemu operacyjnego.
• Po pobraniu, postępuj zgodnie z instrukcjami instalacji dla swojego systemu.

• Local WP poprosi o założenie darmowego konta, można jednak pominąć ten krok, klikając „X”.

• Wybierz pierwszą opcję, która umożliwia utworzenie nowej witryny WordPress.

• Wybierz preferowane środowisko. Na razie pozostaw opcję „Preferowane”.

• Skonfiguruj nazwę użytkownika i hasło.

• Zainstaluj dodatek ułatwiający korzystanie z edytora kodu. W lewej części Local WP kliknij na rozszerzenia. Jeśli używasz VS Code, możesz zainstalować to:

W tym momencie masz lokalnie działającą stronę WordPress. Kolejnym krokiem jest połączenie jej z GitHubem.

Jak połączyć WordPressa z GitHubem

W interfejsie Local WP kliknij „Go to site folder” (Przejdź do folderu strony), jak na zrzucie ekranu.

Teraz możesz otworzyć kod źródłowy lokalnej strony WordPress. Struktura folderów w VS Code będzie wyglądać następująco:

Na razie nie przejmuj się szczegółami poszczególnych folderów i plików.

Utwórz repozytorium GitHub

Zakładając, że Git i GitHub są skonfigurowane, możesz postępować zgodnie z poniższymi krokami, aby utworzyć repozytorium i korzystać z Git jako systemu kontroli wersji:

• Zaloguj się do GitHuba i kliknij „New”.

• Nadaj repozytorium nazwę, zaznacz odpowiednie pola i kliknij „Create repository”.

• Zainicjuj kod źródłowy z folderu projektu WordPress. GitHub udostępnia kilka poleceń, które możesz skopiować i wkleić do terminala:

echo "# GitHub-WordPress" >> README.md
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin git@github.com:username/repository-name.git
git push -u origin main

Zastąp „username” i „repository-name” swoją nazwą użytkownika i nazwą repozytorium wybraną w poprzednim kroku.

• Prześlij kod WordPressa do GitHuba. Użyj poniższych komend:

git add . (To dodaje wszystkie pliki z projektu)

git commit -m „Dodanie folderu projektu”

git push (To przesyła wszystkie pliki do GitHuba)

Po wykonaniu tych kroków twoja lokalna strona WordPress jest zintegrowana z GitHubem.

Poniżej zrzut ekranu:

Struktura folderów jest podobna do tej, którą widzieliśmy w edytorze kodu.

Teraz twój zespół może sklonować repozytorium na swoje komputery, tworzyć gałęzie, pracować nad różnymi funkcjami, wprowadzać zmiany i przesyłać je do GitHuba.

Edycja strony WordPress

Większość kodu strony znajduje się w folderze motywów. Możesz go znaleźć, przechodząc do: app/public/wp-content/themes.

W moim folderze są trzy motywy. Wybiorę najnowszy. Tak wygląda moja strona przed edycją:

Jeśli przejdę do ścieżki: app/public/wp-content/themes/templates/home.html, będę mógł edytować zawartość strony głównej.

Zmienię zawartość nagłówka

na stronie głównej na „To jest przykład integracji WordPress-GitHub”.

Po odświeżeniu zawartości lokalnego serwera programistycznego zobaczymy następujący komunikat:

Jak przesłać zmiany do GitHuba

Zmiany, które wprowadziliśmy, są widoczne tylko lokalnie. Możemy je przygotować, zapisać i przesłać do GitHuba. Wykonaj poniższe kroki:

• Uruchom polecenie: git status

Widzimy, że w app/public/wp-content/themes/twentytwentythree/templates/home.html znajdują się nieśledzone pliki.

• Dodaj zmiany. Użyj polecenia: git add .
• Zapisz zmiany. Użyj polecenia: git commit -m „Zmiana strony głównej”
• Wyślij zmiany. Użyj polecenia: git push

Po powrocie do repozytorium na GitHubie zauważymy, że pojawiła się nowa zmiana, jak na zrzucie ekranu.

Teraz Twój zespół może pobrać te zmiany, edytować pliki i przesyłać je do repozytorium.

Najlepsze praktyki utrzymywania płynnej integracji z GitHubem

• Korzystaj z kontroli wersji: Największą zaletą połączenia WordPressa z GitHubem jest kontrola wersji. Upewnij się, że śledzisz każdą linię kodu, którą tworzysz lub modyfikujesz.
• Użyj środowiska przejściowego: Lokalny serwer programistyczny to środowisko przejściowe. Przetestuj każdą zmianę na lokalnym serwerze zanim prześlesz ją do działającej strony.
• Użyj .gitignore: Nie musisz śledzić każdego pliku i folderu w projekcie WordPress. Skup się głównie na motywach. .gitignore pozwala na śledzenie tylko istotnych zmian.
• Używaj gałęzi: Gdy wiele osób pracuje nad różnymi funkcjami jednocześnie, twórz gałęzie i scalaj je z główną gałęzią dopiero po upewnieniu się, że wszystko działa poprawnie.
• Ustal schemat pracy: Dobry programista powinien mieć przejrzysty schemat pracy, który pokazuje wszystkie kroki wykonywane podczas tworzenia oprogramowania. Twój schemat powinien określać, kiedy testować stronę, jak ją wdrażać i jakie kryteria musi spełnić.
• Automatyzuj testy: Wykorzystuj potoki CI/CD, takie jak Jenkins, aby automatycznie testować kod w miarę postępów.
• Dokumentuj pracę: Twórz dokumentację, która opisuje działanie każdej funkcji w kodzie WordPress.

Podsumowanie

Integracja WordPressa z GitHubem jest łatwa, jeśli wykonasz wszystkie opisane kroki. Następnym etapem jest udostępnienie linku do repozytorium GitHub członkom zespołu i przydzielanie im zadań. Jeśli jesteś liderem zespołu, możesz przeglądać wszystkie zmiany przed ich zatwierdzeniem. GitHub ułatwia dostęp do kodu, ponieważ jest on przechowywany w chmurze.

Z drugiej strony, jeśli masz WordPressa na komputerze lokalnym, możesz go hostować na GitHub Pages, tworząc w ten sposób statyczną stronę internetową. Możesz także instalować różne wtyczki w środowisku programistycznym.

Zachęcamy do zapoznania się z naszym artykułem porównującym GitHub i GitLab.

newsblog.pl