2. @kirstenschelper @taxifisch | #wceu
Git & WordPress
Who is this talk for?
• Level: Git Beginners
• Designers developing WordPress themes
with no programming background
• People who tried again and again
but didn‘t get a grip on how Git works
3. @kirstenschelper @taxifisch | #wceu
Git & WordPress
What‘s not in this talk
• The answer to all questions
• Step by step tutorial how to use Git
• Advanced secrets and Git-Voodoo
6. @kirstenschelper @taxifisch | #wceu
Git & WordPress
What we do
• We build custom WordPress themes for clients
• We live in Munich, Germany
• We dont‘t drink much beer
9. Git & WordPress
@kirstenschelper @taxifisch | #wceu
The s_theme (by Automattic)
… lives on GitHub*
… used by Kirsten as a boilerplate
* built by different people working together
* gets fixes and changes frequently
10. Git & WordPress
@kirstenschelper @taxifisch | #wceu
Kirsten‘s workflow so far
… download s_theme from Github
… working on my local copy
… missing all fixes and changes by Automattic
because my local copy had no connection to the
original s_theme on github
14. Git & WordPress
@kirstenschelper @taxifisch | #wceu
Kirsten‘s story
• I installed Git on my local machine
• I tried some stuff, changed files etc.
• But I didn‘t SEE anything
• This whole Git thing –was totally invisible!
15. Git & WordPress
@kirstenschelper @taxifisch | #wceu
Interim result
• As a designer with no programming background,
you are completely lost
• You need some help from
a friendly developer
17. Git & WordPress
@kirstenschelper @taxifisch | #wceu
The problem challenge
1. Abstraction. Hard for visual people.
2. Working with the command line means:
There is no visual feedback
You literally don‘t see what you are doing.
3. It‘s all in the command line
23. Git & WordPress
@kirstenschelper @taxifisch | #wceu
Goals workflow s_theme
• We use the s_theme as a boilerplate
for our WordPress themes
• We don‘t want to miss updates any more
• We don‘t want to lose our custom code either
25. Git & WordPress
@kirstenschelper @taxifisch | #wceu
Roundup GitHub workflow
• Choose a project on GitHub and fork it
• Install Git on your local machine
• Clone the project to your local machine
• Do some work
• Connect your local project to the original project on
GitHub (step 3)
• Fetch updates from the original project (step 4)
28. Git & WordPress
@kirstenschelper @taxifisch | #wceu
Staging Area
• Git wants you to add your changes to something called
„staging area“ before you commit them.
• The staging area is like a warehouse where you can pack
sensible packages, e.g. menu goes with menu, slider goes
with slider.
• The staging area allows you to configure your commits
in a meaningful way.
30. Git & WordPress
@kirstenschelper @taxifisch | #wceu
It‘s not easy
• Git takes a lot of learning
• But it‘s worth it
Don‘t be scared –working with Git is pretty safe
It‘s actually rather hard to destroy something
31. Git & WordPress
@kirstenschelper @taxifisch | #wceu
Ressources for learning Git
• Brandnew video series on Treehouse:
Introducing Git Basics
• Series of articles in our blog (German and English*)
http://die-netzialisten.de/
• git the stupid content tracker
Tutorials and excellent ressources
coming soon