WordCamp Ottawa 2016 Frameworks for Freelancers

55
Frameworks For Freelancers DOUBLE TIME IT Shelly Peacock @Spinbird

Transcript of WordCamp Ottawa 2016 Frameworks for Freelancers

Page 1: WordCamp Ottawa 2016 Frameworks for Freelancers

FrameworksFor Freelancers

DOUBLE TIME ITShelly Peacock @Spinbird

Page 2: WordCamp Ottawa 2016 Frameworks for Freelancers

Hey New Client-

Pick out aNEW THEME!

Page 3: WordCamp Ottawa 2016 Frameworks for Freelancers

Hey New Client-

I willCUSTOMIZE IT!!

Page 4: WordCamp Ottawa 2016 Frameworks for Freelancers
Page 5: WordCamp Ottawa 2016 Frameworks for Freelancers
Page 6: WordCamp Ottawa 2016 Frameworks for Freelancers

Welcome to

Page 7: WordCamp Ottawa 2016 Frameworks for Freelancers

Welcome toTHEMEFLEET 2016

Page 8: WordCamp Ottawa 2016 Frameworks for Freelancers

Welcome toTHEMEFLEET 2016

Page 9: WordCamp Ottawa 2016 Frameworks for Freelancers

And then there is:

Page 10: WordCamp Ottawa 2016 Frameworks for Freelancers

themeforest

Page 11: WordCamp Ottawa 2016 Frameworks for Freelancers

EHR MAGHERD

Page 12: WordCamp Ottawa 2016 Frameworks for Freelancers
Page 13: WordCamp Ottawa 2016 Frameworks for Freelancers

And -3 months later-

Theme Update!!!%$&*...%%

$!!

Page 14: WordCamp Ottawa 2016 Frameworks for Freelancers
Page 15: WordCamp Ottawa 2016 Frameworks for Freelancers

Destination: Framework

Page 16: WordCamp Ottawa 2016 Frameworks for Freelancers

Starter Theme vs. Framework

Page 17: WordCamp Ottawa 2016 Frameworks for Freelancers

Starter Theme vs. Framework

A Starter theme is a SHELL, that you build parts for- then own it FOREVERMORE. (Own=SUPPORT)

Page 18: WordCamp Ottawa 2016 Frameworks for Freelancers

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

Page 19: WordCamp Ottawa 2016 Frameworks for Freelancers

Starter Theme vs. FrameworkA 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

Page 20: WordCamp Ottawa 2016 Frameworks for Freelancers

Build Me Please.

Page 21: WordCamp Ottawa 2016 Frameworks for Freelancers

SavedTime

Page 22: WordCamp Ottawa 2016 Frameworks for Freelancers
Page 23: WordCamp Ottawa 2016 Frameworks for Freelancers

Fancy

FANCIER

Page 24: WordCamp Ottawa 2016 Frameworks for Freelancers

Framework (Parent)Always Install First

Page 25: WordCamp Ottawa 2016 Frameworks for Freelancers

Child Theme (A copy with safe editing)

Page 26: WordCamp Ottawa 2016 Frameworks for Freelancers

DEEPLYDEEPLY

Page 27: WordCamp Ottawa 2016 Frameworks for Freelancers

Framework Call to Muster

Page 28: WordCamp Ottawa 2016 Frameworks for Freelancers

Framework Call to Muster

Page 29: WordCamp Ottawa 2016 Frameworks for Freelancers

LearningCurve Level

Page 30: WordCamp Ottawa 2016 Frameworks for Freelancers

Builder OptionsFramework Call to Muster

Page 31: WordCamp Ottawa 2016 Frameworks for Freelancers

iThemes.com

Framework Call to Muster

Page 32: WordCamp Ottawa 2016 Frameworks for Freelancers

Framework Call to Muster

Page 33: WordCamp Ottawa 2016 Frameworks for Freelancers

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:

Page 34: WordCamp Ottawa 2016 Frameworks for Freelancers

Framework Call to Muster

* Big learning curve--could be more intuitive* Harder to customize* Community is pretty much all forum

Cons:

Page 35: WordCamp Ottawa 2016 Frameworks for Freelancers

Framework Call to MusterMore KAAAAHHNN!s:

* Not all child themes are responsive

* Pretty expensive for ToolKit- --but, coupons are available for renewal--

Page 36: WordCamp Ottawa 2016 Frameworks for Freelancers

Framework Call to Muster

Page 37: WordCamp Ottawa 2016 Frameworks for Freelancers

LearningCurve Level

Page 38: WordCamp Ottawa 2016 Frameworks for Freelancers

PootlePress.com/Academy

WooThemes.com/canvas

Framework Call to Muster

WooThemes.com/storefront/

Page 39: WordCamp Ottawa 2016 Frameworks for Freelancers

Pros:* Short learning curve* More customize than code* WooCommerce compatible* Responsive* Dedicated section for custom code* Zero Code knowledge required

Framework Call to Muster

Page 40: WordCamp Ottawa 2016 Frameworks for Freelancers

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

Page 41: WordCamp Ottawa 2016 Frameworks for Freelancers

Framework Call to Muster

Page 42: WordCamp Ottawa 2016 Frameworks for Freelancers

LearningCurve Level

Page 43: WordCamp Ottawa 2016 Frameworks for Freelancers

Design Samples:Quiroz.co/thedesignspace.co/hernewtribe.com/

Resources:elegantthemes.com/blog/category/resources/ elegantmarketplace.com/

ElegantThemes.com/Divi

Framework Call to Muster

Page 44: WordCamp Ottawa 2016 Frameworks for Freelancers

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

Page 45: WordCamp Ottawa 2016 Frameworks for Freelancers

Cons:* Learning Curve--mainly from all the options

* Harder to “deep” customize

Framework Call to Muster

Page 46: WordCamp Ottawa 2016 Frameworks for Freelancers

Framework Call to Muster

Page 47: WordCamp Ottawa 2016 Frameworks for Freelancers

LearningCurve Level

Page 48: WordCamp Ottawa 2016 Frameworks for Freelancers

LearningCurve Level

Page 49: WordCamp Ottawa 2016 Frameworks for Freelancers

Get Genesis:StudioPress.com

Get Help:Carriedils.comSridharkatakum.comStudioPress.com/Get-StartedBillErickson.net/code/

Framework Call to Muster

Page 50: WordCamp Ottawa 2016 Frameworks for Freelancers

Pros:* Beautiful Code* More Plugins than any other* Widget based* HTML5, Accessibility * Responsive

Framework Call to Muster

Page 51: WordCamp Ottawa 2016 Frameworks for Freelancers

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

Page 52: WordCamp Ottawa 2016 Frameworks for Freelancers

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

Page 53: WordCamp Ottawa 2016 Frameworks for Freelancers

(well, more anyway)

• Foundation foundation.zurb.com

• Headway headwaythemes.com

• MAKE themefoundry.com

• Gantry gantry.org• FighterJet fighterjet.io

NEXT Generation

Page 54: WordCamp Ottawa 2016 Frameworks for Freelancers
Page 55: WordCamp Ottawa 2016 Frameworks for Freelancers

Frameworks.The Final Frontier.

@SpinbirdSpinbirdGroup.com

[email protected]