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.
2. Twenty Ten: the last theme you'll ever need? Hope you’ve guessed my name Pleased to meet you
3. 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?
28. Encapsule les modifications Utilise les compétences des 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?
29. Twenty Ten: the last theme you'll ever need? Theme frameworks Could there be an even better way?
30. 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?
31. Twenty Ten: the last theme you'll ever need? We are family Child themes
36. Twenty Ten: the last theme you'll ever need? Image CSS JavaScript <tag /> id=“” class=“” Page HTML Templates functions.php Nom de fichier Actions Template Tags Filters WordPress
37. Twenty Ten: the last theme you'll ever need? Page HTML Templates functions.php Filters Actions Templates functions.php Nom de fichier Actions Template Tags Filters WordPress
42. Twenty Ten: the last theme you'll ever need? Twenty Ten as a Parent Theme Who’s your daddy?
43. Thematic: isoler modifications dans Child Theme Sandbox: HTML complet avec unetonne de classes et d’IDs Kubrick: supporté et misà jour par la communautéWordPress Twenty Ten: the last theme you'll ever need?
63. Twenty Ten: the last theme you'll ever need? I think so too Pretty good, no?
64. Simple d’approche, mais puissant 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?
65. Twenty Ten: the last theme you'll ever need? End with the beginning
68. Twenty Ten: the last theme you'll ever need? Questions? Thanks!
Editor's Notes
Joke du 13poDernièreannée: Presque juste du WP Mon premier plugin Contribution à la traductionfrançaiseTheme review?Beaucoup de développement de thème
Développement de thème customTu me donne un PhotoshopJe tesors un thèmeWordPress fully fonctional
WordPress.com + Custom CSSChoisis un thèmeJe le pimpe
Nouveau thème par défautdepuis 3.03 grosses nouveautés:MultisiteCustom MenusTwenty Ten
Good looking: àvous de voirFeatures: on va passer viteBase de dév: le plus gros de la pres
Post thumbnail: utilisédans header image
Menudéroulantàpartir de la structure de pages
Menudéroulantàpartir de Custom Menus.Remarque le tour gris qui disparaît, grâceà…
Utilise le nouveau Custom Background APIPermet de faire plein de stupid shitIci, mon blog personnel
Làmon site de compagnie.Vousaurezcomprisque je suis pas un designer!
Première question:c’est quoi un thème? On peut le regarder de différents angles…
Cequ’onchoisitdans le theme picker, duh!Tout ce qui est en charge du look and feel de la partiepublique d’un site WordPress
Trèsconcrètement:Une bunch de fichiers. PHP, CSS, JS, PNG ouautres
La hiérarchie de templates…Troisgrandes classes:SingleListe (Archive)Modèles plus spécifique: page, tag, catégorie, date, auteur, homeCasspécifiques: unecatégorieprécise
Mon fucking masterpiece.Mon défi: expliquer comment un thèmefonctionne en 5 minutesEn partant du bas:WordPress: gestion du contenu, fonctions, users, comments, adminThème: présentationcôté publicTemplatesTemplate Tags pour allerchercher le contenu et le printerFilters pour modifier du contenuàl’outputfunctions.php (optionnel)Librairie de fonctionsutiles pour le thèmeFilters pour le modifierActiver des features avancésRegistrer des sidebarsActions pour insérer du contenu, roulerfonctions customTout çapousseune page web dans le browserHTMLTags pour entourer le contenu et signaler son sensId et class pour aider quand les tags ne suffisent plusTout çasert de hook pour le CSS et le JavaScriptCSS: look and feelJavaScript: effets fancy (animation, transitions, etc)
Bon.HTML, CSS, PHP, template tags, template hierarchy, codex, PHP.netY a pas un moyen plus simple?
Donne un bon headstart,surtoutsituveuxgarder un look “blog”. Par contre, situveux des looks différents, attacheta tuque.Dèsqu’ily a unemiseà jour, t’esbaisé:Écraser au complet: tuperdstes hacksRester avec ta version hackée: tuperds les nouveaux featuresMerger tes hacks dans la nouvelle version: tut’arraches les cheveux
Il fallaitconcevoir un thèmeexpressément pour servir de base àd’autresthèmes
Y aller en sens inverseKubrick: partir d’un design et d’utiliser les morceauxnécessaires pour l’implémenter (Template Tags, HTML, CSS)Sandbox: exposertous les morceauxdisponibles pour que la base soitcomplète et la plus utile possible pour les hackers.Output de *tous* les templates tagsTous les types de templatesTags, classes et ID àgogoDévelopper un thème = faire unefeuille de style
Çapaye pas de mine,parcequec’est pas fait pour êtreutilisételquel.Commeils le disentsibieneux-mêmes: un canevas pour les artistes CSS
Regardez-moitoutesces classes!
Hackeseulement un fichier, style.css. Justeluià merger dans un upgrade
Inspiré par Sandbox: encourage les modifs en CSS seulementPremium theme: pas juste du look & feel, ajout de fonctionsaussiVise à encore plus encapsulerCeluique je connais: Thematic
Hooks:pourquoi? Parcequeconçu pour êtreétendu en Child Theme
Créer un thème: une bunch de fichiers
WPvachercher les templates dans le ChildS’il les trouve pas, dans le Parent (défini par Template: dansstyle.css)On copiedans le child theme seulementcequ’onveut changer du parent, oucequ’onajoute: isoler les changements
Un Parent Theme, c’estcommeajouterunecouche
Un Parent Theme, c’estcommeajouterunecouche
But de tousces hooks: permettred’insérerou de manipuler du contenu sanscopier des Templates:toujoursisoler des changements
Pourallerd’iciàlà:Du CSS et…
Le verdict?Commence avec le CSSPas assez? Les hooksPas encore assez? Override des TemplatesEstutilisabletelquelDésavantages:Encore juste un garsS’ilabandonne, qu’est-ce qui arrive?Dépendences:Update WP brise ThematicUpdate Thematic brisethème enfantUpdate WP brisethème enfantAttendre Thematic avantd’updater WP = attendre pour nouveaux features
Commethème de base, Twenty Ten a gardé les bonscôtés des 3 solutions présentéesavant, sans les inconvénients (oupresque)Dernier point est important. En choisissant Twenty Ten commethème parent, tu sais quetuserasjamaisabandonné et quetu sais que ton thème parent vaêtreupdaté en même temps queWordPress.Quelquesexemples de cequ’onpeut faire
Petit tweak pour site corpo: Posts = Nouvelles. On veut pas de catégorieoud’auteurs
Pour 3 colonnes: séparer #primary et #secondary, ajuster floats, width et margins
Designcomplètementdifférent!Réimplémentation de MistyLook en Child Theme Twenty TenPourquoi?
Les liens d’un post àl’autredans les singlesPleind’autresbénéfices sans faire exprès: custom menus
Menu déroulants!En passant: surWP.com. Avantage de rester en CSS: compatible avec WP.com et l’option “Custom CSS”,autant en mode “override” que “tweaking”.
Headermodifié: nav bar en haut de l’imageSidebar modifiée: contenu par défautTemplate custom avec un paquet de zones de contenuDans Child Theme:Créer les nouveaux TemplatesCopier les Templates à modifier, les modifier
Get_template_part: nouveau Template Tag très puissant, permetunehiérarchie de template à un niveau plus granulaireUtilisédanstous les templates de type Liste
Exemple: Tag TemplateAvantage: plusbesoin de copier/modifier category.phpoutag.phpTrès simple, très puissant
Sertàcepourquoiçaavaitétéconçu:Librairie de fonctionsutilitairesActiver/désactiverfonctionsavancésSettings: sidebars, média, etc.
Bien documenté!Explique comment overriderdans un Child ThemeIf (!function_exists) = solution simple, puissante et élégante au problème de l’encapsulation des changements
remove_action(‘init’,’twentyten_widgets_init’);function setup_my_widgets()Confession: pas réussià faire marcher ça encore.
Peut-êtreparcequej’utiliseTwentyTen avec WP 2.9?
On a vu tout cequeça fait par défautOn a vu tout cequeçapeut faireComment Twenty Ten est-ilné?
Ticket 9015, ouvertily a 19mois par dd32
“So, What i'm proposing, Is that instead of including a current generation base them such as Sandbox (Or the many others that escape my mind right now)Is that the WordPress Project aims to create a new theme, Which is Simple, Stylish, Clean code, Uses the latest features, And most importantly, Is easy for new developers to customise to their own requirements. At first, This probably sounds like yet another sandbox, But the idea behind it, Is to provide a platform which people can base their work from, Full well knowing that it uses the latest practices, Explains what its doing, and how its doing it, A Community effort, Not a single person (Or a small group of people)'s opinions on how to do it.Kubrick isn't bad, It does look OK, and it IS a good theme, But its not the best for people to be basing their new themes off.New theme developers (And current developers even), Need something which they can rely upon.”La vision estlà: tout cequ’onvient de voirestdécritUn gars (ouunefille) le proposeUn an plus tard, çaexiste et on peuts’enservirC’est la beauté de l’open source. “It blows my mind.”