WordCamp Europe 2013 Git & WordPress-Themes

  • 1,441 views
Uploaded on

Session on WordCamp Leiden

Session on WordCamp Leiden

More in: Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,441
On Slideshare
0
From Embeds
0
Number of Embeds
10

Actions

Shares
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