S pojmy GitHub a WordPress se ve vývojářském světě často setkáte. Integrace WordPressu a GitHubu může vývojářům zjednodušit pracovní postup a zvýšit jejich produktivitu.

GitHub je cloudová platforma, která vám umožňuje sledovat, spravovat a ukládat váš zdrojový kód. Na druhou stranu WordPress je redakční systém (CMS) pro tvorbu webových stránek.

Proč potřebujete tyto dva integrovat?

• Kontrola verzí: Pomocí GitHubu můžete sledovat všechny změny zdrojového kódu WordPress v průběhu času. Můžete tak snadno spravovat svůj vlastní kód, témata WordPress a pluginy.
• Větvení: Po integraci WordPressu s GitHub již nemusíte web udržovat ve stavu „pod údržbou“. Vytvářejte nové větve, pracujte na jednotlivých funkcích, testujte je a nasazujte, jakmile budete spokojeni, že vše funguje podle očekávání.
• Spolupráce: Možná vytváříte velké webové stránky vyžadující vstup různých vývojářů. GitHub vám umožňuje začlenit členy vašeho týmu a přiřadit jim různé role.
• Kontrola kódu: Při vytváření aplikace WordPress se může něco pokazit a vaše aplikace se porouchá. GitHub vám umožňuje zkontrolovat všechny změny ve zdrojovém kódu WordPress před nasazením do vývoje.
• Zálohování a obnova kódu: Ukládání zdrojového kódu WordPress ve vašem počítači může být riskantní, protože počítač může selhat nebo se poškodit. GitHub ukládá zdrojový kód do cloudu, což vám umožňuje naklonovat jej zpět do vašeho počítače, pokud dojde k neštěstí.
• Transparentnost a odpovědnost: GitHub poskytuje jasný přehled o všech změnách provedených ve zdrojovém kódu WordPress a o tom, kdo.

Co je WordPress?

WordPress je open-source redakční systém, který mohou jednotlivci bez zkušeností s programováním používat k vytváření webových stránek. Tato platforma byla původně navržena pro blogy, ale nyní se vyvinula a uživatelé mohou vytvářet platformy elektronického obchodování, fóra, sociální platformy, mobilní aplikace a obchodní weby.

Skutečnost, že WordPress je open source, je jedním z největších lákadel pro vývojáře a designéry. Můžete si tedy stáhnout zdrojový kód WordPressu a upravit jej a dále distribuovat. Chcete-li však svůj web publikovat online, musíte si zakoupit název domény a hosting.

Proč používat WordPress?

• Snadné použití: WordPress je navržen tak, aby byl uživatelsky přívětivý, bez ohledu na to, zda jste v kódování nováčkem nebo odborníkem. Pomocí editoru přetažení můžete vytvořit profesionální web bez psaní jediného řádku kódu.
• Různé motivy: WordPress má tisíce motivů, které můžete upravit podle svých potřeb. Můžete si také vytvořit vlastní motiv a nahrát ho na svůj web.
• Různé pluginy: Nemusíte vše vytvářet od začátku, můžete použít pluginy. Můžete například integrovat aplikaci WordPress s platebními bránami pomocí pluginů.
• Velká komunita: Pokud uvíznete, můžete se vždy spolehnout na velkou komunitu WordPress. Můžete také použít spoustu zdrojů k odstraňování problémů a řešení různých problémů.

Co je GitHub?

GitHub je cloudová platforma pro vývoj softwaru. Tato platforma může ukládat, sledovat a spolupracovat na různých vývojových projektech. GitHub umožňuje uživatelům vytvářet bezplatné účty, vytvářet úložiště a zvát spolupracovníky pro různé projekty. Platforma bezproblémově spolupracuje s Git, platformou pro správu verzí, která vám umožňuje lokálně sledovat změny vašeho projektu.

GitHub nabízí bezplatný hosting pro statické webové stránky prostřednictvím Stránky GitHub a může být dobrou volbou pro stránky portfolia. GitHub můžete použít také jako platformu pro sociální sítě, protože vám umožňuje veřejně zobrazovat projekty. Tato funkce také usnadňuje vývojářům prozkoumávat projekty s otevřeným zdrojovým kódem, do kterých mohou přispět.

Proč používat GitHub?

• Snadné použití: Nastavení účtu GitHub je snadné, i když nejste technicky zdatní.
• Cloudové: GitHub ukládá váš zdrojový kód do cloudu, což znamená, že k němu můžete přistupovat vzdáleně nebo dokonce obnovit své soubory, když se váš počítač porouchá.
• Kontrola verzí: GitHub sleduje všechny změny provedené ve zdrojovém kódu. Můžete také vytvořit různé větve pro snadné sledování.
• Spolupráce: Do svého projektu GitHub můžete pozvat spoluhráče ke spolupráci. Tato platforma vám také umožňuje vytvořit organizaci, kde můžete členům přidělit různé role a práva.

Jak používat GitHub pro WordPress

Před vývojem a integrací webu WordPress s GitHub musíte vytvořit místní vývojový server.

Existují různá řešení pro vytvoření vývojového serveru. Můžeme však použít Místní WP pro tento článek.

Požadavky na integraci WordPress Github

• Git. Dodává se předinstalovaný, pokud máte počítač s nejnovějším Linuxem nebo macOS. Chcete-li zkontrolovat, zda je k dispozici, můžete použít tento příkaz: git –version.
• Funkční účet GitHub. Pokud nemáte Git a GitHub, můžete použít tohoto průvodce.
• Pochopení toho, jak WordPress funguje

Nainstalujte Local WP

• Na stránka vydánívyberte distribuci, která odpovídá vašemu operačnímu systému (používám Ubuntu).
• Po stažení postupujte podle instalační příručky podle vašeho operačního systému.

• Místní WP vás vyzve k vytvoření bezplatného účtu. Tento krok můžete přeskočit kliknutím na tlačítko ‚X‘.

• Vyberte první možnost, která vám umožní vytvořit nový web WordPress.

• Vyberte své prostředí. Pro tuto chvíli pojďme s „preferovaným“.

• Nastavte si uživatelské jméno a heslo.

• Nainstalujte si doplněk, který vám pomůže používat editor kódu. Přejděte na tlačítko rozšíření na levé straně WP Local. Pokud používáte VS Code, můžete nainstalovat toto:

Nyní máte web WordPress, který můžete vyvíjet lokálně. Naším dalším krokem bude integrace našeho webu do GitHubu.

Jak propojit WordPress s GitHub

V místním rozhraní WP můžete kliknout na „Přejít do složky webu“, jak je znázorněno na tomto snímku obrazovky.

Nyní můžeme otevřít zdrojový kód webu WordPress, který jsme vytvořili lokálně. Vzhledem k tomu, že používám kód VS, struktura složek bude vypadat následovně:

Prozatím si nedělejte starosti s různými složkami a soubory.

Vytvořte úložiště GitHub

Za předpokladu, že máte nakonfigurovaný Git a GitHub, můžete pomocí následujících kroků vytvořit repo a použít Git jako správu verzí:

• Přihlaste se na GitHub a klikněte na „Nový“

• Dejte svému úložišti zapamatovatelné jméno, zaškrtněte příslušná políčka a klikněte na „Vytvořit úložiště“.

• Inicializujte zdrojový kód ze složky projektu WordPress. GitHub vám dá několik příkazů, které můžete zkopírovat a vložit do svého terminálu, abyste mohli začít. Budete mít příkazy podobné tomuto:

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

Nahraďte „username“ a „repository-name“ svým uživatelským jménem a názvem úložiště, které jste zvolili v kroku 2.

• Přeneste zdroj WordPress na GitHub. Používáte tyto příkazy:

git přidat. (Tím se zpracují všechny soubory ve vašem projektu)

git commit -m „potvrdit složku projektu“

git push (Toto potvrzení odešle všechny soubory na GitHub“

Po těchto krocích jste integrovali svůj místní web WordPress s GitHub.

Zkontrolujte tento snímek obrazovky:

Všimněte si, že má podobnou strukturu složek jako ta, kterou jsme měli, když jsme otevřeli náš zdrojový kód v editoru kódu.

Váš tým teď může klonovat úložiště na jejich místní stroje, vytvořit větvípracovat na různých funkcích, odevzdávat je a odesílat na GitHub k uložení.

Upravte svůj web WordPress

Většina kódování/budování bude ve složce témat. Tuto složku můžete najít pomocí této cesty: app/public/wp-content/themes

Moje složka má tři motivy a mohu vybrat nejnovější. Než začnu upravovat, můj web vypadá takto:

Pokud půjdu touto cestou: app/public/wp-content/themes/templates/home.html, mohu upravovat obsah domovské stránky.

Mohu změnit obsah

na domovské stránce na „Toto je ukázka integrace WordPress-GitHub“.

Pokud obnovím obsah místního vývojového serveru, zobrazí se toto:

Jak poslat změny na GitHub

Změny, které jsem provedl výše, jsou dostupné pouze lokálně. Můžeme je připravit, odevzdat a odeslat na GitHub k uložení. Následuj tyto kroky:

• Spusťte tento příkaz: git status

Jak můžete vidět, na app/public/wp-content/themes/twentytwentythree/templates/home.html jsou nesledované soubory

• Uspořádejte své úpravy. Můžete použít tento příkaz: git add .
• Spáchat. Použijte tento příkaz git commit -m „toto potvrzení upraví domovskou stránku“
• Zatlačte změny. Použijte tento příkaz: git push.

Pokud se vrátíme do úložiště na GitHubu, můžeme vidět, že máme nové potvrzení, jak je znázorněno na tomto snímku obrazovky.

Váš tým nyní může stáhnout změny, upravit soubory a odeslat je do tohoto úložiště.

Doporučené postupy pro udržení hladké integrace GitHub

• Využijte výhody správy verzí: Největší výhodou integrace WordPressu s GitHubem je funkce správy verzí. Ujistěte se, že sledujete veškerý kód, který píšete nebo upravujete pomocí správy verzí (Git)
• Vytvořte pracovní prostředí: Místní vývojový server je vaše pracovní prostředí. Před potvrzením zkontrolujte všechny změny, které na svém webu WordPress provedete, prostřednictvím místního vývojového serveru a odešlete je na živý web.
• Použijte funkci .gitignore: Při vývoji webu WordPress nemusíte sledovat každou složku a soubor. Zaměříte se především na témata. Pomocí funkce .gitignore můžete sledovat pouze relevantní změny.
• Použití větví: Můžete mít více vývojářů, kteří pracují na různých funkcích současně. Pro takové funkce můžete vytvořit větve a po otestování, že vše funguje, je sloučit s hlavní/hlavní.
• Vytvořte pracovní postup: Dobrý vývojář by měl mít jasný postup, který ukazuje všechny kroky, které je třeba při vývoji dodržet. Váš pracovní postup by měl uvádět, kdy se má váš web testovat a nasadit a jaká kritéria musí být splněna.
• Automatizujte testování: Použijte kanály průběžné integrace a průběžného zavádění (CD/CI), jako je Jenkins, k automatickému testování kódu během vývoje.
• Zdokumentujte svou práci: Dokumentace by měla uvádět, co každá funkce dělá ve vašem kódu WordPress.

Závěr

Integrace WordPress s GitHub je snadná, když budete postupovat podle výše uvedených kroků. Dalším krokem je poskytnout vašim spoluhráčům odkaz na úložiště GitHub a přiřadit jim různé funkce, na kterých mohou pracovat. Pokud jste vedoucím týmu, můžete vždy zkontrolovat všechny odevzdání, než je schválíte. GitHub také usnadňuje přístup ke zdrojovému kódu, protože bude uložen v cloudu.

Na druhou stranu, když máte WordPress na svém místním počítači, můžete jej hostovat na stránkách GitHub, pokud hledáte statický web. Můžete také nainstalovat různé pluginy z jejich úložišť do místního vývojového prostředí.

Můžete se podívat na náš článek o GitHubu vs. GitLab.