Refonte totale du site – bienvenue sur la nouvelle version

« Alors, t’as fait quoi de chouette pour ton week-end ?

— Je l’ai passé à me prendre la tronche sur des conflits d’extensions WordPress, à maudire les changements de la nouvelle version, puis à apprendre à les apprécier, le tout sans dormir des masses et en passant de l’electro house à fond pour rester réveillé.

— Oh merde, je croyais que c’était bon pour toi niveau boulot ?

— Ah mais oui. C’était l’éclate.

— … »

« Tout le monde a un environnement de test. Parfois, il est même distinct de l’environnement de production. »

Donc voilà, si tu lis ça, auguste lectorat, ça doit être pas mal bleu ici ↑ et puis là → et là ↓ aussi. Il était grand temps de faire plus que passer un grand coup de peinture sur cet endroit en préparation de la sortie de La Fureur de la Terre ; il fallait commencer à mettre des étais un peu sous le plafond et refaire l’enduit des murs, parce que la maison commençait à branler1 sérieusement.

Quoi de neuf dans cette nouvelle version

Globalement, le site est (enfin) à jour des technologies de son époque. Un gros travail de fond a été réalisé (et se poursuivra) pour déblayer dix ans de couches logicielles successives qui rendaient le tout de plus en plus difficile à maintenir et pour revenir à des choses beaucoup plus standard. Ça entraîne notamment :

  • Une amélioration des temps de chargement (en principe, et ça devrait continuer à s’améliorer)
  • La possibilité d’intégrer plus de contenu multimédia des autoroutes de l’information, comme des vidéos (voir la belle page d’accueil, oooh, on dirait un site des années 2019)
  • L’organisation devrait enfin être un peu plus logique sur les terminaux mobiles
  • Un nouvel agenda à la fois plus lisible et complet
  • Cette légèreté devrait permettre de réaliser enfin le contenu promis depuis des années (comme les portails univers, simplifier l’organisation du blog, réviser les pages téléchargements qui ont dix ans elles aussi) mais, d’abord, on répare :

Ce qui est cassé, je le sais (et sera réparé)

  • La mise en page des archives du blog est toute patraque (en gros, les sauts de ligne ont sauté). Je suis au courant, hélas il n’y a pas de manière automatique de convertir tout ça, donc je vais y aller à la main, mais ça va prendre du temps. L’ordre sera : les articles du moment, puis le best of, puis tout le reste.
  • Les intégrations média (type Soundcloud) dégueulent un peu ici et là, je vais causer au support technique.

J’espère que ce travail vous plaira, en attendant que la peinture sèche ! Comme toujours, n’hésitez pas à me faire part de vos retours, commentaires, interrogations, bugs (hormis ce qui précède).

Les détails geek

Si vous êtes une personne normale, arrêtez votre lecture ici, parce que là, ça va devenir un peu non-euclidien. Mais si vous êtes branché.e WordPress et que vous voulez l’histoire du comment, alors allons-y gaiement.

J’utilise depuis toujours des thèmes premium parce que je bidouille vaguement en php et HTML, mais je n’ai ni la compétence, ni la foi, ni le temps, de coder mon propre thème. Le précédent (Classico) était très chouette, mais avait nécessité quelques ajustements cruciaux pour faire fonctionner les choses sans poser de problème d’utilisation (typiquement, la base de données des livres tourne sous WooCommerce, mais je n’utilise aucune de fonctions d’e-commerce directement, donc il faut cacher un certain nombre de choses inutiles comme le caddie, l’enregistrement en ligne, etc.).

Or, si vous lisez ces mots, vous êtes au courant du bordel Gutenberg, tous les cris d’orfraie que le nouvel éditeur de WordPress a soulevé, et les mises à jour drastiques qu’il a exigé partout. Mes ajustements ont été incompatibles avec les nouvelles versions de Classico, et j’ai eu beau essayer de les transférer ailleurs dans le code, le site ne rendait plus correctement. (Je remercie encore Marcel Pfefferlé, mon héroïque hébergeur, qui a rollback le serveur À LA MAIN en réinjectant la base SQL en direct parce que Vaultpress n’arrivait pas à le faire automatiquement. Si vous voulez un super hébergeur qui vous traitera comme un vrai client, allez ici.)

Ce n’est peut-être pas la faute de Classico, notez bien. Ce site a donc plus de dix ans, cette version est la huitième, et au fil des années, il a accumulé un nombre terrifiant de scories, d’extensions devenues incompatibles, de champs personnalisés qui ne servent plus, d’entrées de base correspondant à des thèmes premium supprimés, etc. D’autre part, j’utilise depuis des années WPBakery PageBuilder pour faire des pages un peu sympa qui ressemblent à quelque chose (depuis assez longtemps pour que je l’appelle encore Visual Composer), parce que, sur le papier, ça semble super, non ? On veut faire un truc, c’est pas disponible, allons télécharger un module additionnel qui rajoutera un composant, et c’est parti.

Les spécialistes de WordPress doivent se marrer déjà en lisant ça : oui, c’est une très mauvaise idée, et je l’ai appris à la dure. Je me suis vite retrouvé noyé sous des ribambelles d’extensions VC qui ne font rien comme les voisines, qui impliquent de trifouiller margin et padding dans tous les sens pour que les trucs s’alignent vaguement, et en plus elle servent juste à un endroit dans les profondeurs du site et les désactiver casse mystérieusement un autre truc ailleurs. Bref, Visual Composer, c’est l’enfer des dépendances.

Retour aux fondamentaux, donc. Un maximum d’éléments standard, un minimum d’extensions, et le thème premium le plus complet possible. J’ai finalement jeté mon dévolu sur Avada (à cause de la flexibilité dans la présentation du blog – non, Divi, X et Elementor ne me permettent pas de faire ce que je veux, et je ne veux surtout pas refaire avec Divi la même erreur qu’avec VC, à savoir multiplier les extensions). Oui, j’ai conscience que le Fusion Builder n’est pas standard et qu’il sautera certainement un jour avec les progrès de Gutenberg, mais il fait à peu près tout ce que je veux aujourd’hui sans avoir besoin d’y coller des rustines et il marche bien mieux que VC (même si j’aimerais bien un front-end, mais ça viendra pour la v6, je pense).

Le problème des mises en page des archives qui saute est apparemment dû à Gutenberg (le problème se reproduit sous Twenty Nineteen). C’est un problème qui semble courant, et la parade est toute simple : rentrer dans chaque article et convertir en blocs d’un clic, puis sauver. (C’est déjà fait pour tous les livres grâce à une petite fonction custom.) Il semble aussi qu’on ne puisse pas faire cette mise à jour automatiquement donc joie, je sais à quoi passer mes longues soirées d’été.

Cela dit, je vais vous avouer que j’aime déjà beaucoup Gutenberg. Je râle un peu de devoir mettre mon contenu à jour mais bon, dix ans, en termes informatiques, c’est une éternité. Cet éditeur est réactif, intuitif (à part les métadonnées qui jouent à cache-cache quand tu les entres…), et je me sens déjà largement plus efficace qu’avec TinyMCE. Donc, je suis plutôt content de la mise à jour, pour ma part. Il y a un gros boulot de maintenance à faire mais bon, il devenait nécessaire, et quelque part, ça va m’y forcer.

Niveau quincaillerie, le nouvel agenda passe sous The Events Calendar – précédemment EventON ; je n’avais rien de spécial à lui reprocher, mais TEC est certifié compatible avec Avada, donc bon.

Bref, j’arrête d’essayer de faire parler des plugins développés par Gilbert Software avec des thèmes moldovalaques : maintenant, je prends un truc intégré maintenu au long cours, une dizaine de plugins reconnus et payants max, et zou.

  1. Branler, je le rappelle, ça veut dire vaciller ou trembler, avant toute chose, HEIN.