Le nouveau thème Twenty Twenty dans WordPress 5.3

Publié: 2019-12-20

Il y a quelques semaines, la nouvelle version de WordPress est sortie. WordPress 5.3 se caractérise, principalement, par toutes les améliorations UX et UI qu'il inclut dans l'éditeur de blocs et par son nouveau thème par défaut.

Twenty Twenty a été conçu avec l'éditeur de blocs WordPress à l'esprit. Dans le post d'aujourd'hui, je voudrais présenter brièvement le nouveau thème, partager avec vous certaines des choses qui le rendent spécial et vous apprendre comment vous pouvez le configurer et l'adapter à vos besoins.

Vingt vingt en un coup d'œil

A chaque nouvelle mise à jour de WordPress , l'éditeur de blocs fait un saut qualitatif (n'oubliez pas que l'éditeur lui-même est en développement très actif et disponible en plugin). L' objectif ultime de Gutenberg est de devenir un constructeur de pages à part entière et convivial qui permet aux utilisateurs de concevoir et de structurer leurs sites Web comme ils le souhaitent.

Nouveau thème Twenty Twenty dans WordPress — Nouveau thème WordPress Twenty Twenty.

La responsabilité d'un thème WordPress est d'ajouter une certaine personnalité à la structure et au design créés par l'utilisateur dans l'éditeur de blocs. Tel que défini par le créateur du thème :

Twenty Twenty est conçu avec la flexibilité en son cœur. Si vous souhaitez l'utiliser pour une organisation ou une entreprise, vous pouvez combiner des colonnes, des groupes et des médias avec des alignements larges et complets pour créer des mises en page dynamiques pour montrer vos services ou produits. Si vous souhaitez l'utiliser pour un blog traditionnel, la colonne de contenu centrée le rend également parfait pour cela.

Anders Noren

Un fait intéressant à propos du nouveau thème par défaut de WordPress est que, contrairement à ses prédécesseurs, il n'a pas été créé à partir de zéro, il est basé sur un thème qui existait déjà dans le référentiel WordPress.org : Chaplin .

Image promotionnelle du thème Chaplin. — Image promotionnelle du thème Chaplin pour WordPress.

Une autre caractéristique qui distingue Twenty Twenty est la typographie qui l'accompagne, Inter, conçue par Rasmus Andersson. C'est une police de caractères gratuite et ouverte créée pour faciliter la lecture de texte, en particulier lorsque la taille de la police est très petite.

Capture d'écran de la page d'accueil de l'Inter (une police ouverte). — Inter est la typographie par défaut fournie avec Twenty Twenty.

Comment installer le nouveau thème Twenty Twenty

Comme je l'ai déjà mentionné, ce thème est le nouveau thème par défaut de WordPress 5.3. Par conséquent, si vous créez une nouvelle installation WordPress et utilisez sa version la plus récente, le thème sera déjà là.

Le thème Twenty Twenty est le thème par défaut de WordPress 5.3.

Mais il est également possible de l'installer dans les versions antérieures de WordPress . Allez simplement dans Apparence » Thèmes » Ajouter nouveau et recherchez le thème « Twenty Twenty » :

Twenty Twenty est déjà inclus dans WordPress 5.3 — Twenty Twenty est, comme tout autre thème, extrêmement facile à installer.

Gardez à l'esprit que le thème a été conçu en pensant à Gutenberg , je vous recommande donc de ne l'utiliser que si vous créez votre contenu avec l'éditeur de blocs.

Comment personnaliser Twenty Twenty

Le thème est facilement personnalisable à partir du personnalisateur de thème intégré de WordPress. Cliquez sur Apparence » Personnaliser et vous verrez toutes les options disponibles :

Personnaliser Twenty Twenty dans WordPress — Personnalisation de Twenty Twenty dans WordPress.

Je suis sûr que vous connaissez déjà la plupart des paramètres disponibles, alors examinons de plus près ceux qui, à mon avis, sont les plus intéressants. L'une des premières choses que je modifierais personnellement dans Twenty Twenty est sa palette de couleurs, car je n'aime pas le ton sépia qu'il utilise par défaut. Au lieu de cela, j'utiliserais quelque chose de plus blanc:

Jeu de couleurs par défaut Twenty Twenty — Vingt Vingt jeu de couleurs par défaut.

Après la comparution

Par défaut, l'apparence des articles de blog est sobre et élégante. Comme vous pouvez le voir dans la capture d'écran suivante, le titre apparaît à côté de certaines méta-informations (auteur, date de publication, catégorie), toutes affichées en évidence et très proprement :

Affichage par défaut d'un article dans Twenty Twenty — Vue par défaut d'un article WordPress dans Twenty Twenty.

Et juste après le titre vient l'image vedette, qui se fond plus ou moins avec le contenu.

Si vous n'utilisez pas d'images en vedette (ou si vous ne les utilisez que de temps en temps), cette vue par défaut est probablement la meilleure. Mais si vous utilisez des images en vedette dans tous vos messages, je vous recommande de changer les modèles de vos messages en Modèle pleine largeur :

Modèles de page et de publication disponibles dans le thème.

Avec ce modèle, l'image sélectionnée devient encore plus pertinente et est fusionnée avec le titre et les métadonnées de la publication. Comme vous pouvez le voir, l'image prendra complètement le premier pli :

Modèle avec l'image sélectionnée en utilisant complètement le premier pli.

qui est une fonctionnalité que je trouve plutôt intéressante (pas de surprise ici, car c'est assez proche de ce que nous utilisons sur notre propre site, n'est-ce pas ? )

Menus

Une autre chose que j'aime dans le thème est qu'il vous permet de créer plusieurs menus, en fonction du style que vous aimez le plus. D'une part, nous pouvons choisir entre deux options de menu pour le bureau :

Menu horizontal . C'est le menu affiché dans toutes les captures d'écran précédentes. Les options sont toujours visibles dans la barre supérieure de votre site Web.

Différents menus dans le thème Twenty Twenty.

Menu étendu . C'est un "menu caché". Pour le révéler, il vous suffit de cliquer sur l'icône des points de suspension (à côté du menu précédent) et le menu étendu se glissera à partir du coin droit :

Un autre exploit plutôt sympa est le menu social. Avec lui, nous pouvons ajouter des liens vers nos réseaux sociaux et le thème affichera automatiquement chaque profil sous la forme d'un bouton avec l'icône du réseau social en question :

Le menu social du thème Twenty Twenty vous permet d'ajouter des liens vers vos réseaux sociaux et d'apparaître automatiquement avec les icônes correspondantes.

Ce n'est pas quelque chose de nouveau pour ce thème (il est disponible depuis un certain temps, maintenant, dans tous les thèmes Twenty-something), mais je l'aime toujours quand même.

Widgets et recherche

Enfin, il convient également de mentionner les zones de widgets incluses dans le thème. Malheureusement, les options dont nous disposons ici sont assez limitées : vous ne pouvez ajouter des widgets que dans le pied de page. Donc, si vous vouliez avoir une barre latérale dans votre blog ou quelque chose de similaire, je crains que vous ne deviez créer un thème enfant et adapter les modèles à vos besoins.

Twenty Twenty est livré avec deux zones de widgets dans le pied de page, qui correspondent aux deux colonnes que vous voyez dans la capture.

En ce qui concerne les capacités de recherche intégrées de WordPress, le thème comprend un formulaire rapide pour rechercher des éléments sur votre blog. Il y a un bouton dans le menu avec une icône de recherche. Cliquez dessus et le champ de recherche apparaîtra en haut de votre écran via JavaScript :

Champ de recherche dynamique inclus dans Twenty Twenty — Le champ de recherche dynamique est inclus dans Twenty Twenty.

Sommaire

Le thème Twenty Twenty est la prochaine étape de la série Twenty qui accompagne chaque nouvelle version de WordPress. Je ne dirais pas que c'est un thème révolutionnaire, mais à mon avis c'est un thème très élégant qui s'intègre parfaitement aux nouvelles fonctionnalités et capacités de WordPress. Si vous envisagez de passer à un nouveau thème et que vous ne savez pas lequel utiliser, donnez une chance à Twenty Twenty. C'est rapide et ça a l'air très sympa.

Image sélectionnée par Ankhesenamun 96 sur Unsplash.