Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
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
Nächste SlideShare
Wird geladen in …5
×

WordCamp Europe 2013 Git & WordPress-Themes

2.821 Aufrufe

Veröffentlicht am

Session on WordCamp Leiden

Veröffentlicht in: Technologie, Business
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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

×