childthemes mit git – wordpress meetup cgn
DESCRIPTION
German Presentation how to use git when developing a child theme for WordPressTRANSCRIPT
![Page 1: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/1.jpg)
@pixolin
MeetUp Köln
Child Themes &Themes anpassen wie ein Profi
![Page 2: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/2.jpg)
@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
![Page 3: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/3.jpg)
@pixolin
MeetUp Köln
Child Themes
Absolutes Minimum:index.php header.php style.css !
style.css enthält Theme Header: !/*Theme Name: wpMeetUpTemplate: twentytwelve*/ @import url( ../twentytwelve/style.css);
![Page 4: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/4.jpg)
@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".
![Page 5: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/5.jpg)
@pixolin
MeetUp Köln
Änderungen werden dokumentiert und sind jederzeit nachvollziehbar
Änderungen lassen sich rückgängig machen
Trennung zwischen Entwicklung und fertigem Ergebnis
![Page 6: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/6.jpg)
@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
![Page 7: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/7.jpg)
@pixolin
MeetUp Köln
Einrichten $ git config --global user.name "John Doe"
$ git config --global user.email [email protected]
$ git config --global core.editor nano
![Page 8: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/8.jpg)
@pixolin
MeetUp Köln
Starten $ mkdir wpmeetup$ cd wpmeetup$ git init
![Page 9: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/9.jpg)
@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
+
![Page 10: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/10.jpg)
@pixolin
MeetUp Köln
Child Themes
Absolutes Minimum:index.php header.php style.css !
style.css enthält Theme Header: !/*Theme Name: wpMeetUpTemplate: twentytwelve*/ @import url( ../twentytwelve/style.css);
![Page 11: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/11.jpg)
@pixolin
MeetUp Köln
Dateien ändern, z.B. style.css .site-header h1 a { color: #c21616; }
Versionskontrolle: $ git status $ git add .$ git status
+
![Page 12: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/12.jpg)
@pixolin
MeetUp Köln
Versionskontrolle: $ git commit -m 'Site Header rot' $ git log
+
![Page 13: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/13.jpg)
@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.
+
![Page 14: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/14.jpg)
@pixolin
MeetUp Köln
Entweder … $ git checkout master
(Zustand vor der Änderung wird wieder hergestellt)
+
![Page 15: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/15.jpg)
@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
+
![Page 16: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/16.jpg)
@pixolin
MeetUp Köln
... oder letzten Commit umkehren $ git log --online$ git revert 0c77a7c$ git status$ git log
+
![Page 17: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/17.jpg)
@pixolin
MeetUp Köln
Änderungen einfließen lassen $ git checkout master$ git merge versuch
+
![Page 18: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/18.jpg)
@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
![Page 19: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/19.jpg)
@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
![Page 20: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/20.jpg)
@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
![Page 21: Childthemes mit git – WordPress MeetUp CGN](https://reader033.vdokument.com/reader033/viewer/2022052621/5583d26fd8b42ace2f8b4a66/html5/thumbnails/21.jpg)
@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