0
Welcome everybody!
Session „Git & WordPress Themes“
@kirstenschelper @taxifisch | #wceu
Git & WordPress
Who is this talk for?
• Level: Git Beginners
• Designers developing Wo...
@kirstenschelper @taxifisch | #wceu
Git & WordPress
What‘s not in this talk
• The answer to all questions
• Step by step t...
@kirstenschelper @taxifisch | #wceu
Git & WordPress
Who we are
@kirstenschelper @taxifisch | #wceu
Git & WordPress
Kirsten Schelper
{designer}
Elisabeth Hölzl
{developer}
@kirstenschelper @taxifisch | #wceu
Git & WordPress
What we do
• We build custom WordPress themes for clients
• We live in...
http://www.flickr.com/photos/14646075@N03/5055254756/sizes/l/in/photostream/
Yes, we survived the Oktoberfest!
@kirstenschelper @taxifisch | #wceu
Git & WordPress
How we got in touch with Git
Git & WordPress
@kirstenschelper @taxifisch | #wceu
The s_theme (by Automattic)
… lives on GitHub*
… used by Kirsten as a ...
Git & WordPress
@kirstenschelper @taxifisch | #wceu
Kirsten‘s workflow so far
… download s_theme from Github
… working on ...
http://www.flickr.com/photos/jondissed/1387181891
This didn‘t feel right
Git & WordPress
@kirstenschelper @taxifisch | #wceu
So, let‘s get started with Git!
Git & WordPress
@kirstenschelper @taxifisch | #wceu
Just copy and
paste these
commands to
the terminal
Git & WordPress
@kirstenschelper @taxifisch | #wceu
Kirsten‘s story
• I installed Git on my local machine
• I tried some s...
Git & WordPress
@kirstenschelper @taxifisch | #wceu
Interim result
• As a designer with no programming background,
you are...
Git & WordPress
@kirstenschelper @taxifisch | #wceu
What makes Git tick?
Git & WordPress
@kirstenschelper @taxifisch | #wceu
The problem challenge
1. Abstraction. Hard for visual people.
2. Worki...
http://www.flickr.com/photos/zigazou76/3622235298/sizes/l/
Git is simple. Well, not quite.
Git & WordPress
@kirstenschelper @taxifisch | #wceu
Some Git greek
• init
• repository
• commit
• branch
• merge
Git & WordPress
@kirstenschelper @taxifisch | #wceuSCHELPERDESIGN.NET
initialize
Omm!
http://www.flickr.com/photos/joao_trindade/4323984439/sizes/l/in/photostream/
Git & WordPress
@kirstenschelper @taxifisch | #wceu
Example Git Workflow
Git & WordPress
@kirstenschelper @taxifisch | #wceu
Goals workflow s_theme
• We use the s_theme as a boilerplate
for our W...
Git & WordPress
@kirstenschelper @taxifisch | #wceu
Git & WordPress
@kirstenschelper @taxifisch | #wceu
Roundup GitHub workflow
• Choose a project on GitHub and fork it
• Ins...
Git & WordPress
@kirstenschelper @taxifisch | #wceu
Kirsten‘s Git Workflow
Git & WordPress
@kirstenschelper @taxifisch | #wceu
Git & WordPress
@kirstenschelper @taxifisch | #wceu
Staging Area
• Git wants you to add your changes to something called
„...
Feeling lost?
Darinburt/istockphoto.com http://www.istockphoto.com/stock-photo-2070269-lost.php
Git & WordPress
@kirstenschelper @taxifisch | #wceu
It‘s not easy
• Git takes a lot of learning
• But it‘s worth it
Don‘t ...
Git & WordPress
@kirstenschelper @taxifisch | #wceu
Ressources for learning Git
• Brandnew video series on Treehouse:
Intr...
Git & WordPress
@kirstenschelper @taxifisch | #wceu
Thank you!
Your Questions
Upcoming SlideShare
Loading in...5
×

WordCamp Europe 2013 Git & WordPress-Themes

1,596

Published on

Session on WordCamp Leiden

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,596
On Slideshare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "WordCamp Europe 2013 Git & WordPress-Themes"

  1. 1. Welcome everybody! Session „Git & WordPress Themes“
  2. 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. 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
  4. 4. @kirstenschelper @taxifisch | #wceu Git & WordPress Who we are
  5. 5. @kirstenschelper @taxifisch | #wceu Git & WordPress Kirsten Schelper {designer} Elisabeth Hölzl {developer}
  6. 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
  7. 7. http://www.flickr.com/photos/14646075@N03/5055254756/sizes/l/in/photostream/ Yes, we survived the Oktoberfest!
  8. 8. @kirstenschelper @taxifisch | #wceu Git & WordPress How we got in touch with Git
  9. 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. 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
  11. 11. http://www.flickr.com/photos/jondissed/1387181891 This didn‘t feel right
  12. 12. Git & WordPress @kirstenschelper @taxifisch | #wceu So, let‘s get started with Git!
  13. 13. Git & WordPress @kirstenschelper @taxifisch | #wceu Just copy and paste these commands to the terminal
  14. 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. 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
  16. 16. Git & WordPress @kirstenschelper @taxifisch | #wceu What makes Git tick?
  17. 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
  18. 18. http://www.flickr.com/photos/zigazou76/3622235298/sizes/l/ Git is simple. Well, not quite.
  19. 19. Git & WordPress @kirstenschelper @taxifisch | #wceu Some Git greek • init • repository • commit • branch • merge
  20. 20. Git & WordPress @kirstenschelper @taxifisch | #wceuSCHELPERDESIGN.NET initialize
  21. 21. Omm! http://www.flickr.com/photos/joao_trindade/4323984439/sizes/l/in/photostream/
  22. 22. Git & WordPress @kirstenschelper @taxifisch | #wceu Example Git Workflow
  23. 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
  24. 24. Git & WordPress @kirstenschelper @taxifisch | #wceu
  25. 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)
  26. 26. Git & WordPress @kirstenschelper @taxifisch | #wceu Kirsten‘s Git Workflow
  27. 27. Git & WordPress @kirstenschelper @taxifisch | #wceu
  28. 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.
  29. 29. Feeling lost? Darinburt/istockphoto.com http://www.istockphoto.com/stock-photo-2070269-lost.php
  30. 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. 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
  32. 32. Git & WordPress @kirstenschelper @taxifisch | #wceu Thank you! Your Questions
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×