SlideShare ist ein Scribd-Unternehmen logo
Herzlich willkommen!
Session „Git & WordPress“
@kirstenschelper @taxifisch
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
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
Git & WordPress

Wer wir sind
Git & WordPress

Einleitung

Anfänge

Kirsten Schelper
{designer}
@kirstenschelper @taxifisch

Wie tickt Git?

Git Workflow

Elisabeth Hölzl
{developer}

Quellen
Git & WordPress

Unser Einstieg in Git
Git & WordPress

First Contact

Foto Raymond Bryson on Flickr
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
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
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
Git & WordPress

Das ist doof.

Foto istockfoto.cm/wildcat78
Git & WordPress

Dann machen wir eben Git!

@kirstenschelper @taxifisch
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Git Workflow

Quellen

Kopier mal

ins Terminal

@kirstenschelper @taxifisch
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
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
Git & WordPress

Wie tickt Git?

@kirstenschelper @taxifisch
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
Git & WordPress

Git ist einfach. Irgendwie.

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

Einleitung

Anfänge

Wie tickt Git?

Git Workflow

Ein bisschen Git-Chinesisch
• init
• repository
• branch
• commit
• merge

@kirstenschelper @taxifisch

Quellen
Git & WordPress

Einleitung

Anfänge

initialisieren

@kirstenschelper @taxifisch

Wie tickt Git?

Git Workflow

Quellen
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
Omm!
http:/
/www.flickr.com/photos/joao_trindade/4323984439/sizes/l/in/photostream/
Git & WordPress

Beispiel für einen Git Workflow

@kirstenschelper @taxifisch
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
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
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
Git & WordPress

Warum eigentlich „Fork“?

@kirstenschelper @taxifisch
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
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
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
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
Git & WordPress

Vielen Dank – Fragen?

• Slides auf Slideshare
http:/
/de.slideshare.net/KirstenSchelper/

@kirstenschelper @taxifisch

Weitere ähnliche Inhalte

Andere mochten auch

Beter english
Beter englishBeter english
Beter english
Ali Sheta
 
Que llepasou a coelliño
Que llepasou a coelliñoQue llepasou a coelliño
Que llepasou a coelliño
Marta Pérez Lage
 
La clave del éxito
La clave del éxitoLa clave del éxito
La clave del éxito
Oneida Rodas
 
Hurtigruten norway[1]
Hurtigruten norway[1]Hurtigruten norway[1]
Hurtigruten norway[1]Marisagg
 
German Grammer Gender 9 Traum Academy kadavanthra) 9745539266
German Grammer Gender 9 Traum Academy kadavanthra) 9745539266German Grammer Gender 9 Traum Academy kadavanthra) 9745539266
German Grammer Gender 9 Traum Academy kadavanthra) 9745539266Traum Academy
 
Drupal, scrum et l'agilité - Drupalcamp Paris 2013
Drupal, scrum et l'agilité - Drupalcamp Paris 2013Drupal, scrum et l'agilité - Drupalcamp Paris 2013
Drupal, scrum et l'agilité - Drupalcamp Paris 2013
Artusamak
 
Etude du SNCD Email Marketing Attitude 2013 - Usages et tendances sur l'email...
Etude du SNCD Email Marketing Attitude 2013 - Usages et tendances sur l'email...Etude du SNCD Email Marketing Attitude 2013 - Usages et tendances sur l'email...
Etude du SNCD Email Marketing Attitude 2013 - Usages et tendances sur l'email...
Florence consultant
 
Saint Métropolite Varlaam de Moldavie - homélies (Cazanii)
Saint Métropolite Varlaam de Moldavie - homélies (Cazanii)Saint Métropolite Varlaam de Moldavie - homélies (Cazanii)
Saint Métropolite Varlaam de Moldavie - homélies (Cazanii)
Constanta Constantin
 
Actividades primer trimestre
Actividades primer trimestreActividades primer trimestre
Actividades primer trimestre
lgonzalezcabrera
 
Catalogue Jouets - Partie 1
Catalogue Jouets - Partie 1Catalogue Jouets - Partie 1
Catalogue Jouets - Partie 1ceadf
 
Hallo Meine Besucher
Hallo Meine BesucherHallo Meine Besucher
Hallo Meine Besucherguest33395b
 
Hecho en méxico, hecho en gfk méxico, salud y ejercio - sep'10 ok
Hecho en méxico, hecho en gfk  méxico, salud y ejercio - sep'10 okHecho en méxico, hecho en gfk  méxico, salud y ejercio - sep'10 ok
Hecho en méxico, hecho en gfk méxico, salud y ejercio - sep'10 ok
Walkiria Calva
 
Blogs Y EducacióN
Blogs Y EducacióNBlogs Y EducacióN
Blogs Y EducacióN
dianaimced
 
Asea athletes brochure Francais
Asea athletes brochure  FrancaisAsea athletes brochure  Francais
Asea athletes brochure Francais
Caroline Schneider
 
Arquitectura Orientada a Servicios para investigación (ejemplo de uso en Algo...
Arquitectura Orientada a Servicios para investigación (ejemplo de uso en Algo...Arquitectura Orientada a Servicios para investigación (ejemplo de uso en Algo...
Arquitectura Orientada a Servicios para investigación (ejemplo de uso en Algo...
Pablo García Sánchez
 
Presentación1, mejorada
Presentación1, mejoradaPresentación1, mejorada
Presentación1, mejoradajeanpyXD
 
Para que no
Para que noPara que no
Para que no
Mariano Vergara
 
SöGuslóðIr Egils SkallagríMssonar
SöGuslóðIr Egils SkallagríMssonarSöGuslóðIr Egils SkallagríMssonar
SöGuslóðIr Egils SkallagríMssonar
oldusel3
 
Hj listas (2)
Hj listas (2)Hj listas (2)
Hj listas (2)
USET
 
Introduccion a la inteligencia artificial richard ramos 09 1130
Introduccion a la inteligencia artificial richard ramos 09 1130Introduccion a la inteligencia artificial richard ramos 09 1130
Introduccion a la inteligencia artificial richard ramos 09 1130
reyarturo16
 

Andere mochten auch (20)

Beter english
Beter englishBeter english
Beter english
 
Que llepasou a coelliño
Que llepasou a coelliñoQue llepasou a coelliño
Que llepasou a coelliño
 
La clave del éxito
La clave del éxitoLa clave del éxito
La clave del éxito
 
Hurtigruten norway[1]
Hurtigruten norway[1]Hurtigruten norway[1]
Hurtigruten norway[1]
 
German Grammer Gender 9 Traum Academy kadavanthra) 9745539266
German Grammer Gender 9 Traum Academy kadavanthra) 9745539266German Grammer Gender 9 Traum Academy kadavanthra) 9745539266
German Grammer Gender 9 Traum Academy kadavanthra) 9745539266
 
Drupal, scrum et l'agilité - Drupalcamp Paris 2013
Drupal, scrum et l'agilité - Drupalcamp Paris 2013Drupal, scrum et l'agilité - Drupalcamp Paris 2013
Drupal, scrum et l'agilité - Drupalcamp Paris 2013
 
Etude du SNCD Email Marketing Attitude 2013 - Usages et tendances sur l'email...
Etude du SNCD Email Marketing Attitude 2013 - Usages et tendances sur l'email...Etude du SNCD Email Marketing Attitude 2013 - Usages et tendances sur l'email...
Etude du SNCD Email Marketing Attitude 2013 - Usages et tendances sur l'email...
 
Saint Métropolite Varlaam de Moldavie - homélies (Cazanii)
Saint Métropolite Varlaam de Moldavie - homélies (Cazanii)Saint Métropolite Varlaam de Moldavie - homélies (Cazanii)
Saint Métropolite Varlaam de Moldavie - homélies (Cazanii)
 
Actividades primer trimestre
Actividades primer trimestreActividades primer trimestre
Actividades primer trimestre
 
Catalogue Jouets - Partie 1
Catalogue Jouets - Partie 1Catalogue Jouets - Partie 1
Catalogue Jouets - Partie 1
 
Hallo Meine Besucher
Hallo Meine BesucherHallo Meine Besucher
Hallo Meine Besucher
 
Hecho en méxico, hecho en gfk méxico, salud y ejercio - sep'10 ok
Hecho en méxico, hecho en gfk  méxico, salud y ejercio - sep'10 okHecho en méxico, hecho en gfk  méxico, salud y ejercio - sep'10 ok
Hecho en méxico, hecho en gfk méxico, salud y ejercio - sep'10 ok
 
Blogs Y EducacióN
Blogs Y EducacióNBlogs Y EducacióN
Blogs Y EducacióN
 
Asea athletes brochure Francais
Asea athletes brochure  FrancaisAsea athletes brochure  Francais
Asea athletes brochure Francais
 
Arquitectura Orientada a Servicios para investigación (ejemplo de uso en Algo...
Arquitectura Orientada a Servicios para investigación (ejemplo de uso en Algo...Arquitectura Orientada a Servicios para investigación (ejemplo de uso en Algo...
Arquitectura Orientada a Servicios para investigación (ejemplo de uso en Algo...
 
Presentación1, mejorada
Presentación1, mejoradaPresentación1, mejorada
Presentación1, mejorada
 
Para que no
Para que noPara que no
Para que no
 
SöGuslóðIr Egils SkallagríMssonar
SöGuslóðIr Egils SkallagríMssonarSöGuslóðIr Egils SkallagríMssonar
SöGuslóðIr Egils SkallagríMssonar
 
Hj listas (2)
Hj listas (2)Hj listas (2)
Hj listas (2)
 
Introduccion a la inteligencia artificial richard ramos 09 1130
Introduccion a la inteligencia artificial richard ramos 09 1130Introduccion a la inteligencia artificial richard ramos 09 1130
Introduccion a la inteligencia artificial richard ramos 09 1130
 

Ähnlich wie Git und WordPress-Themes | WPCamp Berlin 2013

Git class german / english
Git class german / englishGit class german / english
Git class german / english
Kevin Read
 
Do it the_git_way
Do it the_git_wayDo it the_git_way
Do it the_git_wayPeter Ukena
 
Eclipse, Git und Gerrit
Eclipse, Git und GerritEclipse, Git und Gerrit
Eclipse, Git und Gerrit
Stefan Lay
 
DWX 2017 - GIT im Leben eines VS Entwicklers
DWX 2017 - GIT im Leben eines VS EntwicklersDWX 2017 - GIT im Leben eines VS Entwicklers
DWX 2017 - GIT im Leben eines VS Entwicklers
Marc Müller
 
Deployment
DeploymentDeployment
Deployment
Christian Händel
 
Childthemes mit git – WordPress MeetUp CGN
Childthemes mit git – WordPress MeetUp CGNChildthemes mit git – WordPress MeetUp CGN
Childthemes mit git – WordPress MeetUp CGN
pixolin
 
Scriptcs NRW Conf 2013
Scriptcs NRW Conf 2013Scriptcs NRW Conf 2013
Scriptcs NRW Conf 2013
FDeitelhoff
 
Das Kung Fu des Code Reviews
Das Kung Fu des Code ReviewsDas Kung Fu des Code Reviews
Das Kung Fu des Code Reviews
Christian Erhardt
 
Übersicht und Beratung von Versionsverwaltungen für Quellcode (SCM) [2014]
Übersicht und Beratung von Versionsverwaltungen  für Quellcode (SCM) [2014]Übersicht und Beratung von Versionsverwaltungen  für Quellcode (SCM) [2014]
Übersicht und Beratung von Versionsverwaltungen für Quellcode (SCM) [2014]
Tommy Ziegler
 
Einsatz von Git im Unternehmen
Einsatz von Git im UnternehmenEinsatz von Git im Unternehmen
Einsatz von Git im Unternehmen
oose
 
Tipps & Tricks für Erweiterungsentwickler - JoomlaDay Deutschland 2014 - Köln
Tipps & Tricks für Erweiterungsentwickler - JoomlaDay Deutschland 2014 - KölnTipps & Tricks für Erweiterungsentwickler - JoomlaDay Deutschland 2014 - Köln
Tipps & Tricks für Erweiterungsentwickler - JoomlaDay Deutschland 2014 - Köln
Viktor Vogel
 
Drupal für Entwickler
Drupal für EntwicklerDrupal für Entwickler
Drupal für Entwickler
Amazee Labs
 
DACH - Continuous delivery for Puppet Enterprise 08/09/2018
DACH - Continuous delivery for Puppet Enterprise 08/09/2018DACH - Continuous delivery for Puppet Enterprise 08/09/2018
DACH - Continuous delivery for Puppet Enterprise 08/09/2018
Puppet
 
Effiziente Entwicklungsprozesse mit Git, EGit und Gerrit - Intland Technology...
Effiziente Entwicklungsprozesse mit Git, EGit und Gerrit - Intland Technology...Effiziente Entwicklungsprozesse mit Git, EGit und Gerrit - Intland Technology...
Effiziente Entwicklungsprozesse mit Git, EGit und Gerrit - Intland Technology...
msohn
 
SMX 2022: Do It Yourself SEO Data Warehouse - Lisa Stober
SMX 2022: Do It Yourself SEO Data Warehouse - Lisa StoberSMX 2022: Do It Yourself SEO Data Warehouse - Lisa Stober
SMX 2022: Do It Yourself SEO Data Warehouse - Lisa Stober
LisaStober1
 
BASTA Spring 2016 - Moderne Versionsverwaltung mit Git, und der neue Build-Se...
BASTA Spring 2016 - Moderne Versionsverwaltung mit Git, und der neue Build-Se...BASTA Spring 2016 - Moderne Versionsverwaltung mit Git, und der neue Build-Se...
BASTA Spring 2016 - Moderne Versionsverwaltung mit Git, und der neue Build-Se...
Marc Müller
 
Perl Renaissance Reloaded
Perl Renaissance ReloadedPerl Renaissance Reloaded
Perl Renaissance Reloaded
Gregor Goldbach
 
Entwicklertag Karlsruhe 2011
Entwicklertag Karlsruhe 2011Entwicklertag Karlsruhe 2011
Entwicklertag Karlsruhe 2011Stefan Lay
 
Gitlab
GitlabGitlab
Gitlab
heiglandreas
 
Git & Gerrit: Verteilte Softwareentwicklung und -reviews in der TYPO3-Community
Git & Gerrit: Verteilte Softwareentwicklung und -reviews in der TYPO3-CommunityGit & Gerrit: Verteilte Softwareentwicklung und -reviews in der TYPO3-Community
Git & Gerrit: Verteilte Softwareentwicklung und -reviews in der TYPO3-Community
Steffen Gebert
 

Ähnlich wie Git und WordPress-Themes | WPCamp Berlin 2013 (20)

Git class german / english
Git class german / englishGit class german / english
Git class german / english
 
Do it the_git_way
Do it the_git_wayDo it the_git_way
Do it the_git_way
 
Eclipse, Git und Gerrit
Eclipse, Git und GerritEclipse, Git und Gerrit
Eclipse, Git und Gerrit
 
DWX 2017 - GIT im Leben eines VS Entwicklers
DWX 2017 - GIT im Leben eines VS EntwicklersDWX 2017 - GIT im Leben eines VS Entwicklers
DWX 2017 - GIT im Leben eines VS Entwicklers
 
Deployment
DeploymentDeployment
Deployment
 
Childthemes mit git – WordPress MeetUp CGN
Childthemes mit git – WordPress MeetUp CGNChildthemes mit git – WordPress MeetUp CGN
Childthemes mit git – WordPress MeetUp CGN
 
Scriptcs NRW Conf 2013
Scriptcs NRW Conf 2013Scriptcs NRW Conf 2013
Scriptcs NRW Conf 2013
 
Das Kung Fu des Code Reviews
Das Kung Fu des Code ReviewsDas Kung Fu des Code Reviews
Das Kung Fu des Code Reviews
 
Übersicht und Beratung von Versionsverwaltungen für Quellcode (SCM) [2014]
Übersicht und Beratung von Versionsverwaltungen  für Quellcode (SCM) [2014]Übersicht und Beratung von Versionsverwaltungen  für Quellcode (SCM) [2014]
Übersicht und Beratung von Versionsverwaltungen für Quellcode (SCM) [2014]
 
Einsatz von Git im Unternehmen
Einsatz von Git im UnternehmenEinsatz von Git im Unternehmen
Einsatz von Git im Unternehmen
 
Tipps & Tricks für Erweiterungsentwickler - JoomlaDay Deutschland 2014 - Köln
Tipps & Tricks für Erweiterungsentwickler - JoomlaDay Deutschland 2014 - KölnTipps & Tricks für Erweiterungsentwickler - JoomlaDay Deutschland 2014 - Köln
Tipps & Tricks für Erweiterungsentwickler - JoomlaDay Deutschland 2014 - Köln
 
Drupal für Entwickler
Drupal für EntwicklerDrupal für Entwickler
Drupal für Entwickler
 
DACH - Continuous delivery for Puppet Enterprise 08/09/2018
DACH - Continuous delivery for Puppet Enterprise 08/09/2018DACH - Continuous delivery for Puppet Enterprise 08/09/2018
DACH - Continuous delivery for Puppet Enterprise 08/09/2018
 
Effiziente Entwicklungsprozesse mit Git, EGit und Gerrit - Intland Technology...
Effiziente Entwicklungsprozesse mit Git, EGit und Gerrit - Intland Technology...Effiziente Entwicklungsprozesse mit Git, EGit und Gerrit - Intland Technology...
Effiziente Entwicklungsprozesse mit Git, EGit und Gerrit - Intland Technology...
 
SMX 2022: Do It Yourself SEO Data Warehouse - Lisa Stober
SMX 2022: Do It Yourself SEO Data Warehouse - Lisa StoberSMX 2022: Do It Yourself SEO Data Warehouse - Lisa Stober
SMX 2022: Do It Yourself SEO Data Warehouse - Lisa Stober
 
BASTA Spring 2016 - Moderne Versionsverwaltung mit Git, und der neue Build-Se...
BASTA Spring 2016 - Moderne Versionsverwaltung mit Git, und der neue Build-Se...BASTA Spring 2016 - Moderne Versionsverwaltung mit Git, und der neue Build-Se...
BASTA Spring 2016 - Moderne Versionsverwaltung mit Git, und der neue Build-Se...
 
Perl Renaissance Reloaded
Perl Renaissance ReloadedPerl Renaissance Reloaded
Perl Renaissance Reloaded
 
Entwicklertag Karlsruhe 2011
Entwicklertag Karlsruhe 2011Entwicklertag Karlsruhe 2011
Entwicklertag Karlsruhe 2011
 
Gitlab
GitlabGitlab
Gitlab
 
Git & Gerrit: Verteilte Softwareentwicklung und -reviews in der TYPO3-Community
Git & Gerrit: Verteilte Softwareentwicklung und -reviews in der TYPO3-CommunityGit & Gerrit: Verteilte Softwareentwicklung und -reviews in der TYPO3-Community
Git & Gerrit: Verteilte Softwareentwicklung und -reviews in der TYPO3-Community
 

Git und WordPress-Themes | WPCamp Berlin 2013

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