# Blog Medium recomposé en Site Editor, avec un gabarit pour les séries

> Bannière d'auteur, articles liés en fin de lecture, gabarit dédié aux séries d'articles : reconstruire les codes visuels d'un blog Medium en templates natifs pour une rédaction qui reprend son autonomie.

- Auteur : WordPress Développement
- Publié le : 2024-05-04
- Mis à jour le : 2024-05-04
- Catégorie : Éditeur de site (FSE)
- URL : https://www.wpmoderne.fr/fse/blog-medium-site-editor-series/

## L’essentiel

- Une bannière d'auteur en template part réutilisable
- Des articles liés générés par une Query Loop sur la même série
- Un gabarit dédié pour l'archive de chaque série

Quels éléments visuels font qu'un lecteur reconnaît immédiatement un blog façon plateforme d'écriture sans même regarder le nom de domaine ? Une rédaction indépendante qui reprenait son autonomie éditoriale après plusieurs années sur une plateforme fermée s'est posé exactement cette question avant de reconstruire son site sous WordPress : la bannière d'auteur en tête d'article, les suggestions d'articles liés en fin de lecture, et la notion de série qui regroupe plusieurs textes autour d'un même sujet suivi dans le temps.

L'import du contenu lui-même, réalisé au préalable via un export structuré et un script de conversion, ne fait pas partie de ce qui est traité ici : ce texte se concentre uniquement sur la reconstruction des gabarits natifs qui portent ces codes visuels familiers.

## La bannière d'auteur en template part réutilisable

La bannière d'auteur, affichée en tête de chaque article, combine avatar, nom et courte biographie. Plutôt que de la dupliquer dans chaque gabarit d'article, elle prend la forme d'un template part dédié, inséré au sommet du gabarit `single.html` :

```
<!-- wp:template-part {"slug":"banniere-auteur","tagName":"header"} /-->
```

Ce template part combine le bloc Avatar de l'auteur, le bloc Nom de l'auteur et un champ personnalisé `auteur_bio_courte`, rattaché non pas à l'article mais au profil utilisateur, via `register_meta()` avec l'objet `user` plutôt que `post` :

```
register_meta( 'user', 'auteur_bio_courte', array(
    'show_in_rest' => true,
    'single'       => true,
    'type'         => 'string',
) );
```

## Des articles liés basés sur la série, pas sur une catégorie générique

> L'essentiel à retenir : Une bannière d'auteur en template part réutilisable ; Des articles liés générés par une Query Loop sur la même série ; Un gabarit dédié pour l'archive de chaque série

Les suggestions de lecture en fin d'article, caractéristiques de ce type de plateforme, ne se limitent pas ici à une catégorie générique du blog mais s'appuient sur une taxonomie dédiée, `serie`, qui regroupe les articles appartenant à un même fil éditorial suivi sur plusieurs semaines. Une Query Loop, insérée en pied du gabarit `single.html`, filtre automatiquement sur la série de l'article en cours de lecture :

```
<!-- wp:query {"query":{"postType":"post","inherit":false,"taxQuery":{"serie":["current"]},"exclude":"current"}} -->
<!-- wp:post-template -->
<!-- wp:post-featured-image /-->
<!-- wp:post-title /-->
<!-- /wp:post-template -->
<!-- /wp:query -->
```

### Exclure l'article courant de sa propre suggestion

Un piège fréquent avec ce type de bloc consiste à afficher l'article en cours de lecture parmi ses propres suggestions. Le réglage d'exclusion de l'article courant, disponible dans le panneau du bloc Query Loop, résout ce problème sans code supplémentaire, à condition de ne pas l'oublier lors de la configuration initiale du gabarit.

## Un gabarit dédié pour l'archive de chaque série

La reconstitution de l'expérience « série » ne s'arrête pas à la suggestion en fin d'article : chaque série mérite sa propre page d'archive, listant l'ensemble des articles qui la composent, dans l'ordre chronologique de publication plutôt que dans l'ordre de la Query Loop par défaut. Un gabarit d'archive de taxonomie personnalisé, `taxonomy-serie.html`, remplit ce rôle :

```
<!-- wp:query {"query":{"postType":"post","orderBy":"date","order":"asc"}} -->
<!-- wp:post-template -->
<!-- wp:post-title /-->
<!-- wp:post-excerpt /-->
<!-- /wp:post-template -->
<!-- /wp:query -->
```

Le tri chronologique ascendant, plutôt que le tri par date décroissante habituel des blogs, respecte la logique de lecture d'une série : un nouveau lecteur doit pouvoir commencer par le premier article, pas par le plus récent.

## Ce que la reconstruction ne couvre pas

Cet exercice de reconstitution visuelle ne traite volontairement pas l'import du contenu (transformation du format d'export vers des blocs natifs, gestion des images, redirections des anciennes adresses), qui constitue un chantier distinct, mené en amont sur ce projet.

| Élément d'origine | Reconstitution native |
| --- | --- |
| Bannière d'auteur | Template part avec métadonnées utilisateur |
| Articles liés | Query Loop filtrée par taxonomie série |
| Page de série | Gabarit d'archive de taxonomie dédié |

> Reconstruire l'expérience de lecture d'une plateforme fermée ne demande pas de copier son code, seulement d'identifier les quelques mécanismes qui font sa reconnaissance immédiate par les lecteurs.

## En résumé

Trois gabarits suffisent à retrouver l'essentiel des codes visuels d'un blog façon plateforme d'écriture : un template part de bannière d'auteur réutilisable, une Query Loop d'articles liés filtrée par série plutôt que par catégorie générique, et un gabarit d'archive de série trié chronologiquement. L'import du contenu reste un chantier séparé, mené en amont de cette reconstruction de gabarits.