Twenty Sixteen

Twenty Sixteen était le thème par défaut de WordPress en 2016.

Twenty Sixteen est une refonte de la – désormais classique mais toujours très populaire – mise en page de WordPress : l’en-tête horizontal avec une colonne latérale droite optionnelle qui fonctionne parfaitement pour les blogs et les sites web. Il dispose d’options de couleur personnalisées avec un joli jeu de couleurs par défaut, d’une grille fluide et harmonieuse utilisant une approche mobile par défaut, ainsi qu’un soin impeccable apporté à chaque détail. Twenty Sixteen rendra magnifique votre site WordPress partout.

Spécifications générales

  1. La largeur de la colonne principale va jusqu’à 840 pixels.
  2. La largeur de la colonne latérale va jusqu’à 300 pixels.
  3. La largeur recommandée pour l’image mise en avant est de 1200 pixels.
  4. La largeur recommandée pour l’image d’en-tête personnalisée est de 1200 pixels de large par 280 pixels de haut.

Haut ↑

Mise en page sans colonne latérale

Si vous souhaitez garder l’attention de vos visiteurs sur votre contenu, vous pouvez choisir de n’ajouter aucun widget à la zone de widget de la colonne latérale. Cela vous permet de donner à vos articles une mise en avant visuelle en utilisant une image d’en-tête large, jusqu’à 1200 pixels de large.

Haut ↑

Zones de widget en dessous du contenu

Les deux zones de widget en dessous du contenu proposées par Twenty Sixteen sont des lieux utiles pour ajouter du contenu supplémentaire. Sur des pages et articles, ces zones de widget s’affichent en dessous de votre contenu. Pour y ajouter des widgets, Allez dans Apparence > Widgets à partir des écrans d’administration et ajoutez vos widgets favoris aux zones « Contenu du bas 1 » et/ou « Contenu du bas 2 ».

Haut ↑

Introduction des articles

Twenty Sixteen dispose d’une petite fonctionnalité très utile. Aussi connue sous le terme éditorial « chapeau » ou « chapô » la zone d’introduction est affichée entre le titre et le contenu. Votre introduction peut contenir des informations importantes et être utilisée comme transition entre le titre et le corps de l’article. Un conteneur élégant viendra alors attirer l’attention vers ce texte afin de lui donner un aperçu de ce qui l’attend dans cet article.

Ajoutez une introduction à vos articles en activant la fonctionnalité dans les options de l’écran d’édition.

Haut ↑

Mettre en avant vos images de contenu

Avez-vous déjà voulu afficher vos grandes images sans sacrifier la lisibilité de vos articles ? Sur grand écran, les images de taille supérieure ou égale à 840 pixels de large dépasseront la largeur de la colonne principale de contenu.

Haut ↑

Citations en ligne

Les citations en ligne sont un excellent moyen d’attirer l’attention du lecteur. Ajoutez simplement une classe alignleft ou alignright à un élément blockquote. Voici quelques exemples pour le faire en utilisant l’éditeur de texte.

<blockquote class="alignleft">A bolder pull blockquote that aligns to the left</blockquote>

<blockquote class="alignright">A bolder pull blockquote that aligns to the right</blockquote>

Sur un grand écran, les citations en ligne alignées à gauche seront sorties du contenu pour maintenir la lisibilité des contenus textes qui se positionneront de manière à envelopper cette citation.

Haut ↑

Personnalisation

Ouvrez l’outil de personnalisation pour essayer les quatre jeux de couleurs mis en avant. Vous pouvez les utiliser pour modifier instantanément l’apparence de votre site.

  • rouge
  • gris
  • sombre
  • jaune
  • blanc (par défaut)

Personnalisez encore davantage le design de votre site en ajoutant une image d’en-tête personnalisée et/ou un logo pour votre site.

Haut ↑

Icônes de réseaux sociaux

Twenty Sixteen 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 Sixteen :

  • CodePen
  • Digg
  • Dribbble
  • Dropbox
  • Email (mailto: links)
  • Facebook
  • Flickr
  • Foursquare
  • GitHub
  • Google+
  • Instagram
  • LinkedIn
  • Path
  • Pinterest
  • Polldaddy
  • Reddit
  • RSS Feed (urls with /feed/)
  • Spotify
  • StumbleUpon
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • WordPress
  • YouTube

Haut ↑

Support et ressources

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

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

Traduit par Jb Audras
Relu par Jenny Dupuy, Bruno Tritsch & Sébastien SERRE
Dernière mise à jour le 23 janvier 2020