La Bible de Twenty Seventeen : extensions, codes, thèmes enfant et conseils

Avec Twenty Seventeen, WordPress nous a offert son thème le plus universel : blog, magazine, site d'entreprise… et mobile first pour ne rien gâcher. Du potentiel, mais peu personnalisable par défaut. Rédhibitoire ? Non, vous allez vite vous en rendre compte.

Cet article prend 21 minutes à lire et comporte 5246 mots.

Plan de l’ar­ticle Fermer

Attention ! Cet article ne vaut que pour la version de WordPress Open Source (à télé­char­ger et à instal­ler chez un héber­geur) ; ceux dont le site est hébergé sur wordpress.com devront s’ac­quit­ter d’un forfait annuel de 96 € pour pouvoir person­na­li­ser les CSS, ou de 300 € pour pouvoir utili­ser la plupart des exten­sions dispo­nibles sur wordpress.org

En préambule

Twenty Seventeen a été le thème par défaut, pour WordPress 4.7 à 4.9, en 2017 et en 2018. Aucun autre thème n’a eu une telle durée de vie (offi­cielle). Et aucun autre thème n’a été autant plébiscité.

Lorsque j’ai rédigé mon premier article sur ce thème (Habillez votre site avec Twenty Seventeen et les exten­sions Bold Themes), puis le second (Personnaliser Twenty Seventeen – astuces, bouts de code et exten­sions), je n’au­rais jamais pensé avoir autant de lecteurs et de commentaires.

Et je n’au­rais jamais pensé que même après l’ar­ri­vée de WordPress 5 et d’un nouveau thème par défaut (Twenty Nineteen), cet article serait toujours dans le trio de tête de ce blog. De fait, après que mon article sur Twenty Nineteen ait cara­colé en tête des pages les plus lues pendant quelques mois, cet article-ci est revenu en pole posi­tion avant de céder la place à mon article sur OceanWP mais en conser­vant une hono­rable deuxième place).

Donc, deux ans et 130 commen­taires plus tard, je me suis posé la ques­tion : est-il préfé­rable de remettre les articles origi­naux à jour, d’en profi­ter pour montrer ce que Gutenberg apporte, ou d’en écrire un troi­sième qui soit la synthèse des deux premiers, et de leurs commentaires ?

Je ne peux pas reprendre la masse d’in­for­ma­tions des deux premiers articles, les compi­ler dans un troi­sième et lais­ser les deux premiers en ligne sans que Google ne me péna­lise pour du « dupli­cate content » – même si ce sont mes articles et qu’il n’y a pas de pira­tage – à moins de consi­dé­rer que je me pirate moi-même.

Alors j’ai repris l’en­semble pour une refonte, en incluant les bouts de codes, les astuces qui se trou­vaient dans les commentaires.

Au final, je vous présente, outre les fonc­tion­na­li­tés incluses direc­te­ment dans le thème, quatre exten­sions (dont trois dédiées à la person­na­li­sa­tion elle-même), plus de quinze bouts de codes et un thème enfant qui reprend l’en­semble des person­na­li­sa­tions présen­tées dans l’ar­ticle. De quoi assu­rer à votre site un look unique en un rien de temps.

C’est aussi l’oc­ca­sion de mettre à jour certaines infor­ma­tions, Twenty Seventeen ayant évolué au fil du temps (la compa­ti­bi­lité avec Gutenberg, entre autre, est excel­lente, ce qui n’était pas le cas des premières versions).

Et nous revoilà à parler de…

Twenty Seventeen, le thème par défaut de WordPress 4.7 à 4.9

Twenty Seventeen est juste un thème par défaut, et il commence à dater. Oui, mais… ce n’est pas n’im­porte quel thème par défaut : il se démarque de ses prédé­ces­seurs et de ses succes­seurs en n’étant pas orienté blog.

Évidemment, il convien­dra pour habiller un blog. Mais ce thème permet égale­ment de créer un site d’en­tre­prise, avec sa page d’ac­cueil à sections et son image (ou sa vidéo) plein écran. Et cerise sur le gâteau, il est compa­tible avec les toutes dernières versions de WooCommerce, nati­ve­ment (un « module » dans WooCommerce assure la compatibilité).

Et bien sûr, il est désor­mais compa­tible avec le nouvel éditeur par défaut, Gutenberg.

En aparté, la démo propo­sée dans le dépôt WordPress(.org) n’est pas très enga­geante. Je vous propose donc…

Quelques sites réalisés avec Twenty Seventeen

La démo du thème sur WordPress.com est bien plus abou­tie, et donne déjà une meilleure idée du résultat.

Mais il y a aussi de vrais sites web qui méritent le détour :

Le site WP15 créé par Automattic pour le 15ième anni­ver­saire de WordPress (le 27 mai 2018) :

15ième anniversaire de WordPress
15ième anni­ver­saire de WordPress

Vous pouvez aussi visi­ter le site de Leïla Huissoud (site One Page) pour avoir une idée de ce que l’on peut obte­nir, avec un thème enfant et un mini­mum de person­na­li­sa­tion (enfin, pas qu’un mini­mum en fait). En aparté, j’ai pris le temps de décou­vrir ses chan­sons, et j’adore !