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
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
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
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/
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
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
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