Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Git und WordPress-Themes | WPCamp Berlin 2013

1,265 views

Published on

  • Be the first to comment

  • Be the first to like this

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

×