Integracja WordPressa i GitHuba

Tworzenie motywów i wtyczek do WordPressa może być zarówno zabawne, jak i lukratywne. Chociaż istnieje wiele sposobów zarządzania przepływem pracy, kontrolą wersji i pamięcią masową, skoncentrowanie się na najlepszych dostępnych narzędziach może pomóc przenieść projekty na wyższy poziom.

Na szczęście GitHub znacznie ułatwia to zadanie. Jest to popularne repozytorium kodu open source z wieloma cennymi narzędziami dla programistów. Ponadto jest to obecnie największy host kodu open source na świecie, który może pochwalić się ponad 34 milionami użytkowników i ponad 100 milionami repozytoriów.

Ten artykuł zawiera kompletny przewodnik po integracji witryny programistycznej WordPress z GitHub. Ponadto przyjrzymy się niektórym wtyczkom, które możesz chcieć dodać do swojego przepływu pracy. Zajmijmy się kodowaniem!

Jak połączyć GitHub i WordPress (w 4 krokach)

Aby połączyć środowisko programistyczne WordPress z GitHub, musisz wykonać kilka ważnych kroków. Zaczyna się od stworzenia lokalnego środowiska WordPress GitHub. Następnie przejdziesz do instalacji GitHub i stworzenia swojego pierwszego repozytorium.

Krok 1: Utwórz lokalne środowisko WordPress

Jeśli planujesz programować dla WordPressa, najlepiej jest stworzyć wysokiej jakości lokalne środowisko programistyczne. W tym celu zalecamy użycie Lokalnie:

Programowanie lokalne oznacza, że ​​możesz stworzyć środowisko, które będzie naśladować twój serwer produkcyjny. Możesz opracowywać i testować swój kod źródłowy w trybie offline, nie powodując zakłóceń we wszystkim, co już działa.

Po skonfigurowaniu środowiska lokalnego będziesz mieć do dyspozycji wszystkie niezbędne funkcje i narzędzia programistyczne. Aby rozpocząć, możesz wybrać opcję Pobierz za darmo! na stronie głównej i wybierz swój system operacyjny:

Po pobraniu pakietu oprogramowania i zakończeniu procesu instalacji systemu możesz otworzyć aplikację Local i rozpocząć konfigurowanie lokalnej witryny programistycznej. Po wyświetleniu monitu kliknij Utwórz nową witrynę :

Następnie wpisz nazwę witryny programistycznej. Nazwa i ścieżka domeny witryny lokalnej zostaną automatycznie wypełnione. W razie potrzeby możesz jednak użyć opcji Przeglądaj , aby wybrać inną ścieżkę lokalną dla swojej witryny:

Dostępna będzie również opcja Utwórz witrynę na podstawie planu . Oznacza to, że gdy zaczniesz gromadzić wiele witryn lub projektów programistycznych, możesz spakować razem zestawy często używanych motywów i wtyczek WordPress. Następnie, korzystając z planów, możesz szybko uzyskiwać do nich dostęp i ładować je podczas tworzenia nowej witryny programistycznej.

Po zakończeniu wyboru nazwy domeny kliknij Kontynuuj . Następnie zostaniesz poproszony o wybranie nazwy użytkownika i hasła do lokalnej instalacji WordPress:

Po ukończeniu środowiska programistycznego zobaczysz ekran z podsumowaniem informacji o nowej witrynie:

Będzie to główny pulpit nawigacyjny dla wszystkich lokalnych witryn utworzonych za pomocą koła zamachowego. Stąd możesz szybko sprawdzić stan swojej witryny, wyświetlić ją i przejść do pulpitu administratora WordPress, wybierając opcję Admin . Ponadto możesz łatwo przeglądać bazę danych WordPress, zabezpieczenia i inne informacje o narzędziach.

Krok 2: Zainstaluj GitHuba

Aby umożliwić korzystanie z GitHub z WordPress, musisz utworzyć bezpłatne konto GitHub oraz pobrać i zainstalować Git na dysku lokalnym. Git to system kontroli wersji typu open source (VCS), który obsługuje wszystkie przepływy pracy w GitHub.

Masz dwie możliwości wyboru tego, czego możesz użyć do zainstalowania i skonfigurowania Git. Jeśli nie masz nic przeciwko używaniu narzędzia wiersza poleceń, jest to jedna z opcji. Alternatywnie możesz użyć klienta GitHub Desktop:

Na potrzeby tej demonstracji pobierzemy i zainstalujemy GitHub Desktop. Po pobraniu i rozpakowaniu plików musisz zalogować się za pomocą swoich danych GitHub:

Jeśli nie wiesz, jak działa Git, możesz myśleć o nim jako o pośredniku w swoim przepływie pracy. GitHub to miejsce, w którym możesz hostować swój projekt, podczas gdy Git to funkcja, która przenosi repozytorium GitHub do lokalnego środowiska programistycznego, abyś mógł nad nim pracować.

Kiedy skończysz, możesz użyć Git, aby przekazać zmiany do GitHub, dzięki czemu Twoje pliki będą zawsze aktualne.

Krok 3: Utwórz repozytorium

Teraz, gdy masz już gotowe środowisko lokalne, z zainstalowanym WordPressem i Gitem na swoim komputerze, możesz utworzyć repozytorium dla swojego projektu. Na pulpicie GitHub możesz wybrać opcję Utwórz nowe repozytorium na dysku twardym :

Zostaniesz poproszony o skonfigurowanie nowego lokalnego repozytorium:

Po nadaniu nazwy repozytorium i skonfigurowaniu kilku innych ustawień, takich jak wybranie licencji w razie potrzeby, kliknij Utwórz repozytorium . Zobaczysz wtedy swoje nowe repozytorium w interfejsie użytkownika GitHub Desktop:

To jest centrum dowodzenia dla twojego projektu. Stąd możesz zatwierdzić zmiany i opublikować swoje repozytorium w GitHub. Dodatkowo możesz tworzyć repozytoria ze strony GitHub:

Jeśli utworzysz swoje repozytorium w ten sposób, możesz użyć funkcji klonowania repozytorium w interfejsie pulpitu, aby pobrać je do lokalnego środowiska programistycznego:

Po wybraniu repozytorium, które chcesz sklonować z GitHub i ustawieniu ścieżki lokalnej, kliknij Clone , aby zakończyć akcję.

Krok 4: Opublikuj swoje repozytorium

Po dodaniu plików do lokalnego folderu repozytorium pojawią się one na pulpicie GitHub. Stamtąd możesz zainicjować zmiany, otworzyć edytor kodu i opublikować swoje repozytorium w GitHub:

Po kliknięciu Opublikuj repozytorium zostaniesz poproszony o dodanie opisu i zakończenie procesu publikowania:

Następnie możesz sprawdzić swoje konto GitHub, aby upewnić się, że Twoje repozytorium zostało opublikowane:

Wprowadzając zmiany w plikach i testując je w środowisku WordPress Local by Flywheel, możesz łatwo zatwierdzić zmiany w GitHub Desktop. Następnie jednym kliknięciem będziesz mógł opublikować swoje zaktualizowane repozytoria w GitHub.

Wtyczki Github dla WordPressa

Nie ma wielu wtyczek do WordPress, które dodają znaczącą funkcjonalność do GitHub. Dostępne są nowsze i niesprawdzone wtyczki, których celem jest umożliwienie aktualizacji Twojego bloga za pośrednictwem opublikowanych repozytoriów. Istnieją jednak dwie niezawodne opcje, które oferują przydatne funkcje dla programistów.

1. Osadzenie na Githubie

Github Embed to darmowa wtyczka WordPress, która umożliwia osadzanie informacji GitHub na Twojej stronie internetowej. Możesz to zrobić za pomocą prostego łącza na stronach i postach WordPress. Po osadzeniu linku GitHub na swojej stronie internetowej będzie on aktualizowany za każdym razem, gdy wprowadzisz zmianę w tym repozytorium.

Jest to szczególnie przydatne dla programistów, którzy sprzedają motywy i wtyczki. Dzięki temu narzędziu możesz łatwo informować swoich klientów o wszelkich nowych zmianach, problemach i ulepszeniach.

2. Aktualizacja GitHub

Należy pamiętać, że wtyczki i motywy, które pobierzesz z GitHub i dodasz do swojej witryny WordPress, nie zostaną oznaczone jako wymagające aktualizacji. Oznacza to, że jeśli programista wprowadzi zmianę, nie otrzymasz powiadomienia na pulpicie nawigacyjnym WordPress.

W tym miejscu wtyczka GitHub Updater może ci pomóc. Został opracowany w celu udostępnienia automatycznych aktualizacji motywów i wtyczek GitHub. Niektórzy programiści GitHub wymagają nawet użycia tej wtyczki podczas instalowania ich projektów na swojej stronie WordPress.

Następne kroki

W tym momencie wszystko jest gotowe do utworzenia przepływu pracy Git między Flywheel, WordPress i GitHub! Będziesz mógł pobierać kod z GitHub i tworzyć własne motywy i wtyczki lub brać udział w bieżących projektach w społeczności WordPress.

Oprócz usprawnienia przepływu pracy programistycznej możesz także wykorzystać wiele funkcji i narzędzi GitHub. Na przykład możesz użyć GitHub Pages, aby przesłać swoje repozytoria bezpośrednio do działającej witryny. GitHub jest również bardzo skuteczny w przypadku projektów, w których duże zespoły pracują nad tym samym projektem.

Zachowaj kontrolę dzięki silnikowi WP

Zorientowanie się na GitHub i bardziej usprawniony przepływ pracy programistycznej może zmienić zasady gry w twoich projektach. Ta platforma jest nie tylko idealna dla freelancerów, ale także przyczynia się do innowacji, które mają miejsce w społecznościach open source.

Tutaj w WP Engine wierzymy w moc rozwoju open source. Dlatego pracujemy nad zapewnieniem najlepszych zasobów dla programistów dla użytkowników WordPress. Sprawdź nasze plany na kolejny projekt!