Die Sitzung "Git & WordPress" richtet sich an Einsteiger, insbesondere Designer, die WordPress-Themes entwickeln, aber keine Programmiererfahrung haben. Sie behandelt die Grundlagen von Git, dessen Workflow und den Umgang mit der Kommandozeile, sowie die Herausforderungen, die visuelle Nutzer beim Arbeiten mit Git erleben können. Zudem werden Ressourcen und praktische Schritte für die effektive Nutzung von Git in WordPress-Projekten vorgestellt.

1. Herzlich willkommen!
Session „Git & WordPress“
@kirstenschelper @taxifisch

2. Git & WordPress
Einleitung
Anfänge
Wie tickt Git?
Git Workflow
Quellen
Für wen ist diese Session?
• Level: Einsteiger
• Designer, die WordPress Themes entwickeln
und nicht viel mit Programmierung am Hut haben
• Leute, die es schon 1000 Mal versucht haben,
aber nie verstanden haben, wie Git funktioniert
@kirstenschelper @taxifisch

3. Git & WordPress
Einleitung
Anfänge
Wie tickt Git?
Git Workflow
Quellen
Was gibt es nicht in dieser Session
• Die Antwort auf alle Fragen
• Schritt für Schritt Anleitung zum Arbeiten mit Git
• Geheimrezepte und Git-Voodoo
@kirstenschelper @taxifisch

4. Git & WordPress
Wer wir sind

5. Git & WordPress
Einleitung
Anfänge
Kirsten Schelper
{designer}
@kirstenschelper @taxifisch
Wie tickt Git?
Git Workflow
Elisabeth Hölzl
{developer}
Quellen

6. Git & WordPress
Unser Einstieg in Git

7. Git & WordPress
First Contact
Foto Raymond Bryson on Flickr

8. Git & WordPress
Einleitung
Anfänge
Wie tickt Git?
Git Workflow
Quellen
Das s_theme (von Automattic)
… liegt auf GitHub*
… wird von Kirsten als Grundlage für Themes verwendet
* verschiedene Leute arbeiten daran
* kriegt regelmäßig Updates und Fixes
@kirstenschelper @taxifisch

9. Git & WordPress
Einleitung
Anfänge
Wie tickt Git?
Git Workflow
Kirsten‘s Workflow bisher
1. s_theme von GitHub herunterladen
2. An der lokalen Kopie arbeiten
3. Eigenes Theme draus machen
@kirstenschelper @taxifisch
Quellen

10. Git & WordPress
Einleitung
Anfänge
Wie tickt Git?
Git Workflow
Das Problem:
Ich verpasse alle Updates von Automattic,
weil die lokale Kopie keine Verbindung
zum Original auf GitHub hat
@kirstenschelper @taxifisch
Quellen

11. Git & WordPress
Das ist doof.
Foto istockfoto.cm/wildcat78

12. Git & WordPress
Dann machen wir eben Git!
@kirstenschelper @taxifisch

13. Git & WordPress
Einleitung
Anfänge
Wie tickt Git?
Git Workflow
Quellen
Kopier mal

ins Terminal
@kirstenschelper @taxifisch

14. Git & WordPress
Einleitung
Anfänge
Wie tickt Git?
Git Workflow
Quellen
Kirsten‘s Story
• Ich habe Git auf meinem lokalen Rechner installiert
• Ich habe rumprobiert, Dateien geändert usw.
• Aber ich konnte rein gar nichts SEHEN
• Dieses Git – ist vollkommen unsichtbar!
@kirstenschelper @taxifisch

15. Git & WordPress
Einleitung
Anfänge
Wie tickt Git?
Git Workflow
Zwischenbilanz
• Als Designer ohne Programmiererfahrung
ist man aufgeschmissen
• Man muss sich einen
freundlichen Programmierer suchen
@kirstenschelper @taxifisch
Quellen

16. Git & WordPress
Wie tickt Git?
@kirstenschelper @taxifisch

17. Git & WordPress
Einleitung
Anfänge
Wie tickt Git?
Git Workflow
Problem Herausforderung
1. Abstraktion. Für visuelle Menschen ein Graus.
2. Mit der Kommandozeile arbeiten heißt:
Es gibt kein visuelles Feedback,
man sieht buchstäblich nicht was man tut.
3. Das ist die schlechte Nachricht.
Die gute Nachricht:
@kirstenschelper @taxifisch
Quellen

18. Git & WordPress
Git ist einfach. Irgendwie.
http:/
/www.flickr.com/photos/27875041@N02/4533462327/sizes/l/

19. Git & WordPress
Einleitung
Anfänge
Wie tickt Git?
Git Workflow
Ein bisschen Git-Chinesisch
• init
• repository
• branch
• commit
• merge
@kirstenschelper @taxifisch
Quellen

20. Git & WordPress
Einleitung
Anfänge
initialisieren
@kirstenschelper @taxifisch
Wie tickt Git?
Git Workflow
Quellen

21. Git & WordPress
Einleitung
Anfänge
Wie tickt Git?
Git Workflow
Quellen
Staging Area
• Git verlangt, dass man seine Änderung in etwas namens
„Staging Area“ legt, bevor man ein commit macht
• Die Staging Area kann man sich vorstellen wie eine
Lagerhalle, in der man Dinge zusammenstapelt, die
zusammen gehören.
Zum Beispiel: Code, der zum Menü gehört auf einen
Stapel, Code, der zum Slider gehört auf einen anderen.
@kirstenschelper @taxifisch

22. Omm!
http:/
/www.flickr.com/photos/joao_trindade/4323984439/sizes/l/in/photostream/

23. Git & WordPress
Beispiel für einen Git Workflow
@kirstenschelper @taxifisch

24. Git & WordPress
Einleitung
Anfänge
Wie tickt Git?
Git Workflow
Quellen
Ziele Workflow s_theme
• Wir wollen das s_theme als eine Art „Boilerplate“
für verschiedene WordPress Themes verwenden
• Wir wollen keine Updates (auf GitHub) mehr verpassen
• Wir wollen, dass im Code, an dem wir arbeiten,
nichts durcheinander kommt, wenn es ein Update vom
s_theme gibt
@kirstenschelper @taxifisch

25. Git & WordPress
Einleitung
Anfänge
Wie tickt Git?
Kirsten‘s
Repo
_s-theme
Git Workflow
1
Fork machen
Quellen
Automattic‘s
Repo
_s-theme
fork
GitHub
git clone
2
Das s-Theme auf
den lokalen
Rechner klonen
_s-theme
clone 1.1
arbeiten & commit
_s-theme
clone 1.1
arbeiten & commit
@kirstenschelper
git kommandos
git remote add
automattic
@taxifisch
commit
Verbindung zum
s_theme im
Automattic repo
3
Änderungen am
s_theme holen
4
git fetch automattic

26. Git & WordPress
Einleitung
Anfänge
Wie tickt Git?
Git Workflow
Quellen
Zusammenfassung GitHub Workflow
• Ein Projekt auf GitHub auswählen und forken (Schritt 1)
• Git auf dem lokalen Rechner installieren
• Das Projekt auf den lokalen Rechner klonen (Schritt 2)
• [Arbeiten]
• Das lokale Projekt mit dem Original-Projekt auf GitHub
verbinden (Schritt 3)
• Updates vom Original-Projekt holen (Schritt 4)
@kirstenschelper @taxifisch

27. Git & WordPress
Warum eigentlich „Fork“?
@kirstenschelper @taxifisch

28. Git & WordPress
Einleitung
Anfänge
Wie tickt Git?
Kirsten‘s
Repo
_s-theme
Git Workflow
1
Fork machen
Quellen
Automattic‘s
Repo
_s-theme
GitHub
2
Das s-Theme auf
den lokalen
Rechner klonen
_s-theme
clone 1.1
arbeiten & commit
Verbindung zum
s_theme im
Automattic repo
3
Änderungen am
s_theme holen
4
_s-theme
clone 1.1
arbeiten & commit
@kirstenschelper @taxifisch

29. Git & WordPress
Einleitung
Anfänge
Wie tickt Git?
Kirsten‘s
Repo
_s-theme
Git Workflow
Fork machen
Quellen
Automattic‘s
Repo
_s-theme
_s-theme-ks
GitHub
s-theme
_s-theme
clone 1.0
1.1
arbeiten & commit
_s-theme
clone 1.1
arbeiten & commit
@kirstenschelper @taxifisch
Änderungen am
s_theme holen

30. Git & WordPress
Einleitung
Anfänge
Wie tickt Git?
Git Workflow
Quellen
Arbeit mit Git bedeutet
… den Workflow besser und sicherer machen
… mit den vielen spannendend Projekten auf GitHub spielen
Keine Angst– Git ist ziemlich idiotensicher
Es ist relativ schwer was kaputt zu machen
@kirstenschelper @taxifisch

31. Git & WordPress
Einleitung
Anfänge
Wie tickt Git?
Git Workflow
Ressourcen zum Lernen
• Brandneue Video Serie auf Treehouse:
Introducing Git Basics
• Artikelserie in unserem Blog
http:/
/die-netzialisten.de/
• git the stupid content tracker
Tutorials und sehr gute Ressources
@kirstenschelper @taxifisch
Quellen

32. Git & WordPress
Vielen Dank – Fragen?
• Slides auf Slideshare
http:/
/de.slideshare.net/KirstenSchelper/
@kirstenschelper @taxifisch