German Presentation how to use git when developing a child theme for WordPress

1. @pixolin
MeetUp Köln
Child Themes &
Themes anpassen wie ein Profi

2. @pixolin
MeetUp Köln
Wofür Child Themes?
Änderungen in Themes werden
bei Updates überschrieben,
Anpassungen über ein Child Theme
bleiben erhalten
!
Anpassungen sind schwer vom
Original zu unterscheiden

3. @pixolin
MeetUp Köln
Child Themes
Absolutes Minimum:
index.php header.php style.css
!
style.css enthält Theme Header:
!
/*
Theme Name: wpMeetUp
Template: twentytwelve
*/
@import url( ../twentytwelve/style.css);

4. @pixolin
MeetUp Köln
Cowboy Coding
"A cowboy coder can be a lone
developer or part of a group of
developers working with minimal
process or discipline." (Wikipedia)
!
Ohne Dokumentation Änderungen
direkt auf dem Server vorzunehmen ist
nur etwas für "Lonesome Cowboys".

5. @pixolin
MeetUp Köln
Änderungen werden dokumentiert
und sind jederzeit nachvollziehbar
Änderungen lassen sich rückgängig
machen
Trennung zwischen Entwicklung und
fertigem Ergebnis

6. @pixolin
MeetUp Köln
Installation:
http://git-scm.com/downloads
Kurze Einführung:
git – Der einfache Einstieg
http://rogerdudler.github.io/git-guide/
index.de.html

7. @pixolin
MeetUp Köln
Einrichten
$ git config --global
user.name "John Doe"
$ git config --global
user.email johndoe@example.com
$ git config --global
core.editor nano

8. @pixolin
MeetUp Köln
Starten
$ mkdir wpmeetup
$ cd wpmeetup
$ git init

9. @pixolin
MeetUp Köln
Notwendige Dateien kopieren …
$ cp ../twentytwelve/style.css .
$ cp ../twentytwelve/index.php .
$ cp ../twentytwelve/header.php .
und zur Versionskontrolle hinzufügen
$ git status
$ git add .
$ git status
+

10. @pixolin
MeetUp Köln
Child Themes
Absolutes Minimum:
index.php header.php style.css
!
style.css enthält Theme Header:
!
/*
Theme Name: wpMeetUp
Template: twentytwelve
*/
@import url( ../twentytwelve/style.css);

11. @pixolin
MeetUp Köln
Dateien ändern, z.B. style.css
.site-header h1 a { color: #c21616; }
Versionskontrolle:
$ git status
$ git add .
$ git status
+

12. @pixolin
MeetUp Köln
Versionskontrolle:
$ git commit -m 'Site Header rot'
$ git log
+

13. @pixolin
MeetUp Köln
Eine tolle neue Idee …
$ git checkout -b Versuch
$ cp ../twentytwelve/functions.php .
$ git add .
$ git commit -m 'functions.php
kopiert'
… führt leider zu einem Fehler! Ooh.
+

14. @pixolin
MeetUp Köln
Entweder …
$ git checkout master
(Zustand vor der Änderung
wird wieder hergestellt)
+

15. @pixolin
MeetUp Köln
... oder Fehler beseitigen
$ git rm functions.php
und weitere Änderungen vornehmen.
Anschließend …
$ git add .
$ git commit -m 'neue Änderung'
$ git status
$ git log
+

16. @pixolin
MeetUp Köln
... oder letzten Commit umkehren
$ git log --online
$ git revert 0c77a7c
$ git status
$ git log
+

17. @pixolin
MeetUp Köln
Änderungen einfließen lassen
$ git checkout master
$ git merge versuch
+

18. @pixolin
MeetUp Köln
GitHub ist ein Server, auf dem
git-Repositories öffentlich zur
Verfügung gestellt und abgerufen
werden können.
Sehr gutes Online-Tutorial für
git und GitHub: https://try.github.io
GitHub

19. @pixolin
MeetUp Köln
Neues Repository bei GitHub
einrichten, anschließend …
$ git remote add origin
https://github.com/username/myproject.git
$ git push origin master
"Schiebe (push) die aktuelle Version
zur (neu angelegten) Quelle (origin)
mit Branch master."
GitHub

20. @pixolin
MeetUp Köln
… damit andere Nutzer jederzeit
darauf zurückgreifen können!
$ git clone https://github.com/username/
myproject.git
Mitarbeit erwünscht!
GitHub

21. @pixolin
MeetUp Köln
Various images from Album "Vintage" by Beverly & Pack
"vintage cameras found at the brooklyn flea" by Alexis Lamster
"Little Cowboy and Pony" by catnipstudio
"Optimo 1A shutter mechanism" by mpclemens
"Paper II" by (Britt)
"View-Master" by Enokson
"Vintage RPPC - Children" by Tony Alter
All photos were downloaded from flickr,
licensed under Creative Commons – BY,
modified (cropped) by Author of presentation.
!
Presentation is under Creative Commons License BY.
Photo Credits