Twenty Twenty

par the WordPress team
Choisir ce design

Twenty Twenty est le nouveau thème par défaut de WordPress. Il est conçu pour tirer pleinement parti de la flexibilité de l’éditeur de bloc. Si vous voulez l’utiliser pour une organisation ou une entreprise, vous pouvez combiner des colonnes, des groupes et des médias afin de créer des mises en page dynamiques qui mettent en valeur vos services ou vos produits. La colonne de contenu centrée et la typographie affinée le rendent également parfait pour les blogs traditionnels.

Sur un écran d’ordinateur portable de 1 440 pixels, la colonne principale a une largeur maximale de 580 pixels. La largeur de bloc « Large » est de 1 200 pixels au maximum et la largeur de bloc « Complet » s’étend sur toute la largeur de l’écran.

Prise en charge complète de l’éditeur de bloc

L’éditeur de bloc dans Twenty Twenty

Twenty Twenty est conçu et développé pour profiter au maximum de la liberté créative permise par l’éditeur de bloc. Une attention supplémentaire a été apportée aux blocs Colonnes et Groupes, qui peuvent être combinés en pages d’accueil impressionnantes avec des mises en page de blocs complexes. Twenty Twenty inclut des styles d’éditeur complets pour l’éditeur de bloc, ainsi, ce que vous voyez dans l’éditeur correspond presque exactement au résultat final.

Twenty Twenty prend en charge un Logo de site, qui peut servir d’avatar pour un blog personnel ou de logo ou d’icône pour votre entreprise. Pour le modifier sur votre site, procédez comme suit :

  1. Rendez-vous dans Mon site → Personnaliser puis cliquez sur la section Identité du site.
  2. Cliquez sur le bouton Ajouter un logo pour ouvrir le Gestionnaire de médias.
  3. Mettez en ligne une nouvelle image ou sélectionnez-en une qui est déjà dans votre Bibliothèque de médias.
  4. Cliquez sur Définir comme logo pour voir votre logo apparaître dans la prévisualisation.
  5. Cliquez sur le bouton Publier en haut pour enregistrer vos modifications.

Twenty Twenty donne à vos images mises en avant un traitement audacieux sur les articles et les pages :


La taille recommandée d’une image mise en avant est de 1 980 pixels de large par 1 485 pixels de haut.

Personnaliser les couleurs

Twenty Twenty inclut trois réglages de couleur qui facilitent la personnalisation de votre site. Pour modifier les réglages de couleur, accédez à Outil de personnalisation → Couleurs.

Les réglages de couleur inclus dans Twenty Twenty sont :

  • Couleur d’arrière-plan (beige clair par défaut)
  • Couleur d’arrière-plan d’en-tête et de pied de page (blanc par défaut)
  • Couleur principale (rose par défaut)

Les couleurs des éléments sur votre site sont calculées automatiquement en fonction des couleurs d’arrière-plan que vous choisissez. Cela permet de garantir un contraste de couleurs suffisamment élevé pour être accessible à tous les visiteurs.

Modèle de couverture

Twenty Twenty inclut un modèle de page appelé « Modèle de couverture » qui affiche le titre de l’article ou de la page sur l’image mise en avant.

Modèle de couverture dans Twenty Twenty

Pour utiliser le modèle de couverture sur un article ou une page, vous devez modifier l’article ou la page, sélectionner l’onglet « Document » dans la colonne latérale droite, développer l’onglet « Attributs d’article/de page » et sélectionner « Modèle de couverture » dans le menu déroulant « Modèle ».

Twenty Twenty inclut plusieurs options différentes pour le modèle de couverture, qui se trouvent dans l’onglet « Modèle de couverture » de l’Outil de personnalisation. Ici, vous pouvez définir la couleur d’arrière-plan et l’opacité de la superposition d’images, ainsi que la couleur du texte affiché sur la superposition. Vous pouvez également choisir si l’image d’arrière-plan doit rester fixe lorsque le visiteur fait défiler la page, ce qui crée un léger effet parallaxe.

Widgets

Twenty Twenty inclut deux zones de widget sous le contenu du site, dans le pied de page. La largeur de colonne maximale est de 570 pixels.

Sur les écrans dont la largeur est supérieure à 700 pixels, ces widgets s’affichent automatiquement sur deux colonnes.

Ajouter des icônes de réseaux sociaux

Twenty Twenty inclut un menu d’icônes de réseaux sociaux. Vous pouvez ajouter des liens vers vos profils de réseaux sociaux ; ils apparaîtront sous forme de logos dans votre pied de page.

Pour ce faire, vous devez tout d’abord créer un Menu de réseaux sociaux.

Ensuite, indiquez à votre site où placer ce menu :

  1. Rendez-vous dans Personnaliser → Menu.
  2. Sélectionnez le panneau Emplacements de menu.
  3. Assignez le menu que vous venez de créer à l’Emplacement de liens de réseaux sociaux.
  4. Cliquez sur le bouton Publier en haut pour enregistrer vos modifications.

Le menu d’icônes de réseaux sociaux de Twenty Twenty inclut des icônes pour :

  • Behance
  • Codepen
  • DeviantArt
  • DockerHub
  • Digg
  • Dribbble
  • Dropbox
  • Facebook
  • Flickr
  • Foursquare
  • GitHub
  • Google+
  • Instagram
  • LinkedIn
  • Meanpath
  • Medium
  • Pinterest
  • Periscope
  • Pocket
  • Reddit
  • Skype
  • SlideShare
  • Snapchat
  • SoundCloud
  • Spotify
  • StumbleUpon
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • Vine
  • VK
  • WordPress
  • Yelp
  • YouTube

Spécifications rapides (toutes les mesures sont en pixel) :

  1. Sur un écran d’ordinateur portable de 1 440 pixels, la colonne principale a une largeur maximale de 1 032 pixels avec une mise en page sur une colonne.
  2. Il y a une zone de widget dans le pied de page dont la largeur de colonne est de 1 032 pixels.
  3. La taille recommandée d’une image mise en avant est de 2 000 pixels de large par 1 200 pixels de haut.

Ce thème peut être téléchargé lors de l’installation de votre site WordPress auto-hébergé .

Télécharger
Une question sur ce thème ?Choisissez ce design et créez un site avec nous. Nous pouvons vous aider !