June 25, 2018 — Nous sommes nombreux à travailler depuis loooongtemps avec WordPress.

Mais il y a pour l’instant encore assez peu de français qui ont contribué au core. Peu de confrères connaissent aussi vraiment le fonctionnement des releases. Des confrères d’autres pays ont bien compris l’intérêt de contribuer à cet écosystème, et nous aurions tout à gagner à les imiter.

Lors de ce talk, je vous propose de vous présenter le fonctionnement du core, de l’équipe de développement de WordPress, des releases et surtout vous expliquer comment vous préparer techniquement (et psychologiquement ?) à rentrer dans le cœur de votre CMS favori.

L’idée est donc de vous montrer comment contribuer au core (que vous soyez développeur front, back, designer, chef de projet ou tout autre métier du web), mais aussi de vous expliquer pourquoi vous devriez vous y intéresser et y participer dès aujourd’hui.

En restant passif devant le développement des logiciels open-source sur lesquels notre activité professionnelle repose, nous sommes contraints de suivre le mouvement. En y participant, il devient possible d’anticiper son évolution et donc d’en tirer parti à long terme. À court terme, on découvre aussi toute une panoplie de technologies et de process de développement très enrichissants professionnellement : workflow, review, tests unitaires…

April 27, 2018 — Le monde du référencement est en évolution constante. Rien qu’en 2017, le SSL s’est imposé comme une norme, la technologie AMP ou encore le projet Index Mobile First ont été introduits.

J’ai remarqué que la plupart des clients/développeurs suivent attentivement ces évolutions, néanmoins, les bases restent souvent négligées alors que c’est le socle de toute optimisation SEO.

L’objectif de cet atelier est de montrer l’importance de ces bases et de mener un audit SEO simplifié en direct, point par point, afin de rester accessible aux utilisateurs avancés de WordPress et/ou aux référenceurs débutants.

April 27, 2018 — Le but de cet atelier est de modifier un thème existant, d’appliquer une checklist de recommandations pour améliorer l’accessibilité du thème. Les participants disposerons du thème dont le code sera amélioré en direct lors de l’atelier.

April 27, 2018 — Apprenez comment développer un thème WordPress simple en partant d’un template HTML/CSS.

L’objectif est de comprendre les fondamentaux et les bonnes pratiques de développement de thèmes WordPress :

Faire apparaître son thème dans l’administration de WordPress
Organiser les fichiers du thème de façon claire et lisible.
Comment WordPress choisit les templates (modèles de pages) à utiliser
Charger les ressources CSS/JS correctement
Mettre en place la boucle de WordPress (responsable de l’affichage du contenu), les menus, les zones de widgets.
Utiliser les templates tags de WordPress pour afficher les informations nécessaires, et créer ses propres templates tags.
S’assurer que le thème est sécurisé, traduisible et accessible.
Si le temps le permet, on pourra plonger dans des sujets plus avancés, comme :

Mettre en place les fonctionnalités comme l’image d’entête personnalisée, le logo personnalisé, etc…
Comment intégrer le thème à l’outil de personnalisation de WordPress.
Le but est que les utilisateurs/développeurs voulant développer un thème repartent avec une méthode simple, pas à pas et une bonne appréhension des spécificités de développement de thème pour WordPress.

Le thème développé ne sera donc pas d’une complexité élevée, au contraire, mais permettra d’avoir la vue d’ensemble la plus complète possible du process et des bonnes pratiques de développement.

Le code source du prototype HTML/CSS ainsi que le thème à différentes étapes de son développement seront disponibles sur GitHub.

Prérequis pour tirer le maximum de l’atelier :

Des connaissances de base en HTML/CSS/PHP. JavaScript pas forcément nécessaire.
Un environnement de développement WordPress local (MAMP / Local by Flywheel / Bitnami, etc…)
Un éditeur de code (VS Code, Atom, etc…)

Presentation Slides »

April 26, 2018 — Avez-vous déjà entendu parlé des outils tels que Gulp, Grunt, Webpack… ? Ils vous permettent d’accomplir des tâches en direct lors du développement de votre site, comme recharger le navigateur à chaque modification, synchroniser le site sur votre mobile, tablette et ordinateur afin de tester le responsive, compiler vos fichiers CSS et JS et les optimiser.

Un outil comme Gulp est facile à installer sur votre projet WordPress, même pour les allergiques de la ligne de commande, et vous apportera de nombreux avantages lors de votre développement :

Compilation de vos styles (Sass, Less, Stylus)
Compression de vos CSS et JS
Live Reload
Browser Sync
AutoPrefixer

Presentation Slides »

April 26, 2018 — Le succès de WordPress est en grande partie liée à sa flexibilité grâce notamment à ses nombreuses extensions. Gutenberg, le nouvel éditeur de contenu de WordPress ne déroge pas à la règle, venez découvrir les différentes API permettant de modifier Gutenberg de long, en large et en travers.

Créer des blocks,
Supprimer des blocks,
Modifier des blocks,
Créer des gabarits (templates)
Adapter votre thème
Modifier les styles de l’éditeur et des blocks
Ajouter des boutons, des panels à l’interface
Manipuler les contenus de l’éditeur
Les possibilités de modification sont infinies, laissez libre cours à votre imagination !

Presentation Slides »

April 25, 2018 — Webpack est le « bundler » de modules qui a remplacé Browserify dans le core de WordPress en 2017.

Mais comment l’utiliser dans son propre thème WordPress? Quels sont ses avantages par rapport aux outils de compilation comme Grunt et Gulp ?

Comment bénéficier du HMR (hot module replacement) et quel est la différence avec le live-reload ?

Qu’est ce que ça veut dire tree-shaking et chunking* ?

Comment est ce que ça peut aider à faire un thème avec un minimum de code et un maximum de couverture ? Comment utiliser Webpack pour aller plus loin en créant une base pour un thème React ou Vue ? Cet atelier répondra à ses questions pour débuter avec Webpack dans WordPress.

*secouage des arbres et découpage

Presentation Slides »

April 25, 2018 — Vous vous doutez bien qu’un thème n’est pas accepté comme ça sur le répertoire officiel WordPress.org, pas vrai ? Oui, c’est pas si simple 🙂

Expert en analyse de sites web, Jean-Philippe Audit vous propose de vous faire entrer dans le monde de la revue de thème. C’est pour la bonne cause (WordPress.org) mais c’est aussi très utile pour prendre du recul par rapport à ses propres pratiques de développement ou pour étudier un thème avant de l’utiliser.

Que vous soyez un ou une futur·e auteur·e de thème WordPress ou un développeur·se confirmé·e de thèmes sur-mesure, Jean-Philippe vous présentera la méthodologie de mise en place d’une installation WordPress de « reviewer », le jeu de données destiné aux tests unitaires et toutes les extensions utiles à cette prestation : Theme Check, Debug Bar, Log Deprecated Notices, Theme Sniffer, Monster Widget, Pig Latin… et Tide qui va maintenant être implémenté de façon générale sur WordPress.org.

Monsieur Audit vous présentera des bonnes pratiques utiles pour contribuer à WordPress.org mais aussi idéales pour tester un thème – officiel ou premium – et être rapidement fixé sur sa qualité et son respect des règles de l’art. On parlera aussi des bonnes pratiques de qualité web au sens plus général, mais toujours dans une certaine austérité liée à l’exercice de l’audit, parce que bon « c’est que ça rigole pas ici hé ho » !

Presentation Slides »

April 25, 2018 — Depuis deux ans, un nouvel acteur du monde mobile est arrivé : les progressive web apps (PWA). Ces applications mettent à profit les dernières évolutions des navigateurs internet (local storage, service workers, notifications web, JavaScript avancé…) pour proposer une expérience utilisateur qui se rapproche des applications mobiles (rapidité, mode hors ligne, animations, notifications…). Durant cet atelier, nous vous proposons d’explorer comment créer une PWA qui a WordPress comme back office. L’atelier s’appuiera sur une PWA réelle et des démonstrations de code. Ça sera l’occasion de peser le pour et le contre des PWA et d’échanger sur des cas d’utilisation. L’atelier est plutôt destiné aux développeurs ayant une bonne connaissance de WordPress et de JavaScript.

Presentation Slides »

April 24, 2018 — CSS Grid was released in 2017 and it changes everything; for the web and for the WordPress Community. It means that for the first time we get to think of our layout as two dimensional and fully responsive. CSS Grid is not another plugin hack or another bootstrap patch, it was the solution designers have been asking for. It’s here to stay and it’s the perfect time to learn it!

Presentation Slides »