Presque chaque année, WordPress obtient un nouveau thème par défaut. Ce thème est fourni avec la dernière version majeure de WordPress de l’année. Cette fois, nous accueillons un nouveau thème dans WordPress 5.6. Le thème s’appelle Twenty Twenty-One et c’est un étonnant. Il a été conçu par Mel Choyce-Dwan d’Automattic et construit par une équipe de développeurs dirigée par Carolina Nymark. Rencontrons le nouveau thème et l’un de ses créateurs: Carolina.

Un thème beau et pratique pour WordPress

Twenty Twenty-One est un excellent thème avec un design qui le distingue. Les couleurs, les espaces, la typographie – tout est très propre et bien pensé. Le design est comme une nouvelle toile en attente d’être peinte! Et vous pouvez le peindre comme vous le souhaitez, grâce aux motifs de blocs.

Comme d’habitude, Yoast a contribué à la sortie de WordPress 5.6. Nous avons une équipe WordPress Core dédiée, dirigée par Francesca Marano, qui fonctionne sur toutes les parties de WordPress – de la documentation au code de base. Cette fois, nous avons également travaillé sur le tout nouveau thème Twenty Twenty-One.

Twenty Twenty-One a un design qui le distingue

La conception

Le design est subjectif, bien sûr, mais à notre avis, il n’y a pas eu de thème par défaut comme celui-ci. Twenty Twenty-One est un knock-out. C’est propre, avec une excellente typographie et une sélection de palettes de couleurs qui trouveront une utilité dans de nombreuses situations. Il a même un mode sombre génial, construit par Ari Stathopoulos.

Propre et rapide

L’une des choses les plus accrocheuses à propos de Twenty Twenty-One est sa grâce. Si vous regardez de plus près, vous remarquerez également qu’il s’agit d’un thème rapide. Le thème évite l’utilisation de JavaScript complexes inutiles dans les coulisses et, comme il utilise une pile de polices native, ne charge pas de polices Web supplémentaires. Tout cela contribue à une augmentation majeure de la vitesse.

Flexible, grâce aux motifs de blocs

Lorsque vous approfondissez Twenty Twenty-One, vous remarquerez toutes ces superbes palettes de couleurs et la flexibilité du thème. Vous pouvez vraiment peindre cette toile. L’équipe de développement a ajouté la prise en charge des modèles de blocs et a livré le thème avec une sélection de modèles qui vous offrent une grande flexibilité pour adapter le thème à votre goût. Ces motifs ont été conçus par Mel Choyce-Dwan avec l’aide de Kjell Reigstad. Bien sûr, vous pouvez toujours créer vos propres modèles qui correspondent à vos cas d’utilisation.

Utilisez des motifs de blocs dans Twenty Twenty-One pour créer une mise en page qui répond à vos besoins

L’accessibilité d’abord

L’un des objectifs de ce projet était de rendre le nouveau thème aussi accessible que possible. L’équipe voulait se conformer aux directives d’accessibilité partout où elle le pouvait. Étant donné que le design est si élégant, il est plus facile de construire de manière accessible. Vous pouvez utiliser le thème avec la navigation au clavier et il est à l’épreuve des lecteurs d’écran. L’expert en accessibilité interne de Yoast, Andrea Fercia, évalué le thème et apporté des améliorations.

Comment Twenty Twenty-One est-il né?

L’équipe de développement a travaillé sur Twenty Twenty-One aux côtés du reste de WordPress 5.6. Les personnes impliquées dans le projet se sont rencontrées pour la première fois en juin 2020 et se composaient d’une équipe de six concepteurs et développeurs. Malheureusement, pour diverses raisons, plusieurs d’entre eux ont abandonné le projet à un stade précoce.

Carolina Nymark est originaire de Stockholm, en Suède et elle crée des thèmes WordPress depuis plus de dix ans. Carolina est un membre très actif et respecté de la communauté WordPress.org. En outre, elle est l’une des représentantes mondiales de l’équipe Thèmes. Elle s’est portée volontaire pour une place dans l’équipe de publication de WordPress 5.6 et a fini par diriger l’équipe de développement pour le nouveau thème par défaut Twenty Twenty-One. Nous lui avons parlé de ses expériences dans l’élaboration du thème.

Concevoir un nouveau thème

Le processus de conception a commencé sur Pinterest, explique Carolina. L’équipe avait différents moodboards inspirés, avec différents types de typographie et de mises en page. De ces styles est née une sélection de trois sujets:

  • Speak Up: Noir avec un caractère gras et une couleur secondaire orange, cela a été inspiré par les événements actuels tels que le mouvement des droits civiques, les manifestations et les panneaux fabriqués à la main.
  • Magazine: Composé de grandes polices serif, blanches et élégantes avec des taches de dégradés en arrière-plan.
  • Portfolio: Un design coloré, avec des éléments avec des bordures et des lignes claires, se concentre sur de grandes images.

Carolina: «C’était très intéressant de suivre le processus de conception. Les trois modèles avaient leurs mérites, et le sujet du premier semblait important, à cause de tout ce qui s’est passé en 2020. C’était un thème conçu spécifiquement pour aider les gens à faire entendre leur voix. Cela cadrerait parfaitement avec la mission WordPress de démocratiser l’édition. En fin de compte, j’étais heureux que le troisième modèle ait été choisi, la variante du portefeuille, car c’était le plus polyvalent. C’est quelque chose que vous pouvez utiliser pour créer de nombreux types de sites Web. ”

Construire le thème

Une fois la conception terminée, l’équipe de développement dirigée par Carolina pourrait commencer son travail. Son équipe était composée de plusieurs développeurs qui ont consacré une partie de leur temps à aider à faire décoller ce thème. Pour aider Carolina à se concentrer sur la tâche à accomplir, Yoast s’est mobilisée et l’a parrainée pendant toute la durée du processus. Comme la collaboration fonctionnait si bien, Yoast a demandé à Carolina de rejoindre notre équipe WordPress Core à plein temps.

Plusieurs développeurs Yoast ont aidé, développé des parties de Twenty Twenty-One et structuré le projet. L’objectif initial était de préparer le thème pour l’inclusion dans la bêta 1. Ce serait la première fois que vous testeriez la nouvelle version de WordPress dans son ensemble, y compris le thème par défaut. Pour cela, nous avons constitué une équipe temporaire pour un sprint de deux semaines. Rolf Siebers, Offermans Guido, Simon Resok du département front-end de Yoast a rejoint l’équipe WordPress pour apporter son expertise et accélérer le processus.

Construire à partir d’un thème existant

Pour améliorer le processus et avoir une base solide, l’équipe a décidé de travailler sur un thème existant pour faciliter le travail. Carolina: «Nous sommes partis d’un thème appelé Seedlet qui a été construit par Automattic. Nous avons conservé la base du thème mais avons dû supprimer certaines fonctionnalités et ajouter les nôtres. L’une de ces fonctionnalités était un menu qui peut être utilisé à la fois avec des liens texte et des icônes de réseaux sociaux. »

Twenty Twenty-One étant un thème par défaut apporte un autre défi selon Carolina: «Vous ne pouvez pas restreindre le public cible. Il n’y a pas un cas d’utilisation spécifique, tout le monde est votre utilisateur, avec des désirs et des besoins différents. Le thème doit fonctionner pour un site de portfolio, un blog ou un petit magasin ou un restaurant. Vous devez sélectionner les fonctionnalités que vous souhaitez inclure et vous limiter. Il est facile de se laisser emporter. Non seulement cela, car si vous incluez trop de fonctionnalités, le thème peut devenir difficile à utiliser. »

Avec le recul, Carolina est très fière du travail que tout le monde a accompli. Le résultat final est époustouflant – un superbe thème ultra-rapide qui fonctionne bien dans de nombreux contextes. «J’ai hâte que le monde voie ce que nous avons construit!»

Les apprentissages

Construire quelque chose dans le cadre d’un projet open source est un travail difficile. Il est essentiel de gérer les attentes, de mettre tout le monde sur la même voie et de communiquer correctement. Le dernier était le plus dur, dit Carolina: «Oui, la partie technique était un travail difficile, mais ce n’était pas la partie la plus difficile du travail. Diriger une équipe, c’est trouver des moyens de communiquer pour que personne ne s’énerve, moi y compris. Des tas de gens m’ont aidé, y compris Francesca Marano et de nombreux autres membres à l’intérieur et à l’extérieur de l’équipe. En plus de tous les Yoasters mentionnés, je voudrais saluer Justin Ahinon et Tim Hengeveld qui a aidé en cours de route. Je suis reconnaissant pour toute l’aide. »

Essayez Twenty Twenty-One maintenant!

WordPress 5.6 est livré avec de nombreuses fonctionnalités et un nouveau thème magnifique. Assurez-vous d’essayer Twenty Twenty-One et faites de superbes mises en page avec. Chez Yoast, nous sommes fiers de tous ceux qui ont passé de nombreuses heures à le concevoir et à le construire. Profitez-en!


Source link