Your SlideShare is downloading. ×
WordCamp Europe 2013 Git & WordPress-Themes
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

WordCamp Europe 2013 Git & WordPress-Themes

1,499
views

Published on

Session on WordCamp Leiden

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,499
On Slideshare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×