Twenty Twenty

Twenty Twenty est le nouveau thème par défaut de WordPress Version 5.3. Notre thème par défaut pour 2020 est conçu pour tirer pleinement parti de la flexibilité de l’éditeur de blocs. Les organisations et les entreprises ont la possibilité de créer des pages d’atterrissage dynamiques avec des mises en page sans fin à l’aide des blocs de groupe et de colonne. La colonne de contenu centrée et la typographie affinée le rendent également parfait pour les blogs traditionnels.

Les styles complets de l’éditeur vous donnent une bonne idée de ce à quoi votre contenu ressemblera, avant même de publier. Vous pouvez donner à votre site une touche personnelle en changeant les couleurs d’arrière-plan et la couleur accentuée dans l’outil de personnalisation. Les couleurs de tous les éléments de votre site sont automatiquement calculées en fonction des couleurs que vous choisissez, assurant un contraste de couleurs élevé et accessible pour vos visiteurs.

Capture d’écran de Twenty Twenty

Spécifications générales Spécifications générales

  • Sur un écran d’ordinateur de 1440 pixels, la largeur de la colonne principale va jusqu’à 580 pixels de large. La largeur des blocs « grande largeur » va jusqu’à 1200 pixels de large, et la largeur des blocs « pleine largeur » s’étend sur la totalité de la largeur de l’écran.
  • Il y a deux zones de widgets dans le pied de page avec une largeur de colonne maximale de 570 pixels.
  • La taille recommandée pour les images mises en avant est de 1980 pixels de large sur 1485 pixels de hauteur.

Haut ↑

Contenu de démonstration Contenu de démonstration

Twenty Twenty contient un contenu de démonstration qui aide à mettre en place le thème exactement comme sur la page de démonstration. Le contenu de démonstration ne peut être activé que sur les sites fraîchement installés, qui n’ont pas encore d’articles et de pages. Pour l’activer, allez dans l’outil de personnalisation et cliquez sur Publier.

Haut ↑

Support intégral de l’éditeur de blocs Support intégral de l’éditeur de blocs

Twenty Twenty a été conçu et développé pour utiliser au maximum le potentiel de liberté créative proposé par l’éditeur de blocs. Un soin particulier a été apporté aux blocs Colonnes et Groupe, qui peuvent être combinés pour créer d’impressionantes pages d’atterrissage en imbriquant des mises en pages de blocs. Twenty Twenty inclut des styles complets pour l’éditeur, ce qui vous permet d’avoir dans l’éditeur une bonne vision de ce que vous obtiendrez au final.

L’éditeur de blocs sur Twenty Twenty

Haut ↑

Logo du site Logo du site

Twenty Twenty inclut un réglage du logo du site qui peut être utilisé pour afficher un logo de votre entreprise ou une photo de vous-même. Vous pouvez le mettre en place en allant sur Outil de personnalisation → Identité du site. La résolution recommandée pour le logo est de 240 pixels de large par 180 pixels de haut.

Haut ↑

Couleurs personnalisées Couleurs personnalisées

Twenty Twenty inclut trois réglages de couleurs personnalisées qui permettent d’apporter facilement une touche personnelle à votre site. Pour modifier les réglages de couleurs, allez sur Outils de personnalisation → Couleurs.

Les réglages de couleurs de Twenty Twenty sont les suivants :

  • Couleur de fond (beige par défaut)
  • Couleur de fond de l’en-tête et du pied de page (blanc par défaut)
  • Couleur principale (rose par défaut)

Les couleurs des éléments de votre site sont calculées automatiquement à partir des couleurs de fond que vous avez choisies. Cela assure un contraste de couleurs toujorus suffisamment accessible pour tous les visiteurs.

Haut ↑

Modèle de page « Cover » Modèle de page « Cover »

Twenty Twenty inclut un modèle de page nommé « Cover template » qui affiche le titre de votre article ou de votre page au dessus de l’image mise en avant.

The Cover Template in Twenty Twenty
Le modèle « Cover Template » dans Twenty Twenty

Vous pouvez mettre en place un article ou une page utilisant le modèle « Cover » en utilisant l’onglet « Document » de la colonne latérale de droite, en dépliant l’onglet Attributs de page/article et en sélectionnant le modèle « Cover template » dans le sélecteur de modèles.

Twenty Twenty inclut bon nombre de différentes options pour le modèle « Cover Template », situées dans l’onglet « Cover template » de l’outil de personnalisation. Là-bas, vous pouvez mettre en place la couleur de fond du calque de l’image ainsi que la couleur du texte affiché au dessus de ce calque. Vous pouvez aussi choisir si l’image de fond devrait rester fixe lorsque l’utilisateur défile dans la page, ce qui créera un effet de parallaxe appréciable.

Haut ↑

Support des langues Support des langues

Twenty Twenty inclut des styles de polices optimaux pour de nombreuses langues, grâce aux contributions de la communauté. Le thème utilise des styles de polices système par défaut, et effectue des ajustements à la typographie pour les alphabets suivants :

  • Arabe
  • Chinois
  • Cyrillique
  • Devanagari
  • Grec
  • Gujarati
  • Hébreu
  • Japonais
  • Coréen
  • Thaï
  • Vietnamien

Haut ↑

Il y a deux différents emplacements de menus pour les écrans larges qui peuvent être utilisés sur Twenty Twenty :

  • Un menu horizontal traditionnel, qui sera toujours visible;
  • Un menu déroulant, caché sous un bouton de déploiement.

Vous pouvez choisir quel emplacement de menu utiliser en allant dans Apparence → Menus, où vous pourrez assigner un menu aux emplacements « Menu horizontal grand écrans » ou « Menu étendu grands écrans ». Si vous préférez, vous pouvez aussi combiner les deux emplacements de menus.

Twenty Twenty inclut également un menu de pied de page affiché en dessous du contenu du site et un menu mobile qui récupère par défaut le menu assigné à l’emplacement « Menu horizontal grands écrans » ou « Menu étendu grands écrans ».

Haut ↑

Widgets Widgets

Twenty Twenty inclut deux zones de widgets en dessous du contenu du site et au dessus du pied de page.

Sur les écrans d’une largeur supérieure à 699 pixels, les widgets de ces zones sont automatiquement répartis sur deux colonnes.

Haut ↑

Ajouter des icônes de réseaux sociaux Ajouter des icônes de réseaux sociaux

Twenty Twenty inclut un emplacement de menu nommé « Menu réseaux sociaux », qui permet d’ajouter des liens vers vos pages sur les réseaux sociaux afin de les afficher en tant que logos dans le pied de page. Si vous n’êtes pas habitué·e à cette fonctionnalité, veuillez consulter la documentation du thème Twenty Fifteen.

Les services suivants sont supportés par le menu de réseaux sociaux de Twenty Twenty :

  • 500px
  • Amazon
  • Angel
  • audible
  • Behance
  • Blogger
  • Codepen
  • Creative Commons
  • DeviantArt
  • Digg
  • Discord
  • Dribbble
  • eBay
  • Etsy
  • Facebook
  • Flickr
  • GitHub
  • GitLab
  • Goodreads
  • Houzz
  • IMDb
  • Instagram
  • Kickstarter
  • JSFiddle
  • LinkedIn
  • Last.fm
  • Medium
  • Meetup
  • Mixcloud
  • Patreon
  • Periscope
  • Pinterest
  • Google Play
  • Google+
  • Product Hunt
  • Quora
  • Reddit
  • Slack
  • SoundCloud
  • Spotify
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • WordPress
  • YouTube

Haut ↑

Support & Ressources Support & Ressources

Obtenez l’aide de la communauté (en anglais) sur le forum officiel WordPress.org : https://wordpress.org/support/theme/twentytwenty.

Obtenez l’aide de la communauté (en français) sur le forum de l’association WPFR : https://wpfr.net/support/.

Si vous avez un profil technique, vous pouvez également consulter le journal de versions détaillé du thème.

Traduit par Jb Audras
Relu par Jenny Dupuy & Sébastien Serre
Dernière mise à jour le 22 janvier 2020