Git und WordPress-Themes | WPCamp Berlin 2013

1.081 Aufrufe

Veröffentlicht am

0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
1.081
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
78
Aktionen
Geteilt
0
Downloads
4
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Git und WordPress-Themes | WPCamp Berlin 2013

  1. 1. Herzlich willkommen! Session „Git & WordPress“ @kirstenschelper @taxifisch
  2. 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. 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. 4. Git & WordPress Wer wir sind
  5. 5. Git & WordPress Einleitung Anfänge Kirsten Schelper {designer} @kirstenschelper @taxifisch Wie tickt Git? Git Workflow Elisabeth Hölzl {developer} Quellen
  6. 6. Git & WordPress Unser Einstieg in Git
  7. 7. Git & WordPress First Contact Foto Raymond Bryson on Flickr
  8. 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. 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. 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. 11. Git & WordPress Das ist doof. Foto istockfoto.cm/wildcat78
  12. 12. Git & WordPress Dann machen wir eben Git! @kirstenschelper @taxifisch
  13. 13. Git & WordPress Einleitung Anfänge Wie tickt Git? Git Workflow Quellen Kopier mal  ins Terminal @kirstenschelper @taxifisch
  14. 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. 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. 16. Git & WordPress Wie tickt Git? @kirstenschelper @taxifisch
  17. 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. 18. Git & WordPress Git ist einfach. Irgendwie. http:/ /www.flickr.com/photos/27875041@N02/4533462327/sizes/l/
  19. 19. Git & WordPress Einleitung Anfänge Wie tickt Git? Git Workflow Ein bisschen Git-Chinesisch • init • repository • branch • commit • merge @kirstenschelper @taxifisch Quellen
  20. 20. Git & WordPress Einleitung Anfänge initialisieren @kirstenschelper @taxifisch Wie tickt Git? Git Workflow Quellen
  21. 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. 22. Omm! http:/ /www.flickr.com/photos/joao_trindade/4323984439/sizes/l/in/photostream/
  23. 23. Git & WordPress Beispiel für einen Git Workflow @kirstenschelper @taxifisch
  24. 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. 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. 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. 27. Git & WordPress Warum eigentlich „Fork“? @kirstenschelper @taxifisch
  28. 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. 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. 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. 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. 32. Git & WordPress Vielen Dank – Fragen? • Slides auf Slideshare http:/ /de.slideshare.net/KirstenSchelper/ @kirstenschelper @taxifisch

×