Créez un site web avec WordPress et Twenty Seventeen en moins d’une heure

Créer un site avec WordPress et Twenty Seventeen - c'est possible, c'est rapide et ce n'est pas douloureux…

Cet article prend 4 minutes à lire et comporte 767 mots.

J’ai déjà rédigé quelques arti­cles sur Twen­ty Sev­en­teen, qui fut le thème par défaut de Word­Press de 2017 à 2020. Enfin, à la louche, les thèmes sor­tent générale­ment à la fin de l’an­née précé­dent leur mil­lésime.

Autrement dit, Twen­ty Sev­en­teen est sor­ti fin 2016 et a été rem­placé fin 2019 par Twen­ty Twen­ty.

Trois ans donc, et Twen­ty Sev­en­teen con­tin­ue à cara­col­er en tête des télécharge­ments et des instal­la­tions pour habiller tout type de sites, du blog per­so au site one-page d’artistes en pas­sant par des sites d’entreprises, d’as­so­ci­a­tions et de col­lec­tiv­ités.

Trois ans bien­tôt que les arti­cles sur ce thème drainent près d’un tiers du traf­ic de ce site.

Alors j’ai voulu, en cette péri­ode de con­fine­ment pour cause de COVID-19 (un coro­n­avirus par­mi tant d’autres, cf Coro­n­avirus sur Wikipedia) ten­ter de créer un site dédié à ce thème.

Mais à l’heure des thèmes général­istes à la liste d’op­tions plus longue qu’un jour sans pain, à l’heure des con­struc­teurs de pages tels qu’Ele­men­tor, y a‑t-il encore une place pour les thèmes par défaut ? C’est ce que nous allons voir dans l’ar­ti­cle…

Le site

Une image vaut mieux que mille mots, alors voici à quoi ressem­ble le site que je viens de met­tre en ligne :

Min­i­mal­iste, pas de fior­i­t­ures — juste l’essen­tiel. Noir & Blanc, neg­a­tive space. Le dépouille­ment absolu. Allez à l’essen­tiel, c’est le con­tenu qui importe.

Les outils

Base, Word­Press, thème, Twen­ty Sev­en­teen, bien évidem­ment. On ne roule pas en Fiat 500 pour faire la pro­mo­tion de la Zoé de Renault (même si ce n’est pas inter­dit).

Pour le reste, c’est vite vu, unique­ment des exten­sions issues du dépôt Word­Press :

• Sécu­rité
  • Akismet pour lut­ter con­tre le spam
  • *** pour la sécu­rité (je ne vais quand même pas vous don­ner la com­bi­nai­son du cof­fre non plus)
  • stop XML-RPC Attacks pour éviter les attaques par déni de ser­vice
• RGPD
  • Cook­ie Notice
• Per­son­nal­i­sa­tion
  • Options for Twen­ty Sev­en­teen (je ne suis pas le seul à m’être intéressé à ce thème !)
  • WP Sticky Side­bar pour ren­dre la barre latérale fixe au scroll
• SEO et Analyse d’au­di­ence
  • Site Kit by Google
  • Rank Math SEO
• Opti­mi­sa­tion
  • Cache Enabler
  • Async Javascript
  • Autop­ti­mize

Voila pour l’essen­tiel. J’ai ensuite util­isé quelques exten­sions sup­plé­men­taires pour affich­er le code PHP / HTML / CSS dans les arti­cles, pour la table des matières (Word­Press ne pro­pose pas cette fonc­tion­nal­ité en direct), pour les polices de car­ac­tères Google… Je reviendrai sur mes out­ils de prédilec­tion dans un prochain arti­cle… si vous êtes sages 😉

Pour le logo, vu que je suis un graphiste hors pair, cinq petites min­utes sous Pho­to­shop et hop ! Non, je me moque, le moin­dre graphisme me demande des heures pour un résul­tat… enfin, j’in­voque le cinquième amende­ment 😉 et bien évidem­ment je ne compte pas le temps passé à créer ce logo dans le temps de créa­tion du site. Voilà, c’est dit, on retourne à nos mou­tons.

Le temps de pass­er d’on­glet en onglet pour affin­er le ren­du, de valid­er les polices de car­ac­tères et quelques autres détails, et le site était en ligne. Vide, mais en ligne.

J’ai relu mon arti­cle sur Twen­ty Sev­en­teen, créé un thème enfant, copié col­lé quelques bouts de code par-ci par-là, et le tour était joué.

J’ai rédigé dans mon anglais approx­i­matif les textes de mes pre­miers arti­cles, j’ai mis en ligne, con­nec­té à Google Ana­lyt­ics et à la Search Con­sole.

J’avais enfin mis en ligne mon pre­mier vrai site avec le thème dont je par­le depuis près de trois ans, pour lequel je reçois régulière­ment des com­men­taires élo­gieux et sur lequel des web­mas­ters en herbe me posent des ques­tions aux­quelles je n’ai pas for­cé­ment de réponse immé­di­ate !

Le résultat

Je vous ai mis en début d’ar­ti­cle une cap­ture d’écran de la page d’ac­cueil, d’au­tant que le site n’est plus en ligne.

L’expérience utilisateur

Pour la rapid­ité de charge­ment, je m’at­tendais bien sûr à un score intéres­sant, vu qu’il n’y a qua­si­ment pas d’im­ages, que le thème est léger, que je n’ai pas sur­chargé en exten­sions et que le site est hébergé sur un VPS — mais le résul­tat va au-delà de mes espérances :

Le mot de la fin

Moins d’une heure pour mon­ter un site com­plet, sécurisé, opti­misé et per­son­nal­isé. On ne recon­naît pas for­cé­ment Twen­ty Sev­en­teen quand on arrive sur le site, et c’est le but recher­ché : quel que soit le thème que vous utilisez — même Divi, ce n’est pas peu dire 🙂 — vous pou­vez lui don­ner une iden­tité unique, et le vis­i­teur se focalis­era sur le con­tenu, visuel, textuel, parce qu’il n’au­ra pas l’im­pres­sion de déjà vu trop sou­vent éprou­vée en arrivant sur un site util­isant un des thèmes phare de la galax­ie Word­Press.

Et vous, avez-vous déjà créé un blog ou un site avec le duo Word­Press / Twen­ty Sev­en­teen ?