Twenty Ten: the last theme you'll ever need?
•Download as PPTX, PDF•
1 like•3,070 views
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.
Recommended
Recommended
More Related Content
Recently uploaded
Recently uploaded (20)
Featured
Featured (20)
Twenty Ten: the last theme you'll ever need?
- 1. Twenty Ten The last theme you’ll ever need?
- 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?
- 4. Twenty Ten: the last theme you'll ever need?
- 5. Twenty Ten: the last theme you'll ever need? Bling! Bling!
- 6. Twenty Ten: the last theme you'll ever need? RIP Kubrick Twenty Ten
- 7. 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?
- 8. Twenty Ten: the last theme you'll ever need? Les nouveaux features Bells and whistles
- 9. Twenty Ten: the last theme you'll ever need?
- 10. Twenty Ten: the last theme you'll ever need?
- 11. Twenty Ten: the last theme you'll ever need?
- 12. Twenty Ten: the last theme you'll ever need?
- 13. Twenty Ten: the last theme you'll ever need?
- 14. Twenty Ten: the last theme you'll ever need? without losing sleep over it To develop a WordPress theme
- 15. Twenty Ten: the last theme you'll ever need? What is a theme?
- 16. Twenty Ten: the last theme you'll ever need?
- 17. Twenty Ten: the last theme you'll ever need?
- 18. Twenty Ten: the last theme you'll ever need?
- 19. 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
- 20. Twenty Ten: the last theme you'll ever need? Let’s get started
- 21. <?php Twenty Ten: the last theme you'll ever need? |
- 22. Twenty Ten: the last theme you'll ever need?
- 23. Twenty Ten: the last theme you'll ever need? Easy Peasy! Good learning experience, but… A bad idea
- 24. Twenty Ten: the last theme you'll ever need? Sandbox There has to be a better way
- 25. 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
- 26. Twenty Ten: the last theme you'll ever need?
- 27. 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
- 32. Twenty Ten: the last theme you'll ever need?
- 33. Twenty Ten: the last theme you'll ever need?
- 34. Twenty Ten: the last theme you'll ever need?
- 35. Twenty Ten: the last theme you'll ever need?
- 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
- 38. Twenty Ten: the last theme you'll ever need?
- 39. Twenty Ten: the last theme you'll ever need?
- 40. Twenty Ten: the last theme you'll ever need?
- 41. Avantages Sandbox++ Désavantages Sandbox More dependencies Learning curve Twenty Ten: the last theme you'll ever need?
- 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?
- 44. Twenty Ten: the last theme you'll ever need? CSS Mods
- 45. Twenty Ten: the last theme you'll ever need?
- 46. Twenty Ten: the last theme you'll ever need?
- 47. Twenty Ten: the last theme you'll ever need?
- 48. Twenty Ten: the last theme you'll ever need?
- 49. Twenty Ten: the last theme you'll ever need?
- 50. Twenty Ten: the last theme you'll ever need?
- 51. Twenty Ten: the last theme you'll ever need?
- 52. Twenty Ten: the last theme you'll ever need?
- 53. Twenty Ten: the last theme you'll ever need?
- 54. Twenty Ten: the last theme you'll ever need? Template Mods
- 55. Twenty Ten: the last theme you'll ever need?
- 56. Twenty Ten: the last theme you'll ever need?
- 57. Twenty Ten: the last theme you'll ever need?
- 58. Twenty Ten: the last theme you'll ever need?
- 59. Twenty Ten: the last theme you'll ever need? What is good for? functions.php
- 60. Twenty Ten: the last theme you'll ever need?
- 61. Twenty Ten: the last theme you'll ever need?
- 62. 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
- 66. Twenty Ten: the last theme you'll ever need?
- 67. Twenty Ten: the last theme you'll ever need?
- 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
- Modifiés:HeaderFooterPageSidebarAjoutés:Sidebars2 Page Templates: accueil, calendrier4 Template Parts: carousel, searchform-header, loop-category, loop-subpagesLoop? C’est quoi ça?
- 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.”