Getting to Grips with Genesis by Dee Teal

  • 800 views
Uploaded on

Dee is the body and brains behind the Web Princess development studio. She’s been building websites for almost as many years as WordPress has been able to power them and loves to give her clients the …

Dee is the body and brains behind the Web Princess development studio. She’s been building websites for almost as many years as WordPress has been able to power them and loves to give her clients the WordPress experience.

This presentation introduces how and why to build your WordPress themes on the Genesis framework.

  • 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
800
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
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
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Genesis is in effect, a premium theme developed by Studiopress.\n
  • Distinction between WooThemes/Elegant Themes as parents and Genesis/Thesis/Thematic themes as parents\n\n1.A CHILD THEME\nRequires a parent theme from which to inherit its functionality and base appearance.\n2. PRESERVES THE PARENT\nSo that in the event of updates, all of the changes and mods you have made remain untouched. \n3. CREATING CHILD THEMES IS EASY\nIt really isn’t any harder than creating a directory and adding a style sheet.\n4. TYPES OF PARENTS\nAny WordPress theme can be a parent, not every parent is a framework. \n\nYou can build themes faster, customising is easy\nGenesis has built in SEO\nIt is built with security in mind\nGenesis Framework updates don’t interfere with your theme\nCustom widget and layout options are built in\nGreat support network\n
  • Distinction between WooThemes/Elegant Themes as parents and Genesis/Thesis/Thematic themes as parents\n\n1.A CHILD THEME\nRequires a parent theme from which to inherit its functionality and base appearance.\n2. PRESERVES THE PARENT\nSo that in the event of updates, all of the changes and mods you have made remain untouched. \n3. CREATING CHILD THEMES IS EASY\nIt really isn’t any harder than creating a directory and adding a style sheet.\n4. TYPES OF PARENTS\nAny WordPress theme can be a parent, not every parent is a framework. \n\nYou can build themes faster, customising is easy\nGenesis has built in SEO\nIt is built with security in mind\nGenesis Framework updates don’t interfere with your theme\nCustom widget and layout options are built in\nGreat support network\n
  • Distinction between WooThemes/Elegant Themes as parents and Genesis/Thesis/Thematic themes as parents\n\n1.A CHILD THEME\nRequires a parent theme from which to inherit its functionality and base appearance.\n2. PRESERVES THE PARENT\nSo that in the event of updates, all of the changes and mods you have made remain untouched. \n3. CREATING CHILD THEMES IS EASY\nIt really isn’t any harder than creating a directory and adding a style sheet.\n4. TYPES OF PARENTS\nAny WordPress theme can be a parent, not every parent is a framework. \n\nYou can build themes faster, customising is easy\nGenesis has built in SEO\nIt is built with security in mind\nGenesis Framework updates don’t interfere with your theme\nCustom widget and layout options are built in\nGreat support network\n
  • Distinction between WooThemes/Elegant Themes as parents and Genesis/Thesis/Thematic themes as parents\n\n1.A CHILD THEME\nRequires a parent theme from which to inherit its functionality and base appearance.\n2. PRESERVES THE PARENT\nSo that in the event of updates, all of the changes and mods you have made remain untouched. \n3. CREATING CHILD THEMES IS EASY\nIt really isn’t any harder than creating a directory and adding a style sheet.\n4. TYPES OF PARENTS\nAny WordPress theme can be a parent, not every parent is a framework. \n\nYou can build themes faster, customising is easy\nGenesis has built in SEO\nIt is built with security in mind\nGenesis Framework updates don’t interfere with your theme\nCustom widget and layout options are built in\nGreat support network\n
  • Distinction between WooThemes/Elegant Themes as parents and Genesis/Thesis/Thematic themes as parents\n\n1.A CHILD THEME\nRequires a parent theme from which to inherit its functionality and base appearance.\n2. PRESERVES THE PARENT\nSo that in the event of updates, all of the changes and mods you have made remain untouched. \n3. CREATING CHILD THEMES IS EASY\nIt really isn’t any harder than creating a directory and adding a style sheet.\n4. TYPES OF PARENTS\nAny WordPress theme can be a parent, not every parent is a framework. \n\nYou can build themes faster, customising is easy\nGenesis has built in SEO\nIt is built with security in mind\nGenesis Framework updates don’t interfere with your theme\nCustom widget and layout options are built in\nGreat support network\n
  • Distinction between WooThemes/Elegant Themes as parents and Genesis/Thesis/Thematic themes as parents\n\n1.A CHILD THEME\nRequires a parent theme from which to inherit its functionality and base appearance.\n2. PRESERVES THE PARENT\nSo that in the event of updates, all of the changes and mods you have made remain untouched. \n3. CREATING CHILD THEMES IS EASY\nIt really isn’t any harder than creating a directory and adding a style sheet.\n4. TYPES OF PARENTS\nAny WordPress theme can be a parent, not every parent is a framework. \n\nYou can build themes faster, customising is easy\nGenesis has built in SEO\nIt is built with security in mind\nGenesis Framework updates don’t interfere with your theme\nCustom widget and layout options are built in\nGreat support network\n
  • Distinction between WooThemes/Elegant Themes as parents and Genesis/Thesis/Thematic themes as parents\n\n1.A CHILD THEME\nRequires a parent theme from which to inherit its functionality and base appearance.\n2. PRESERVES THE PARENT\nSo that in the event of updates, all of the changes and mods you have made remain untouched. \n3. CREATING CHILD THEMES IS EASY\nIt really isn’t any harder than creating a directory and adding a style sheet.\n4. TYPES OF PARENTS\nAny WordPress theme can be a parent, not every parent is a framework. \n\nYou can build themes faster, customising is easy\nGenesis has built in SEO\nIt is built with security in mind\nGenesis Framework updates don’t interfere with your theme\nCustom widget and layout options are built in\nGreat support network\n
  • Distinction between WooThemes/Elegant Themes as parents and Genesis/Thesis/Thematic themes as parents\n\n1.A CHILD THEME\nRequires a parent theme from which to inherit its functionality and base appearance.\n2. PRESERVES THE PARENT\nSo that in the event of updates, all of the changes and mods you have made remain untouched. \n3. CREATING CHILD THEMES IS EASY\nIt really isn’t any harder than creating a directory and adding a style sheet.\n4. TYPES OF PARENTS\nAny WordPress theme can be a parent, not every parent is a framework. \n\nYou can build themes faster, customising is easy\nGenesis has built in SEO\nIt is built with security in mind\nGenesis Framework updates don’t interfere with your theme\nCustom widget and layout options are built in\nGreat support network\n
  • Distinction between WooThemes/Elegant Themes as parents and Genesis/Thesis/Thematic themes as parents\n\n1.A CHILD THEME\nRequires a parent theme from which to inherit its functionality and base appearance.\n2. PRESERVES THE PARENT\nSo that in the event of updates, all of the changes and mods you have made remain untouched. \n3. CREATING CHILD THEMES IS EASY\nIt really isn’t any harder than creating a directory and adding a style sheet.\n4. TYPES OF PARENTS\nAny WordPress theme can be a parent, not every parent is a framework. \n\nYou can build themes faster, customising is easy\nGenesis has built in SEO\nIt is built with security in mind\nGenesis Framework updates don’t interfere with your theme\nCustom widget and layout options are built in\nGreat support network\n
  • Distinction between WooThemes/Elegant Themes as parents and Genesis/Thesis/Thematic themes as parents\n\n1.A CHILD THEME\nRequires a parent theme from which to inherit its functionality and base appearance.\n2. PRESERVES THE PARENT\nSo that in the event of updates, all of the changes and mods you have made remain untouched. \n3. CREATING CHILD THEMES IS EASY\nIt really isn’t any harder than creating a directory and adding a style sheet.\n4. TYPES OF PARENTS\nAny WordPress theme can be a parent, not every parent is a framework. \n\nYou can build themes faster, customising is easy\nGenesis has built in SEO\nIt is built with security in mind\nGenesis Framework updates don’t interfere with your theme\nCustom widget and layout options are built in\nGreat support network\n
  • Distinction between WooThemes/Elegant Themes as parents and Genesis/Thesis/Thematic themes as parents\n\n1.A CHILD THEME\nRequires a parent theme from which to inherit its functionality and base appearance.\n2. PRESERVES THE PARENT\nSo that in the event of updates, all of the changes and mods you have made remain untouched. \n3. CREATING CHILD THEMES IS EASY\nIt really isn’t any harder than creating a directory and adding a style sheet.\n4. TYPES OF PARENTS\nAny WordPress theme can be a parent, not every parent is a framework. \n\nYou can build themes faster, customising is easy\nGenesis has built in SEO\nIt is built with security in mind\nGenesis Framework updates don’t interfere with your theme\nCustom widget and layout options are built in\nGreat support network\n
  • Distinction between WooThemes/Elegant Themes as parents and Genesis/Thesis/Thematic themes as parents\n\n1.A CHILD THEME\nRequires a parent theme from which to inherit its functionality and base appearance.\n2. PRESERVES THE PARENT\nSo that in the event of updates, all of the changes and mods you have made remain untouched. \n3. CREATING CHILD THEMES IS EASY\nIt really isn’t any harder than creating a directory and adding a style sheet.\n4. TYPES OF PARENTS\nAny WordPress theme can be a parent, not every parent is a framework. \n\nYou can build themes faster, customising is easy\nGenesis has built in SEO\nIt is built with security in mind\nGenesis Framework updates don’t interfere with your theme\nCustom widget and layout options are built in\nGreat support network\n
  • Distinction between WooThemes/Elegant Themes as parents and Genesis/Thesis/Thematic themes as parents\n\n1.A CHILD THEME\nRequires a parent theme from which to inherit its functionality and base appearance.\n2. PRESERVES THE PARENT\nSo that in the event of updates, all of the changes and mods you have made remain untouched. \n3. CREATING CHILD THEMES IS EASY\nIt really isn’t any harder than creating a directory and adding a style sheet.\n4. TYPES OF PARENTS\nAny WordPress theme can be a parent, not every parent is a framework. \n\nYou can build themes faster, customising is easy\nGenesis has built in SEO\nIt is built with security in mind\nGenesis Framework updates don’t interfere with your theme\nCustom widget and layout options are built in\nGreat support network\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Exit Slideshow - Demonstrate Genesis Back end and operations on the local site.\n\nReturn to slide show after tour of Genesis to discuss \n
  • Exit Slideshow - Demonstrate Genesis Back end and operations on the local site.\n\nReturn to slide show after tour of Genesis to discuss \n
  • Exit Slideshow - Demonstrate Genesis Back end and operations on the local site.\n\nReturn to slide show after tour of Genesis to discuss \n
  • Exit Slideshow - Demonstrate Genesis Back end and operations on the local site.\n\nReturn to slide show after tour of Genesis to discuss \n
  • Exit Slideshow - Demonstrate Genesis Back end and operations on the local site.\n\nReturn to slide show after tour of Genesis to discuss \n
  • Exit Slideshow - Demonstrate Genesis Back end and operations on the local site.\n\nReturn to slide show after tour of Genesis to discuss \n
  • Exit Slideshow - Demonstrate Genesis Back end and operations on the local site.\n\nReturn to slide show after tour of Genesis to discuss \n
  • Exit Slideshow - Demonstrate Genesis Back end and operations on the local site.\n\nReturn to slide show after tour of Genesis to discuss \n
  • Exit Slideshow - Demonstrate Genesis Back end and operations on the local site.\n\nReturn to slide show after tour of Genesis to discuss \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Return to Local Site to demonstrate the hooks and actions in action\n
  • Return to Local Site to demonstrate the hooks and actions in action\n
  • Return to Local Site to demonstrate the hooks and actions in action\n
  • Return to Local Site to demonstrate the hooks and actions in action\n
  • Return to Local Site to demonstrate the hooks and actions in action\n
  • Return to Local Site to demonstrate the hooks and actions in action\n
  • Return to Local Site to demonstrate the hooks and actions in action\n
  • Return to Local Site to demonstrate the hooks and actions in action\n
  • Return to Local Site to demonstrate the hooks and actions in action\n
  • Return to Local Site to demonstrate the hooks and actions in action\n
  • Return to Local Site to demonstrate the hooks and actions in action\n
  • Return to Local Site to demonstrate the hooks and actions in action\n
  • Return to Local Site to demonstrate the hooks and actions in action\n
  • Return to Local Site to demonstrate the hooks and actions in action\n
  • Return to Local Site to demonstrate the hooks and actions in action\n
  • Return to Local Site to demonstrate the hooks and actions in action\n
  • Return to Local Site to demonstrate the hooks and actions in action\n
  • Return to Local Site to demonstrate the hooks and actions in action\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Transcript

  • 1. GettingTO GRIPS WITHGENESISPRESENTATION BY DEE TEAL PRINCESS -THE WEB
  • 2. thewebprincess #wcg old
  • 3. WHYGENESI WHAT E SI EN HOWS PREMIUM G S THEME FRAMEWORK FOR WORDPRESSthewebprincess #wcg old
  • 4. thewebprince #wcgss old
  • 5. WHATFRAMEWO FOUNDATIO IT’S KINDA RK CONTAINER N LIKE Holding all the PHP, On which to for Easy, Efficient Buildingsiteswith build CSS & JS you’re likely Modular Theme Lego to need Creation withchild themes for Security & SEO WordPress Built in thewebprince #wcg ss old
  • 6. thewebprincess #wcg old
  • 7. WHYDEVPROCESS AN EVOLUTION thewebprincess #wcg old
  • 8. WHYDEVPROCESS AN EVOLUTION thewebprincess #wcg old
  • 9. WHYDEVPROCESS AN EVOLUTION thewebprincess #wcg old
  • 10. WHYDEVPROCESS AN EVOLUTION CHILD THEME BASED ON A thewebprincess #wcg old
  • 11. thewebprincess #wcg old
  • 12. WHY ONETHEME TORULE THEMALL thewebprincess #wcg old
  • 13. WHY ONETHEME TORULE THEMALL thewebprincess #wcg old
  • 14. WHY ONETHEME TORULE THEMALL thewebprincess #wcg old
  • 15. WHY ONETHEME TORULE THEMALL thewebprincess #wcg old
  • 16. WHY ONETHEME TORULE THEMALL thewebprincess #wcg old
  • 17. WHY ONETHEME TORULE THEMALL thewebprincess #wcg old
  • 18. WHY ONETHEME TORULE THEMALL thewebprincess #wcg old
  • 19. thewebprincess #wcg old
  • 20. HOW studiopre ss.com $59.95US GET SOME GENESIS Installit Addachildthemethewebprincess #wcg old
  • 21. thewebprincess #wcg old
  • 22. HOW THELEGOHOOKS, LINESANDACTIONSANDFILTERS SINKERS thewebprincess #wcg old
  • 23. thewebprincess #wcg old
  • 24. HOW HOOKS 1 code on which you can attach or detach other code - (Essentially, the Lego bumps). LEGO, YESBUT,STILLNOT EXACTLY CHILD’SPLAYthewebprincess #wcg old
  • 25. HOW HOOKS 1 code on which you can attach or detach other code - (Essentially, the Lego bumps). 2 ACTIONS The instructions - (Essentially, the Lego LEGO, directions) YESBUT,STILLNOT EXACTLY CHILD’SPLAYthewebprincess #wcg old
  • 26. HOW HOOKS 1 code on which you can attach or detach other code - (Essentially, the Lego bumps). 2 ACTIONS The instructions - (Essentially, the Lego LEGO, directions) YESBUT,STILLNOT EXACTLY FUNCTIONS CHILD’SPLAY 3 The code that does stuff - (Essentially, the Lego bricks)thewebprincess #wcg old
  • 27. HOW HOOKS 1 code on which you can attach or detach other code - (Essentially, the Lego bumps). 2 ACTIONS The instructions - (Essentially, the Lego LEGO, directions) YESBUT,STILLNOT EXACTLY FUNCTIONS CHILD’SPLAY 3 The code that does stuff - (Essentially, the Lego bricks) FILTERS 4 Functions that change other functions (Essentially, code that says swap this brick out, for that one before you complete that action).thewebprincess #wcg old
  • 28. thewebprincess #wcg old
  • 29. HOW 1. Remove navigation bar from current positionPRACTIC AL remove_action(genesis_after_header, genesis_do_nav); MAGICMOVINGTHENAVIGATION thewebprincess #wcg old
  • 30. HOW 1. Remove navigation bar from current position actionPRACTIC AL remove_action(genesis_after_header, genesis_do_nav); MAGICMOVINGTHENAVIGATION thewebprincess #wcg old
  • 31. HOW 1. Remove navigation bar from current position action hookPRACTIC AL remove_action(genesis_after_header, genesis_do_nav); MAGICMOVINGTHENAVIGATION thewebprincess #wcg old
  • 32. HOW 1. Remove navigation bar from current position action hook functionPRACTIC AL remove_action(genesis_after_header, genesis_do_nav); MAGICMOVINGTHENAVIGATION thewebprincess #wcg old
  • 33. HOW 1. Remove navigation bar from current position action hook functionPRACTIC AL remove_action(genesis_after_header, genesis_do_nav); MAGICMOVINGTHENAVIGATION 2. Relocate it to a new position before the header add_action(genesis_before_header, genesis_do_nav); thewebprincess #wcg old
  • 34. HOW 1. Remove navigation bar from current position action hook functionPRACTIC AL remove_action(genesis_after_header, genesis_do_nav); MAGICMOVINGTHENAVIGATION 2. Relocate it to a new position before the header add_action(genesis_before_header, genesis_do_nav); thewebprincess #wcg old
  • 35. HOW 1. Remove navigation bar from current position action hook functionPRACTIC AL remove_action(genesis_after_header, genesis_do_nav); MAGICMOVINGTHENAVIGATION 2. Relocate it to a new position before the header add_action(genesis_before_header, genesis_do_nav); thewebprincess #wcg old
  • 36. thewebprincess #wcg old
  • 37. HOW INSTALL GENESISWHERETONEXT? thewebprincess #wcg old
  • 38. HOW INSTALL GENESIS FIND THE SIMPLE PLUGINSWHERETONEXT? thewebprincess #wcg old
  • 39. HOW INSTALL GENESIS FIND THE SIMPLE PLUGINS GETWHERETONEXT?RESOURCED thewebprincess #wcg old
  • 40. HOW INSTALL GENESIS FIND THE SIMPLE PLUGINS GETWHERETONEXT?RESOURCED EXPERIMENT AND LEARN thewebprincess #wcg old
  • 41. HOW INSTALL GENESIS FIND THE SIMPLE PLUGINS GETWHERETONEXT?RESOURCED EXPERIMENT AND LEARN GET EXCITED AND MAKE THINGS thewebprincess #wcg old
  • 42. thewebprincess #wcg old
  • 43. QA PUT YOUR QUESTIONSthewebprincess & #wcg old
  • 44. thewebprincess #wcg old
  • 45. THAN KS FOR YOUR ATTENTION JOIN ME thewebprincess .com facebook.com/ thewebprincessthewebprincess #wcg old