Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment créer une page d’archive personnalisée dans WordPress

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Vous souhaitez créer une page d’archives personnalisée dans WordPress ?

WordPress propose un widget d’archives que vous pouvez ajouter à n’importe quelle zone compatible avec les widgets, comme la colonne latérale. Cependant, de nombreux sites bien conçus utilisent une page d’archives autonome pour aider les internautes à trouver ce qu’ils cherchent.

Dans cet article, nous allons vous afficher comment créer une page d’archives personnalisée dans WordPress.

How to create a custom archives page in WordPress

Pourquoi créer une page d’archives personnalisée dans WordPress ?

Une page d’archives vise à afficher une liste chronologique de vos anciennes publications, ce qui permet aux internautes d’explorer plus facilement votre contenu en fonction des dates de publication.

Si vous êtes blogueur, il est indispensable d’avoir une page d’archives. Elle offre aux utilisateurs/utilisatrices un moyen pratique d’accéder aux publications plus anciennes sans avoir à défiler sur l’ensemble du blog.

Vous pouvez créer une page d’archives personnalisée si votre thème actuel ne dispose pas d’un modèle de page d’archives. Même si c’est le cas, il se peut que vous souhaitiez la personnaliser en fonction de vos besoins.

Chez WPBeginner, nous utilisons une page d’archives personnalisée qui met en avant un bouton conduisant les utilisateurs/utilisatrices à notre collection de guides WPBeginner. De cette façon, les nouveaux lecteurs peuvent simplement cliquer dessus pour voir nos ressources de guides ultimes.

Nous classons également toutes nos publications de blog par année et par mois afin que les Lecteurs puissent facilement voir quels articles sont publiés au cours d’une certaine période.

The WPBeginner custom archive

Ici, nous avons également ajouté les catégories et les identifiants de notre site à la page d’archives personnalisée.

De cette manière, les internautes peuvent facilement trouver des publications plus anciennes susceptibles de les intéresser. Si vous procédez ainsi pour votre propre blog, vous aurez plus de chances d’augmenter le nombre de pages vues et de réduire votre taux de rebond.

The WPBeginner custom archive

Dans cet esprit, voyons comment créer une page d’archives personnalisée dans WordPress, quel que soit le thème que vous utilisez.

Il vous suffit d’utiliser les liens rapides ci-dessous pour accéder directement à la méthode que vous souhaitez utiliser.

Méthode 1 : Créer un Modèle d’archive personnalisé à l’aide de l’éditeur/éditrices de blocs

Si vous utilisez un thème bloc, l’éditeur de site complet vous permet de concevoir facilement un modèle de page d’archives personnalisé.

Cette méthode ne fonctionne pas avec tous les thèmes, donc si vous n’utilisez pas un thème WordPress basé sur des blocs, nous vous recommandons d’utiliser un constructeur de page à la place.

Pour commencer, créez une nouvelle page ou ouvrez une page existante que vous souhaitez utiliser comme archive. Dans le menu de droite, cliquez sur l’onglet « Page », puis sélectionnez le lien situé à côté de « Modèle ». Le texte exact du lien peut varier en fonction du modèle que vous utilisez actuellement.

How to create a new custom archives template

Une fenêtre surgissante apparaît alors avec votre modèle actuel.

Il vous suffit de cliquer sur l’icône « Nouveau Modèle ».

Creating a custom archives template

Dans la fenêtre surgissante, saisissez un nom pour le Modèle de page personnalisé. Le nom du modèle n’est qu’une référence, vous pouvez donc utiliser ce que vous voulez.

Cliquez ensuite sur « Créer » pour lancer l’éditeur/éditrices de modèles.

Naming a WordPress custom archive template

L’éditeur de modèles fonctionne de manière similaire à l’éditeur de blocs standard de WordPress.

Pour ajouter des modules à votre page d’archives personnalisées, cliquez simplement sur le bouton bleu « + ». Vous pouvez ensuite glisser-déposer pour ajouter des blocs à votre mise en page.

Adding blocks to the full site editor

Puisque nous créons une page d’archives personnalisée, vous voudrez généralement commencer par ajouter un bloc Archives. Ce bloc WordPress permet aux internautes d’explorer vos publications en fonction de l’année, du mois, de la semaine ou du jour.

Par exemple, l’image suivante affiche un bloc Archives dans lequel les publications sont organisées en archives mensuelles.

How to add an archives block to a custom template

En cliquant sur l’un de ces liens, l’internaute accède à une nouvelle page affichant toutes les publications parues au cours de cette période.

Pour ajouter un bloc d’archives, il suffit de le trouver dans le menu de gauche et de le faire glisser sur votre mise en page. Après avoir ajouté un bloc, il est conseillé de consulter ses Réglages dans le menu de droite.

Configuring the archives WordPress block

Pour commencer, vous pouvez modifier l’organisation des publications en ouvrant le menu déroulant « Grouper par » et en choisissant une option dans la liste.

Par exemple, si vous avez uniquement un petit nombre de publications, il peut être judicieux de les afficher par jour.

Cependant, si vous avez beaucoup de contenu, vous voudrez généralement choisir « Mois » ou même « Année » afin de ne pas submerger les internautes avec une longue liste.

Grouping archived posts by date

Par défaut, WordPress affiche les publications archivées dans une liste à puces, mais vous pouvez également les présenter sous la forme d’un menu déroulant.

Cela peut être utile si vous disposez de très peu d’espace et que vous devez créer une archive compacte. Pour passer au format déroulant, il suffit de cliquer sur le Diaporama « Afficher sous forme de liste déroulante » pour l’activer.

Displaying posts as a dropdown menu

Le bloc d’archives peut également afficher le nombre total de publications à côté de chaque Titre.

Cela peut aider les internautes à décider quelle partie des archives ils souhaitent consulter en premier.

Creating a custom archive page in WordPress

Vous pouvez également ajouter une archive par catégorie afin que les internautes puissent explorer vos publications en fonction de leur contenu et pas seulement de la date. Cela peut aider les internautes à trouver du contenu intéressant, ce qui les fera rester plus longtemps sur votre site et améliorera votre référencement WordPress.

Pour ajouter ce module, il vous suffit de cliquer sur le bouton bleu « + » et de taper « Liste de catégories ». Lorsque le bon bloc apparaît, ajoutez-le à votre mise en page par glisser-déposer.

Adding a Categories List to a custom archives page

Une fois de plus, il se peut que vous souhaitiez apporter quelques modifications aux Réglages du bloc.

Comme pour le bloc Archives, vous pouvez ajouter un nombre de publications à la liste ou afficher les catégories sous la forme d’un menu déroulant plutôt que d’une liste à puces.

Par défaut, ce bloc affiche toutes les catégories et sous-catégories de la même manière.

A list of categories and subcategories on a custom archives page

Vous pouvez préférer afficher les catégories enfants en retrait par rapport à la catégorie mère.

Pour effectuer cette modification, il suffit de cliquer pour activer le permutateur « Afficher la hiérarchie ».

Showing indented subcategories on a custom WordPress archive

Une autre option consiste à masquer complètement les catégories enfants en activant le permutateur « Afficher uniquement les catégories de premier niveau ».

Vous pouvez également ajouter un nuage d’identifiants, qui peut aider les internautes à trouver du contenu lié à des sujets similaires. Pour ce faire, il vous suffit de trouver « Nuage de tags » dans le menu de gauche et de le faire glisser sur votre mise en page.

Adding a tag cloud to the archive page

Vous pouvez maintenant sélectionner le bloc et le définir à l’aide des Réglages du menu de droite.

Pour commencer, le Nuage d’Étiquettes a deux styles : Par défaut et Contour. Vous pouvez passer de l’un à l’autre en cliquant sur l’icône du petit cercle, puis en choisissant l’une des options proposées dans la rubrique « Styles ».

Adding a tag cloud to a custom archives page

Vous pouvez également afficher le nombre total de publications à côté de chaque identifiant et modifier le nombre d’identifiants inclus dans le cloud.

Il suffit de cliquer sur la petite icône en forme de roue dentée et d’effectuer vos modifications dans cette section.

Changing the tag cloud settings

Malgré le Nom de l’expéditeur, vous pouvez également afficher des catégories dans le Nuage d’Étiquettes. Par exemple, vous pouvez préférer le style du bloc Nuage d’étiquettes à celui du bloc Catégories.

Pour afficher les catégories de votre site, il suffit d’ouvrir le menu déroulant « Taxonomie » et de choisir « Catégories ».

Showing categories in a tag cloud

Les archives sont conçues pour permettre aux internautes d’accéder facilement à l’ensemble de votre contenu.

Toutefois, vous pouvez également mettre en évidence les publications les plus récentes de votre site en ajoutant un bloc « Dernières publications ».

Showing a list of latest posts

Par défaut, ce bloc affiche simplement le titre de chaque publication, mais vous pouvez y ajouter l’auteur/autrice, la date de publication et l’image mise en avant.

Il suffit d’utiliser les permutations du menu de droite pour effectuer ces modifications.

Showing your most recent posts on the archive page

Vous pouvez également afficher l’extrait de la publication, ce qui peut aider les internautes à comprendre le contenu de chaque article.

Pour ajouter les extraits, cliquez sur le bouton « Post Content » pour activer la permutation.

How to show post content and excerpts on the custom archive page

Cliquez ensuite sur le bouton « Extrait » pour le sélectionner.

Par défaut, WordPress affiche un maximum de 55 mots dans l’extrait. Pour afficher plus ou moins de mots, il suffit d’utiliser les Réglages « Nombre maximum de mots dans l’extrait ».

Ensuite, défilez jusqu’à la section « Tri et filtre ».

Consultez cette page pour voir que les publications sont classées de la plus récente à la plus ancienne. Vous pouvez le modifier en ouvrant le menu déroulant « Ordre » et en choisissant une autre option, par exemple « A-Z ».

Organizing the latest posts on your WordPress archive page

Dans cette section, vous pouvez également choisir d’afficher les publications d’une auteur/autrice ou d’une catégorie particulière.

Enfin, vous pouvez modifier le nombre de publications que WordPress affiche dans le bloc, soit en saisissant un nouveau nombre dans la section  » Nombre d’articles « , soit en faisant glisser le Diaporama.

Changing the order of your latest posts

Vous pouvez continuer à travailler sur votre page d’archives en ajoutant d’autres blocs, puis en les configurant dans le menu de droite.

Par exemple, vous pouvez ajouter un bloc Image et afficher un logo personnalisé ou ajouter une barre de recherche pour que les internautes puissent rechercher une publication particulière.

Lorsque vous êtes satisfait de l’aspect du Modèle, cliquez sur le bouton « Publier », puis sur le bouton « Enregistrer ».

La page que vous avez créée précédemment utilise désormais le nouveau Modèle d’archive. Vous pouvez mettre à jour ou publier la page, puis visiter votre site WordPress pour voir la page d’archive personnalisée en direct.

En savoir plus sur l’utilisation de l’éditeur/éditrices complet de WordPress, consultez les guides suivants :

L’éditeur basé sur des blocs vous permet de créer une page d’archives personnalisée simple. Cependant, il ne fonctionne pas avec tous les thèmes, et vous êtes limité aux blocs et outils intégrés de WordPress.

Si vous souhaitez créer une page d’archives entièrement personnalisée qui fonctionne avec n’importe quel thème WordPress, nous vous recommandons plutôt d’utiliser un constructeur de page.

AvancéeProd est le meilleur constructeur de page drag-and-drop pour WordPress. Il est livré avec plus de 180 modèles et blocs prêts à l’emploi, y compris un bloc qui affiche toutes les publications de votre site.

Tout d’abord, vous devez installer et activer SeedProd. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’une extension WordPress.

Note : Il existe une version gratuite de SeedProd qui vous permet de créer des pages personnalisées si vous avez un budget serré et que vous venez de Premiers pas. Cependant, pour ce guide, nous utiliserons SeedProd Pro car il dispose de beaucoup plus de modèles et de blocs.

Après avoir activé l’extension, SeedProd vous demandera votre clé de licence.

Adding the SeedProd license key

Vous trouverez cette information sous votre compte sur le site de SeedProd. Après avoir saisi/saisie la clé, cliquez sur le bouton ‘Verify Key’.

Une fois que vous avez fait cela, allez à SeedProd  » Pages d’atterrissage et cliquez sur le bouton  » Ajouter une nouvelle page d’atterrissage « .

Creating a new SeedProd page

Vous pouvez maintenant choisir un Modèle pour la page d’archives personnalisées.

Les modèles de SeedProd sont organisés en différents types de campagne comme le prospect, le mode maintenance et coming soon. Vous pouvez cliquer sur les onglets en haut de l’écran pour filtrer les modèles en fonction du type de campagne.

SeedProd's professionally-designed templates

Pour prévisualiser un modèle, il suffit de survoler le modèle avec la souris.

Cliquez ensuite sur l’icône de la loupe qui apparaît.

Previewing a SeedProd template

Lorsque vous trouvez un modèle qui vous plaît, cliquez sur « Choisissez ce modèle ». Nous utilisons le « Modèle vierge » car il nous permet de faire table rase du passé, mais vous pouvez utiliser le modèle de votre choix.

Ensuite, allez de l’avant et tapez un nom pour la page personnalisée. SeedProd créera automatiquement une URL basée sur le titre de la page, mais vous pouvez modifier cette URL si vous le souhaitez.

Par exemple, vous pouvez ajouter quelques mots-clés pertinents, car ils peuvent aider les moteurs de recherche à comprendre le sujet de cette page.

En savoir plus, veuillez consulter notre guide sur la recherche de mots-clés pour votre blog WordPress.

Lorsque vous êtes satisfait des modifications saisies, cliquez sur le bouton « Enregistrer et commencer à modifier la page ».

How to create a custom archive using SeedProd

Ceci chargera l’interface du constructeur de page SeedProd. Il s’agit d’un constructeur simple par glisser-déposer qui affiche une Prévisualisation directe de votre page à droite.

Vous verrez également les Réglages des blocs sur la gauche.

How to create a custom archive using SeedProd

Pour commencer, vous devrez choisir une mise en page qui vous permettra d’organiser votre contenu en colonnes.

Dans la section « Choisissez votre mise en page », cliquez simplement sur la mise en page que vous souhaitez utiliser. Vous pouvez choisir n’importe quelle mise en page, mais nous utilisons la mise en page plein écran dans toutes nos images.

Choosing a layout for your custom archive page

Après avoir choisi une mise en page, vous pouvez commencer à ajouter des blocs à la page d’archives.

Le menu de gauche affiche tous les différents blocs que vous pouvez faire glisser sur votre design. Puisque nous créons une page d’archives personnalisée, nous allons ajouter un bloc Publications.

Dans le menu de gauche, commencez à taper « Publications » dans la barre de recherche. Lorsque le bloc de droite apparaît, faites-le glisser et déposez-le sur votre mise en page.

Adding a 'Posts' block to a custom page using SeedProd

Ce bloc affichera désormais le titre de toutes vos publications.

Il comporte également un lien « Continuer la lecture » sur lequel les internautes peuvent cliquer pour lire l’intégralité de chaque publication.

How to add posts to a custom archive page in WordPress

Par défaut, ce bloc affiche toutes vos publications, mais vous pouvez le modifier pour afficher uniquement les publications d’une catégorie ou d’un identifié particulier, ou les publications d’une auteure/autrice spécifique.

Pour effectuer cette modification, il vous suffit de cliquer pour sélectionner le bloc « Mises en page » dans votre mise en page, puis d’utiliser les paramètres dans le menu de gauche.

Par exemple, dans l’image suivante, nous affichons uniquement les publications de la catégorie « Marketing ».

Filtering your archive posts based on category

Vous pouvez également modifier l’organisation des publications dans le bloc. Par exemple, vous pouvez afficher les publications en fonction de leur date de publication ou du nombre de commentaires qu’elles contiennent.

Pour modifier l’ordre de vos publications, défilez simplement jusqu’à la case  » Commander par  » et choisissez une nouvelle option. Par défaut, SeedProd affiche les publications dans l’ordre  » ASC « , ce qui signifie croissant.

Pour trier vos publications par ordre décroissant, ouvrez simplement le menu déroulant « Ordre » et choisissez « DESC ».

Showing posts in descending order

Ensuite, vous pouvez défiler jusqu’à la section  » Mise en page  » et modifier l’affichage de la liste des publications.

Par exemple, vous pouvez diviser les publications en plusieurs colonnes en saisissant un nouveau nombre dans le champ « Colonnes ».

Creating a multiple column archive page

Vous pouvez également modifier le nombre de publications incluses dans la liste, ajouter ou masquer les extraits de publication et modifier le texte « Continuer la lecture ».

Lorsque vous êtes satisfait de l’aspect de la liste des publications, vous pouvez ajouter d’autres blocs à votre page d’archives et personnaliser ces blocs à l’aide des paramètres du menu de gauche.

Par exemple, vous pouvez encourager les gens à vous suivre sur les réseaux sociaux en ajoutant un bloc « Profils sociaux ».

Adding social profiles to a custom page

Lorsque vous êtes satisfait de la façon dont la page est définie, il est temps de la publier en cliquant sur la flèche déroulante située à côté de « Enregistrer », puis en sélectionnant « Publier ».

Votre page personnalisée est maintenant en direct sur l’interface publique de votre blog WordPress.

Publishing your SeedProd custom archive page

Pour aider les internautes à trouver la page d’archive, vous pouvez l’ajouter à votre menu de navigation ou au pied de page de votre site.

Astuce bonus : Créer une page d’archive de types de publication personnalisés dans WordPress

Utilisez-vous des types de publication personnalisés pour votre site WordPress ? Si c’est le cas, vous pouvez envisager de créer une page d’archives pour les types de publication personnalisés uniquement.

Lorsque vous utilisez des types de publication personnalisés, WordPress utilise le Modèle d’archive par défaut pour les afficher. Cela dit, ce n’est peut-être pas la façon la plus attrayante ou la plus conviviale d’afficher vos types de publications personnalisés.

En savoir plus sur ce Sujet, consultez notre article sur la façon de créer une page d’archive de types de publications personnalisées dans WordPress.

Nous espérons que cet article vous a aidé à créer une page d’archives personnalisée dans WordPress. Vous pouvez également consulter notre article sur la façon de limiter le nombre de mois d’archives affichés dans WordPress et les extensions WordPress incontournables pour faire grandir votre site.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

80 commentairesLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Martin says

    Great article.

    I have maybe a silly question. Is there any SEO benefit if I have a custom archive page or even archive.php. in the theme folder?

    Or is it the same as creating a new page with url mydomain/archive and listing all my posts and pages based on the categories I want. This is what I would prefer.

    Thank you

    • WPBeginner Support says

      Having a custom archive would not give an SEO benefit, it would be personal preference and you can use your second method if you wanted.

      Administrateur

  3. Aileen says

    Hi–my site is using the Genesis framework an it has a child theme. I tried to implement the page-archive.php, but I skipped the part where I copy the page design from page.php and I’d hope it would work regardless.
    So when I tried implementing this, when I go to my Archive place, it gives an Internal error, ie. 505 and cannot find the page itself.
    How does this work with Genesis?

    • WPBeginner Support says

      Adding a custom page template would be the same as with any other theme, it seems like there may be a problem with the code you’re using to create the archive page.

      Administrateur

  4. Rahul Lakra says

    Firstly, Thank you so much. But I can’t see any sidebar in this page. In normal pages it is visible. I will be so happy if you can help me out to display sidebar here too. Thanks In advance!

    • WPBeginner Support says

      For the sidebar, sadly that is theme specific for what needs to be added, if you reach out to your theme’s support they should be able to let you know how they have the sidebars added to the templates.

      Administrateur

  5. Vijay Sundaram says

    Hi,

    This was a great tutorial. However, the CSS code for the categories does not seem to work. It is shown as a list with categories and subcategories. Where do I embed the code that you have given in the style.css file? What is meant by make it appear inline? It would be great if you could help me resolve this?
    Regards,
    Vijay Sundaram

Répondre à gary bvings Annuler la réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.