Email
Favorite
Favorited ×
Download
Embed
Private Content
Copy and paste this code into your blog or website Copy Customize Close
We have emailed the verification/download link to "".
Login to your email and click the link to download the file directly.

To request the link at a different email address, update it here. Close
Validation messages. Success message. Fail message.

Check your bulk/spam folders if you can't find our mail.

Tweet

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

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

by Alexandre Simard on Aug 30, 2010

2,352 views

Présentation en franglais, prepared for WordCamp Montréal 2010. ...

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.

Accessibility

View text version

Categories

Technology

Tags

child theme php wordpress twenty ten wctml css theme html wordcamp montreal

Upload Details

Uploaded via SlideShare as Microsoft PowerPoint

Usage Rights

File a copyright complaint

4 Embeds 293

http://wpcharity.com	279
http://wpslide.com	8
http://wiki.xn--stphanethibault-cnb.com	4
http://feeds.feedburner.com	2

Statistics

Favorites: 2
Downloads: 17
Comments: 0
Embed Views: 293
Views on SlideShare: 2,059
Total Views: 2,352

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.”

2 Favorites

Andrews Roberson , Diretor de Web at Girafa Comunicação Interativa Tags wordpress 9 months ago
Elisabeth Bucci , Project Manager 1 year ago

Twenty Ten: the last theme you’ll ever need? — Presentation Transcript

Twenty Ten
The last theme you’ll ever need?
Twenty Ten: the last theme you'll ever need?
Hope you’ve guessed my name
Pleased to meet you
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?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Bling!
Bling!
Twenty Ten: the last theme you'll ever need?
RIP Kubrick
Twenty Ten
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?
Twenty Ten: the last theme you'll ever need?
Les nouveaux features
Bells and whistles
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
without losing sleep over it
To develop a WordPress theme
Twenty Ten: the last theme you'll ever need?
What is a theme?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
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
Twenty Ten: the last theme you'll ever need?
Let’s get started
<?php
Twenty Ten: the last theme you'll ever need?
|
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Easy Peasy!
Good learning experience, but…
A bad idea
Twenty Ten: the last theme you'll ever need?
Sandbox
There has to be a better way
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
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
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?
Twenty Ten: the last theme you'll ever need?
Theme frameworks
Could there be an even better way?
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?
Twenty Ten: the last theme you'll ever need?
We are family
Child themes
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
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
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
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Avantages Sandbox++
Désavantages Sandbox
More dependencies
Learning curve
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten as a Parent Theme
Who’s your daddy?
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?
Twenty Ten: the last theme you'll ever need?
CSS Mods
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Template Mods
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
What is good for?
functions.php
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
I think so too
Pretty good, no?
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?
Twenty Ten: the last theme you'll ever need?
End with the beginning
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Twenty Ten: the last theme you'll ever need?
Questions?
Thanks!