Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
How to Pick
a WordPress Theme
− a Guide for Beginners −
with
Christina Hills
WordCamp Los Angeles 2016
@christinahills | #wclax
Christina Hills Background:
Visual Effects Artist for Film & TV
 Star Wars
 E.T. the Extra-Terr...
@christinahills | #wclax
Christina Hills Now:
WordPress Trainer and Coach since 2008
Let’s Talk About
WordPress Themes!
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Some Themes Are Simple
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Some Themes Are More Complex
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Simple vs. Complex
@christinahills | #wclax
When Picking a
Theme You have
a Few Decisions
to Make…
@christinahills | #wclax
Blog Homepage or Custom Homepage ?
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
"Blog Homepage" Design
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
“Custom Homepage“ Design
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
“Custom Homepage“ Design
“Free” Themes
vs.
“Premium“ (Paid) Themes
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Free: WordPress Theme Directory
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Find a Free One on WordPress.org
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Evaluate the Free Theme
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Visit Theme Homepage
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
View the Demo
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Browse Their Documentation
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Evaluate How Active their Support...
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Then…Install Theme Inside WordPre...
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
If You Like the Free  Buy Pro!
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Same Theme Different Customizatio...
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
How Many Widgets Does the Theme H...
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
How Many Page Templates Does the ...
@christinahills | #wclax
Are they in business?
Are they selling themes?
Or is this just a “fun project” from
a developer w...
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Automattic, Inc.
(Official WordPr...
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Make Sure Your Theme is Mobile Re...
@christinahills | #wclax
www.StudioPress.com/responsive
@christinahills | #wclax
Does Your Site/Theme Pass Google’s Mobile-
Friendliness Test?
www.google.com/webmasters/tools/mob...
@christinahills | #wclax
WP Touch
wordpress.org/plugins/wptouch/
Plugin to Make Your Theme Responsive
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
What is a Theme “Framework” ?
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Genesis Framework from StudioPress
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Explanation of a Theme Framework
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Third Party Designers on StudioPr...
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Third Party Designers: Restored316
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Genesis Community on Facebook
“Child” Themes
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
What is a “Child Theme” ?
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Parent-Child Themes in Admin Dash...
@christinahills | #wclax
Why You Would Want to Use/Create
a Child Theme
• With a child theme, you can customize
your websi...
@christinahills | #wclax
If Your Theme Company Does not Come with a Child
Theme, You can make one with a Plugin!
@christinahills | #wclax
https://wordpress.org/plugins/one-click-child-theme/
One-Click Child Theme Plugin
@christinahills | #wclax
https://wordpress.org/plugins/child-theme-wizard/
Child Theme Wizard Plugin
@christinahills | #wclax
Themes with Blank Child Theme
Page Builders
https://theme.co/x/
X Theme
http://avada.theme-fusion.com/
Avada Theme
www.elegantthemes.com
Divi From Elegant Themes
https://www.elegantthemes.com/
Divi Page Builder
www.wpbeaverbuilder.com
Beaver Builder
www.wpbeaverbuilder.com
Beaver Builder Page Builder
What to Watch For
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
BEWARE: Google Results for Theme ...
@christinahills | #wclax
https://wordpress.org/plugins/theme-check/
Test Your Theme
@christinahills | #wclax
https://wordpress.org/plugins/theme-check/
Old Theme with Errors
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
How Detect a Theme From a Website...
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Theme Detector Website with Resul...
slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax
Does The Theme Have a Community?
Good Website Design =
Professional Pictures
Easy Intuitive Layout
Great Web Copy
@christinahills | #wclax
Bottom Line:
 Go with a reputable company
 Look at the popularity
 Evaluate the theme demo
 E...
This presentation will be available at:
www.christinahills.com/wclax2016
Connect with Me!
www.ChristinaHills.com/facebook
@christinahills
www.ChristinaHills.com/linkedin
christina@websitecreation...
Upcoming SlideShare
Loading in …5
×

How to Pick a WordPress Theme - A Guide for Beginners

563 views

Published on

In this presentation first given at WordCamp LAX, Christina Hills is going to show you, in an easy-to-understand, non-techie way, the things you should look at when choosing a WordPress theme for your website. And how you can do it yourself without being a designer!

Published in: Technology
  • Be the first to comment

How to Pick a WordPress Theme - A Guide for Beginners

  1. 1. How to Pick a WordPress Theme − a Guide for Beginners − with Christina Hills WordCamp Los Angeles 2016
  2. 2. @christinahills | #wclax Christina Hills Background: Visual Effects Artist for Film & TV  Star Wars  E.T. the Extra-Terrestrial  Jurassic Park  Mars Attacks!  And more…
  3. 3. @christinahills | #wclax Christina Hills Now: WordPress Trainer and Coach since 2008
  4. 4. Let’s Talk About WordPress Themes!
  5. 5. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Some Themes Are Simple
  6. 6. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Some Themes Are More Complex
  7. 7. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Simple vs. Complex
  8. 8. @christinahills | #wclax When Picking a Theme You have a Few Decisions to Make…
  9. 9. @christinahills | #wclax Blog Homepage or Custom Homepage ?
  10. 10. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax "Blog Homepage" Design
  11. 11. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax “Custom Homepage“ Design
  12. 12. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax “Custom Homepage“ Design
  13. 13. “Free” Themes vs. “Premium“ (Paid) Themes
  14. 14. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Free: WordPress Theme Directory
  15. 15. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Find a Free One on WordPress.org
  16. 16. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Evaluate the Free Theme
  17. 17. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Visit Theme Homepage
  18. 18. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax View the Demo
  19. 19. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Browse Their Documentation
  20. 20. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Evaluate How Active their Support Forum is
  21. 21. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Then…Install Theme Inside WordPress
  22. 22. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax If You Like the Free  Buy Pro!
  23. 23. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Same Theme Different Customizations
  24. 24. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax How Many Widgets Does the Theme Have?
  25. 25. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax How Many Page Templates Does the Theme Have?
  26. 26. @christinahills | #wclax Are they in business? Are they selling themes? Or is this just a “fun project” from a developer who might get bored? What is the Business Model ?
  27. 27. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Automattic, Inc. (Official WordPress Free Themes) https://wordpress.org/themes/author/automattic
  28. 28. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Make Sure Your Theme is Mobile Responsive
  29. 29. @christinahills | #wclax www.StudioPress.com/responsive
  30. 30. @christinahills | #wclax Does Your Site/Theme Pass Google’s Mobile- Friendliness Test? www.google.com/webmasters/tools/mobile-friendly
  31. 31. @christinahills | #wclax WP Touch wordpress.org/plugins/wptouch/ Plugin to Make Your Theme Responsive
  32. 32. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax What is a Theme “Framework” ?
  33. 33. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Genesis Framework from StudioPress
  34. 34. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Explanation of a Theme Framework
  35. 35. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Third Party Designers on StudioPress
  36. 36. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Third Party Designers: Restored316
  37. 37. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Genesis Community on Facebook
  38. 38. “Child” Themes
  39. 39. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax What is a “Child Theme” ?
  40. 40. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Parent-Child Themes in Admin Dashboard
  41. 41. @christinahills | #wclax Why You Would Want to Use/Create a Child Theme • With a child theme, you can customize your website beyond the customization options available in the customizer without affecting the original theme • You will not lose your customizations when the parent theme updates • Creating a child theme is much easier than you think!
  42. 42. @christinahills | #wclax If Your Theme Company Does not Come with a Child Theme, You can make one with a Plugin!
  43. 43. @christinahills | #wclax https://wordpress.org/plugins/one-click-child-theme/ One-Click Child Theme Plugin
  44. 44. @christinahills | #wclax https://wordpress.org/plugins/child-theme-wizard/ Child Theme Wizard Plugin
  45. 45. @christinahills | #wclax Themes with Blank Child Theme
  46. 46. Page Builders
  47. 47. https://theme.co/x/ X Theme
  48. 48. http://avada.theme-fusion.com/ Avada Theme
  49. 49. www.elegantthemes.com Divi From Elegant Themes
  50. 50. https://www.elegantthemes.com/ Divi Page Builder
  51. 51. www.wpbeaverbuilder.com Beaver Builder
  52. 52. www.wpbeaverbuilder.com Beaver Builder Page Builder
  53. 53. What to Watch For
  54. 54. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax BEWARE: Google Results for Theme Search
  55. 55. @christinahills | #wclax https://wordpress.org/plugins/theme-check/ Test Your Theme
  56. 56. @christinahills | #wclax https://wordpress.org/plugins/theme-check/ Old Theme with Errors
  57. 57. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax How Detect a Theme From a Website You Like: WPThemeDetector.com
  58. 58. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Theme Detector Website with Results
  59. 59. slides: www.christinahills.com/wclax2016@christinahills | #wclax@christinahills | #wclax Does The Theme Have a Community?
  60. 60. Good Website Design = Professional Pictures Easy Intuitive Layout Great Web Copy
  61. 61. @christinahills | #wclax Bottom Line:  Go with a reputable company  Look at the popularity  Evaluate the theme demo  Evaluate the documentation  Does the theme have a community  Don’t let price be the deciding factor  Try it out!
  62. 62. This presentation will be available at: www.christinahills.com/wclax2016
  63. 63. Connect with Me! www.ChristinaHills.com/facebook @christinahills www.ChristinaHills.com/linkedin christina@websitecreationworkshop.com www www.WebsiteCreationWorkshop.com

×