50
WordPress Themes Demystified Melbourne WordPress User Meetup 12 November 2014 Chris Burgess h,p://chrisburgess.com.au @chrisburgess

WordPress Themes Demystified

Embed Size (px)

Citation preview

Page 1: WordPress Themes Demystified

WordPress Themes Demystified

Melbourne WordPress User Meetup 12 November 2014

Chris  Burgess  -­‐  h,p://chrisburgess.com.au  -­‐  @chrisburgess  

Page 2: WordPress Themes Demystified
Page 3: WordPress Themes Demystified

Making Your Site Truly Unique - Themes & Customisation

We will begin with a brief overview of what themes are and what they can do for your site. Then we will move on to cover: •  Where to find a theme •  How to determine the right theme for you (for now) •  Some gotchas to watch out for •  How to install your theme •  How to make your theme look like the demo •  Taking customisation to the next level

Topics  as  per  the  Meetup.com  agenda…  

Page 4: WordPress Themes Demystified

Dashboard > Themes

Page 5: WordPress Themes Demystified

Where to find a theme

•  WordPress Theme Directory •  Theme Developers/Vendors •  Marketplaces •  Developing Your Own

Page 6: WordPress Themes Demystified

How to install your theme

Page 7: WordPress Themes Demystified

Theme Details

Page 8: WordPress Themes Demystified

How to determine the right theme for you (for now)

•  What type of website you have or need •  Themes are often tailored to a specific type of site,

keep this in mind •  Reviews and feedback •  Documentation •  Support •  Is it actively developed?

Page 9: WordPress Themes Demystified

Some gotchas to watch out for

•  Functionality •  Poorly Supported •  Widgets (if switching themes) •  Custom Post Types

Page 10: WordPress Themes Demystified

Note on Custom Post Types

Page 11: WordPress Themes Demystified
Page 12: WordPress Themes Demystified

How to make your theme look like the demo

•  Documentation •  XML Demo Data

Page 13: WordPress Themes Demystified

Anatomy of the WordPress Theme

Page 14: WordPress Themes Demystified

h,p://codex.wordpress.org/images/9/96/wp-­‐template-­‐hierarchy.jpg  

Page 15: WordPress Themes Demystified

Anatomy of the WordPress Theme

•  https://yoast.com/wordpress-theme-anatomy/

Page 16: WordPress Themes Demystified

Theme Frameworks

Page 17: WordPress Themes Demystified

WooFramework

Page 18: WordPress Themes Demystified

Genesis

Page 19: WordPress Themes Demystified

Gantry

Page 20: WordPress Themes Demystified

Thesis

Page 21: WordPress Themes Demystified

Thematic

Page 22: WordPress Themes Demystified

Note: Some of these aren’t technically ‘frameworks’ – however they’re

popular page builder style products

Page 23: WordPress Themes Demystified

iThemes

Page 24: WordPress Themes Demystified

Elegant Themes/Divi

Page 25: WordPress Themes Demystified

Headway

Page 26: WordPress Themes Demystified

Themify

Page 27: WordPress Themes Demystified

PageLines

Page 28: WordPress Themes Demystified

Starter Themes

Page 29: WordPress Themes Demystified

_s (underscores)

Page 30: WordPress Themes Demystified

Roots

Page 31: WordPress Themes Demystified

Quark

Page 32: WordPress Themes Demystified

Bones

Page 33: WordPress Themes Demystified

Marketplaces

Page 34: WordPress Themes Demystified

ThemeForest

Page 35: WordPress Themes Demystified

MOJO Themes

Page 36: WordPress Themes Demystified

Taking customisation to the next level

•  PHP •  HTML/CSS •  JavaScript •  WordPress

–  codex.wordpress.org –  make.wordpress.org

Page 37: WordPress Themes Demystified

Customiser Example 1

Page 38: WordPress Themes Demystified

Customiser Example 1

Page 39: WordPress Themes Demystified

Handy Tools

Page 40: WordPress Themes Demystified

wptest.io

Page 41: WordPress Themes Demystified
Page 42: WordPress Themes Demystified
Page 43: WordPress Themes Demystified

Theme Test Drive

Page 44: WordPress Themes Demystified

Theme Check (plugin)

Page 45: WordPress Themes Demystified

Theme Authenticity Checker

Page 46: WordPress Themes Demystified

ThemeCheck.org

Page 47: WordPress Themes Demystified

Check for TimThumb

•  https://wordpress.org/plugins/timthumb-vulnerability-scanner/

Page 48: WordPress Themes Demystified

WP-Compatibility

Page 49: WordPress Themes Demystified

Where to next?

•  WordPress Codex –  http://codex.wordpress.org/Theme_Development –  https://make.wordpress.org/core/handbook/coding-

standards/ –  https://make.wordpress.org/core/handbook/coding-

standards/css/

•  The #wpmelb Developer Meetup –  http://www.meetup.com/WordPress-Melbourne/

Page 50: WordPress Themes Demystified

Thanks/Questions?

Chris Burgess Twitter: @chrisburgess Web: http://chrisburgess.com.au LinkedIn: https://www.linkedin.com/in/chrisburgesscomau