@pixolin

MeetUp Köln

Child Themes &Themes anpassen wie ein Profi

@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

@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);

@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".

@pixolin

MeetUp Köln

Änderungen werden dokumentiert und sind jederzeit nachvollziehbar

Änderungen lassen sich rückgängig machen

Trennung zwischen Entwicklung und fertigem Ergebnis

@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

@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

@pixolin

MeetUp Köln

Starten $ mkdir wpmeetup$ cd wpmeetup$ git init

@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

+

@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);

@pixolin

MeetUp Köln

Dateien ändern, z.B. style.css .site-header h1 a { color: #c21616; }

Versionskontrolle: $ git status $ git add .$ git status

+

@pixolin

MeetUp Köln

Versionskontrolle: $ git commit -m 'Site Header rot' $ git log

+

@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.

+

@pixolin

MeetUp Köln

Entweder … $ git checkout master

(Zustand vor der Änderung wird wieder hergestellt)

+

@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

+

@pixolin

MeetUp Köln

... oder letzten Commit umkehren $ git log --online$ git revert 0c77a7c$ git status$ git log

+

@pixolin

MeetUp Köln

Änderungen einfließen lassen $ git checkout master$ git merge versuch

+

@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

@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

@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

@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