Upgrade to Pro — share decks privately, control downloads, hide ads and more …

themes101

chrislema
January 18, 2013

 themes101

Chris Lema introduces WordPress themes at #wcphx

chrislema

January 18, 2013
Tweet

More Decks by chrislema

Other Decks in Technology

Transcript

  1. Themes 101
    An Introduction to WordPress Themes

    View full-size slide

  2. Let’s start by looking at four
    different sites that each
    have their own “look.”

    View full-size slide

  3. When you see a theme, you
    see something “complete.”

    View full-size slide

  4. But a theme is just a set of files
    that have been assembled to
    create the right look.

    View full-size slide

  5. Header
    Body
    Footer

    View full-size slide

  6. Header
    Body
    Sidebar

    View full-size slide

  7. Header
    Body
    Footer

    View full-size slide

  8. Header
    Body
    Sidebar

    View full-size slide

  9. Four different sites. Four different
    looks. But they’re all made up of
    the same parts.

    View full-size slide

  10. Not all headers are the same.
    Common: Logos, Nav Bars, Social Icons
    Some are tall, others short. It’s your call.

    View full-size slide

  11. Your Body can be unique too.
    Common: Full width, 2 & 3 Columns
    You can dress it up with CSS.

    View full-size slide

  12. You have Footer options too.
    Common: Multiple Widget Areas
    Drop in anything you like.

    View full-size slide

  13. Your headers
    & footers are
    constant on every
    page, but your
    body is dynamic.

    View full-size slide

  14. Accessorize your Body
    Themes often define sidebars where
    you can utilize widget areas to
    customize your site.

    View full-size slide

  15. Now you know the
    parts of any theme.

    View full-size slide

  16. Understand about parent and
    child themes, you must.

    View full-size slide

  17. “I’m your father.”

    View full-size slide

  18. Understand about theme
    frameworks, you must.

    View full-size slide

  19. option
    starter
    &

    View full-size slide

  20. Catalyst - $127
    Canvas - $70
    Builder - $80
    Genesis - $60
    Headway - $87
    Standard - $50
    Pagelines - $97
    Thesis - $164
    2010, 2011, 2012 - $0
    _s - $0
    ToolBox - $0
    Thematic- $0
    Bones- $0
    Roots - $0
    WP framework - $0
    Whiteboard - $0
    Premium & Free Frameworks

    View full-size slide

  21. My name is Chris Lema
    http://chrislema.com
    @chrislema
    http://speakerdeck.com/chrislema/themes101

    View full-size slide