twenty ten: the last theme you'll ever need?

68
Alexandre Simard, brocheafoin.biz Twenty Ten The last theme you’ll ever need?

Upload: alexandre-simard

Post on 05-Jul-2015

4.134 views

Category:

Technology


5 download

DESCRIPTION

Présentation en franglais, prepared for WordCamp Montréal 2010. Twenty Ten is the new default theme in WordPress 3.0. It showcases all the new features in 3.0 and incorporates best practices learned from theme frameworks developed by the community. I'll tell you why you should be using it for most (all?) your WordPress sites, starting right now. Then I'll show you how to do it. Twenty Ten est le nouveau thème par défaut offert avec WordPress 3.0. Il met en valeur les nouvelles fonctionnalités de 3.0 et incorpore les meilleures pratiques glanées de "theme frameworks" développés par la communauté. Je vais vous expliquer pourquoi vous devriez dès maintenant l'utiliser pour la plupart de (tous?) vos sites WordPress. Puis je vous montrerai comment le faire.

TRANSCRIPT

Page 1: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.biz

Twenty Ten

The last theme you’ll ever need?

Page 2: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Hope you’ve guessed my name

Pleased to meet you

Page 3: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.biz

Handyman depuis 1998

WordPress depuis 2005

(Pas encore assez) Impliqué dans la communauté WP

Freelance depuis 2009

Twenty Ten: the last theme you'll ever need?

Page 4: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 5: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 6: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

RIP Kubrick

Twenty Ten

Page 7: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.biz

Hey there, good looking!

Supporte les nouveaux features

Conçu pour êtreune base de développement

Twenty Ten: the last theme you'll ever need?

Page 8: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Les nouveaux features

Bells and whistles

Page 9: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 10: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 11: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 12: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 13: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 14: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

without losing sleep over it

To develop a WordPress theme

Page 15: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

What is a theme?

Page 16: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 17: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 18: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 19: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

WordPress

Template Tags Filters Actions

Templates functions.php

Nom de fichier

Image CSS JavaScript

<tag /> id=“” class=“”

Page HTML

Page 20: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Let’s get started

Page 21: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.biz

<?php

Twenty Ten: the last theme you'll ever need?

|

Page 22: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 23: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Easy Peasy!

Good learning experience, but…

A bad idea

Page 24: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Sandbox

There has to be a better way

Page 25: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

WordPress

Template Tags Filters Actions

Templates functions.php

Nom de fichier

Image CSS JavaScript

<tag /> id=“” class=“”

Page HTML

Page 26: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 27: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 28: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.biz

Encapsule les modifications

Utilise les compétencesdes designers

Des fois (pas souvent), le CSS ne suffit pas

Pas beau par défaut

Abandonné

Twenty Ten: the last theme you'll ever need?

Page 29: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Theme frameworks

Could there be an even better way?

Page 30: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.biz

SEO optimized!

Classes et IDs à la Sandbox

Menus déroulantsSoS

13 zones à widgets!

Des dizaines de hooks supplémentaires

Twenty Ten: the last theme you'll ever need?

Page 31: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

We are family

Child themes

Page 32: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 33: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 34: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 35: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 36: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

WordPress

Template Tags Filters Actions

Templates functions.php

Nom de fichier

Image CSS JavaScript

<tag /> id=“” class=“”

Page HTML

Page 37: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

WordPress

Template Tags Filters Actions

Templates functions.php

Nom de fichier

Page HTML

Filters Actions

Templates functions.php

Page 38: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 39: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 40: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 41: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.biz

Avantages Sandbox++

Désavantages Sandbox

More dependencies

Learning curve

Twenty Ten: the last theme you'll ever need?

Page 42: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Twenty Ten as a Parent Theme

Who’s your daddy?

Page 43: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.biz

Thematic: isolermodifications dans Child Theme

Sandbox: HTML completavec unetonne de classes et d’IDs

Kubrick: supporté et misàjour par la communautéWordPress

Twenty Ten: the last theme you'll ever need?

Page 44: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

CSS Mods

Page 45: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 46: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 47: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 48: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 49: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 50: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 51: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 52: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 53: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 54: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Template Mods

Page 55: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 56: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 57: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 58: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 59: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

What is good for?

functions.php

Page 60: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 61: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 62: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 63: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

I think so too

Pretty good, no?

Page 64: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.biz

Simple d’approche, maispuissant

Puissant, mais simple d’approche

Supporte(ra) tous les features

Créé et maintenu par la communauté

Twenty Ten: the last theme you'll ever need?

Page 65: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

End with the beginning

Page 66: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 67: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Page 68: Twenty Ten: the last theme you'll ever need?

Alexandre Simard, brocheafoin.bizTwenty Ten: the last theme you'll ever need?

Questions?

Thanks!