WordCamp Ottawa 2016 Frameworks for Freelancers
•Download as PPTX, PDF•
1 like•451 views
This document discusses and compares different website frameworks for freelance developers, including their pros and cons. It analyzes frameworks like iThemes Builder, WooThemes Canvas, Divi, Genesis, and Foundation. Frameworks provide parent themes that can be extended with child themes. They offer large libraries, educational resources, and communities but often have steep learning curves. Factors like customization options, responsive design, pricing structures, and support vary between frameworks. Overall, frameworks aim to help developers build sites faster while standardizing code quality and accessibility.
Recommended
More Related Content
What's hot
What's hot (17)
Viewers also liked
Viewers also liked (10)
Similar to WordCamp Ottawa 2016 Frameworks for Freelancers
Similar to WordCamp Ottawa 2016 Frameworks for Freelancers (20)
Recently uploaded
Recently uploaded (20)
WordCamp Ottawa 2016 Frameworks for Freelancers
- 1. Frameworks For Freelancers DOUBLE TIME IT Shelly Peacock @Spinbird
- 2. Hey New Client- Pick out a NEW THEME!
- 3. Hey New Client- I will CUSTOMIZE IT!!
- 6. Welcome to
- 9. And then there is:
- 10. themeforest
- 11. EHR MAGHERD
- 13. And -3 months later- Theme Update !!!%$&*...%%$!
- 16. Starter Theme vs. Framework
- 17. Starter Theme vs. Framework A Starter theme is a SHELL, that you build parts for- then own it FOREVERMORE. (Own=SUPPORT)
- 18. Starter Theme vs. Framework A Starter theme is a SHELL, that you build parts for- then own it FOREVERMORE. {Own=SUPPORT} Theme frameworks have core and then extend more core functionalities AND they require a parent/child theme relationship
- 19. Starter Theme vs. Framework A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme. -WordPress Codex
- 20. Build Me Please.
- 21. Saved Time
- 23. Fancy
- 24. Framework (Parent) Always Install First
- 25. Child Theme (A copy with safe editing)
- 26. DEEPLY DEEPLY
- 27. Framework Call to Muster
- 28. Framework Call to Muster
- 30. Builder Options Framework Call to Muster
- 31. iThemes.com Framework Call to Muster
- 32. Framework Call to Muster
- 33. Framework Call to Muster * Large Library of Child Themes * Incredible Educational Resources * Good size forum community * ECommerce compatible * Can have different layouts per page Pros:
- 34. Framework Call to Muster * Big learning curve--could be more intuitive * Harder to customize * Community is pretty much all forum Cons:
- 35. Framework Call to Muster More KAAAAHHNN!s: * Not all child themes are responsive * Pretty expensive for ToolKit- --but, coupons are available for renewal--
- 36. Framework Call to Muster
- 38. PootlePress.com/Academy WooThemes.com/canvas Framework Call to Muster WooThemes.com/storefront/
- 39. Pros: * Short learning curve * More customize than code * WooCommerce compatible * Responsive * Dedicated section for custom code * Zero Code knowledge required Framework Call to Muster
- 40. Cons: * Heavy framework * Too many options * EXPENSIVE: $399 annually--only for the themes… but could be changing due to merge with Automattic- stay tuned. Framework Call to Muster
- 41. Framework Call to Muster
- 44. Pros: * HUGE Community * Lots of options * EMP Child Theme maker * Responsive * PRICE: $249 for all themes * Premium support and Divi Plugins Framework Call to Muster
- 45. Cons: * Learning Curve--mainly from all the options * Harder to “deep” customize Framework Call to Muster
- 46. Framework Call to Muster
- 49. Get Genesis: StudioPress.com Get Help: Carriedils.com Sridharkatakum.com StudioPress.com/Get-Started BillErickson.net/code/ Framework Call to Muster
- 50. Pros: * Beautiful Code * More Plugins than any other * Widget based * HTML5, Accessibility * Responsive Framework Call to Muster
- 51. More Pros: (What? You wanted more KHAAAAHHHNN!!!s?) • Schema baked into code • Hook Based • Cutting edge designs • Price: $59.95 for Framework and Sample Theme • $499.95 Pro-Plus All Theme Package ($99.95/YR) Framework Call to Muster
- 52. Cons: * Can be a steep learning curve (learn how hooks work first) * You might need code help at first--but push on through * Um, can’t think of any more Framework Call to Muster
- 53. (well, more anyway) • Foundation foundation.zurb.com • Headway headwaythemes.com • MAKE themefoundry.com • Gantry gantry.org • FighterJet fighterjet.io NEXT Generation
Editor's Notes
- Hi Yall! This is really for beginners.. So please eye roll quietly if its too elemental. Sales background.. Graphic designer since 1995- all self taught 2009, art biz. Needed website- built it on Concrete 5 2010 hired by crazy guy- Davis Media Group - Web.com (Roll Eyes) Looked at all others- Drupal, Joomla, SquareSpace First site? Business rebuild. End of 2010- flipped sign to Spinbird I currently maintain over 60 websites, and am now completely referral based.
- Beginning Freelance Typical process: Consult with client Agree on price Get advance (yay) Have Client pick out a theme..
- Figure out specifics Fonts, colors, wireframes, etc. Install, WordPress, Then- OMG The black Hole
- This was present on every project for me at almost this exact time..
- Theme Fusion, Mojo Themes, Organic themes, Themify, Theme junkie.. The list goes on and on The WordPress.org Theme directory has over 3800 as of today.
- Dah dah dah DUH
- You can really get LOST IN THE WOODS on this one. Choices are endless- but you have finally gotten through the selection process. You install the theme, and are giddy with excitement at the process! Yay! Let’s Build a website!! Then you Log into the customizer Options for the Theme...
- I have NO IDEA How this stupid thing works! OMG- Where are the options- Even worse? What the heck are all these stupid options???
- 3 Days of Hunting, Googling, reading Documentation, etc.. You might know how to work the damn thing. Or not.. But you bravely go on through, making changes all the way.. CSS? Write it! Customize all the things
- Update to that Themeforest theme- Overrides everything you did.
- Now What????
- _Underscores _Quark Literally a blank canvas. Great- if you are Picasso
- What is a child theme? A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme.
- So- Let’s get started with some examples!
- What I am about to tell you WILL HELP YOU SAVE TIME You won’t believe it till you do it. Also, Pre-coded the correct way, so the foundation is always solid. Not the case with ThemeForest Well Marked code- Greyed out details that make your desired customizations easy to find and change Easy to pass on to someone else
- Frameworks kill several birds with well, extra lasers
- Starting at the base of the child theme- you can customize a little- FANCY Or a Lot- functions, CSS, etc.. FANCIER
- Kinda like Star Trek canon being the base but not the result in “Star Trek” 2013. :P Install Parent theme (Framework) The process is the same every time- saves HUGE TIME
- This is installed second- and activated at that time. At that point, you will see new styles if you chose a built out child theme This is where the fun starts. Make Magic. The perfect playground for code- as much or as little as you want to do. And- remember that theme update? Not now- child themes are rarely updated- so your customizations stay till YOU change them So, choose a framework and learn it..
- DEEPLY Once you know your framework- you have automatically shaved off 3-4 days of research and learning (peck learning) Soon- when a client talks about what they want their site too look like- you can see it in your mind already- and you won’t ever get lost in the woods again. Since they are code and rule specific- they do have learning curves- which we will talk about in a little while
- My Path- why I chose these particular 4
- Been around since 2008 Builder framework A ton of plugins and child themes Educational resources and continuous new learning material.
- I give this one 7.5 out of 10- mainly because of the interface. Along with the great customizations you can do, comes a ton of options.. Can be overwhelming
- As of this week- here are the Builder Purchase Options- Get in for as little as $80
- Includes: Entire library of Themes All Plugins All training Sync Pro Stash Unbranded Tutorials (on my website for clients now)
- Now AKA WP Canvas- In 2009-10 they had a ton of really cool themes Now, Canvas and Storefront are the main ones. Storefront is a definite framework option for an ECommerce store- very product and selling focused
- 4.5- you can pretty much just customize with settings- super easy. To add more functionality, you can really go to town on your child theme.
- Storefront has child themes.. Currently 13 available.
- I removed the underlines because it cluttered the text, and it’s clear this is a URL. Of course feel free to put revert it.
- 4 on learning curve
- Learning Curve 7-8.. Depending on
- Your AHA moment. It is written differently than most out there- Relies on hooks within WordPress to make things happen- but once you get it- you just GET IT
- Giant community. Probably one of the largest out there
- On Price- Pro Plus package (the whole shebang- $499.95- gives you new themes as they come out, and also 3rd party themes.