Pulse

crel.fr

Workflow crel.fr

Recréer un thème WordPress from scratch, mobile-first, ultra-light, avec une vraie couche interactive autour des animaux et un score PageSpeed mobile cible de 90 minimum.

PageSpeed mobile

90+

LCP

< 1,8 s

CLS

< 0,05

JS critique

< 10 ko gzip

Prod verrouillée

Aucune activation du thème sur crel.fr sans validation explicite. Développement et recette uniquement en local ou staging.

Articles WordPress intouchables

Le workflow doit conserver tous les articles déjà publiés, leurs URLs, médias, catégories, tags, auteurs, contenus Gutenberg/shortcodes et métadonnées SEO existantes.

Rollback obligatoire

Avant toute bascule future: sauvegarde DB, sauvegarde uploads, ancien thème conservé, procédure de retour arrière testée.

Plan d'exécution

1. Audit de départ

  • Crawler le site actuel et exporter la liste des URLs 200, 301, 404, titres, metas et canonicals.
  • Compter les articles publiés via WordPress et figer un état avant/après.
  • Identifier le thème actif, les menus, widgets, plugins SEO, shortcodes et blocs utilisés dans les articles existants.
  • Mesurer PageSpeed mobile sur homepage, un article, une catégorie et une page statique pour avoir le benchmark de départ.

2. Thème from scratch

  • Créer un thème classic/hybrid minimal: templates PHP, theme.json, CSS critique, JS vanilla, aucune dépendance lourde.
  • Construire les templates single, category, tag, author, search et archive avant la homepage pour garantir que les contenus existants restent lisibles.
  • Ajouter les tailles d'images nécessaires sans supprimer ni remplacer les tailles WordPress existantes.
  • Nettoyer le front WordPress: emojis, embeds inutiles, jQuery non nécessaire, CSS global superflu si possible.

3. Homepage interactive

  • Créer un hero animalier mobile-first avec image LCP optimisée, proposition éditoriale claire et CTA vers le quiz.
  • Ajouter un module Quel animal te correspond ? avec démarrage en un tap, scoring simple et résultat partageable.
  • Prévoir des blocs éditoriaux dynamiques: derniers articles, catégories animaux, fait animalier du jour, recherche rapide.
  • Utiliser scroll-snap CSS, transitions légères et composants serveur dès que possible. Le JS doit rester décoratif, pas vital.

4. Recette staging

  • Installer le thème sur staging uniquement et importer une copie complète du contenu actuel.
  • Comparer crawl avant/après: aucune perte d'article, aucune URL publiée cassée, aucun média manquant.
  • Tester PageSpeed mobile jusqu'à obtenir 90+ sur homepage puis contrôler au moins un article et une catégorie.
  • Préparer un rapport de bascule avec risques, rollback et éléments demandant validation.

Spécifications thème

Architecture thème cible

  • Fichiers: style.css, functions.php, header.php, footer.php, front-page.php, single.php, archive.php, category.php, tag.php, author.php, page.php, search.php, 404.php.
  • Dossiers: inc/cleanup.php, inc/enqueue.php, inc/seo.php, inc/quiz.php, template-parts/, assets/css/, assets/js/.
  • CSS: variables natives, critical CSS inline sous 14 ko, main.css différé, pas de Bootstrap, pas de Tailwind côté thème livré.
  • JS: vanilla ou module ultra-court pour quiz/recherche; aucun jQuery; scripts chargés defer et seulement sur les pages utiles.

Quiz animaux

  • Format v1: questions JSON ou CPT léger, scoring par pondération, résultat animal avec texte, image et liens vers articles liés.
  • UX: une question à la fois, barre de progression, résultat partageable, Web Share API avec fallback copie lien.
  • SEO: le quiz enrichit la homepage sans masquer les contenus; les résultats ne doivent pas créer de pages indexables faibles sans validation.
  • Analytics: event de fin via sendBeacon si tracking validé plus tard; rien de bloquant dans la v1.
Conservation WordPress

Le thème doit habiller le site, pas réécrire le patrimoine. Les articles publiés sont l'actif: on les protège avant de chercher la perf.

Préservation des articles

Règles non négociables

  • Ne jamais supprimer, réécrire ou republisher les articles existants pendant la création du thème.
  • Ne pas modifier la structure de permaliens. Si WordPress exige un flush rewrite, le faire seulement en staging puis avec validation en prod.
  • Conserver les IDs, slugs, dates, auteurs, catégories, tags, images mises en avant et contenus Gutenberg/shortcodes.
  • Ne pas désactiver Yoast, RankMath, ACF, redirection ou plugin SEO sans validation explicite.

Contrôles avant/après

  • Exporter wp post list --post_type=post --post_status=publish --fields=ID,post_name,post_title,post_date,post_author --format=csv avant travail.
  • Exporter wp term list category et post_tag pour vérifier que la taxonomie reste stable.
  • Crawler un échantillon d'au moins 20 articles publiés et vérifier statut 200, titre H1, contenu, image, canonical et meta description.
  • Comparer sitemap XML avant/après et refuser la bascule si des URLs publiées disparaissent.

Validation finale

Toute mise en production, activation de thème, modification de permaliens, suppression de plugin, migration de base ou changement SEO doit être validé explicitement avant exécution.

Definition of Done

  • Thème installable en staging sans erreur PHP visible ni warning critique.
  • Homepage mobile-first avec quiz fonctionnel, design différenciant et aucun script bloquant.
  • PageSpeed mobile 90+ sur homepage avec preuve datée.
  • Articles existants conservés: compteur identique, URLs identiques, contenus rendus correctement.
  • PR Pulse documente ce qui est prêt, ce qui reste manuel et ce qui demande validation avant prod.