Les types de publication personnalisés vous permettent de gérer et d’afficher séparément différents types de contenu, comme des portfolios, des témoignages ou des produits. Une page d’archive dédiée à ces types de publication personnalisés aide les internautes à trouver facilement un contenu spécifique, offrant ainsi une expérience structurée sur votre site.
Toutefois, la création de cette page peut s’avérer difficile et accablante pour les débutants.
Ici à WPBeginner, nous avons aidé d’innombrables utilisateurs à personnaliser leurs sites WordPress en fonction de leurs prérequis. Puisque nous avons une compréhension profonde des permissions de WordPress ainsi que des besoins des débutants, nous savons comment vous fournir des conseils simples et toujours fiables.
Dans cet article, nous vous guiderons étape par étape pour créer facilement une page d’archive de type publication personnalisée dans WordPress.
Qu’est-ce qu’une page d’archive de type de publication personnalisé dans WordPress ?
La gestion du contenu sur votre site WordPress peut rapidement devenir chaotique, en particulier lorsque vous avez affaire à plusieurs types de contenu comme des portfolios, des témoignages ou des produits.
Souvent, les modèles d’archives par défaut n’offrent pas la flexibilité ou la conception qui correspond au style unique de votre marque. Cela peut conduire à un aspect encombré et non professionnel qui frustre les internautes et risque de les faire fuir.
La page d’archive d’un type de publication personnalisé permet aux utilisateurs/utilisatrices de voir tous les articles classés sous un type de publication personnalisé particulier.
Lorsque vous créez un type de publication personnalisé, WordPress génère automatiquement des pages d’archives pour ce type de publication. La page d’archive est une liste de tous les articles associés à ce type de publication personnalisé. Vous permettez ainsi aux internautes de parcourir et d’accéder facilement au contenu de ce type de publication.
Par défaut, WordPress propose deux types de publication couramment utilisés, les » Posts » et les « Pages« . Les extensions WordPress peuvent également créer leurs propres types de publication.
Par exemple, WooCommerce ajoute un nouveau type de publication appelé Produits à votre site WordPress.
De même, vous pouvez créer des types de publication personnalisés et les utiliser pour gérer différents types de contenu.
Après avoir créé votre type de publication personnalisé, vous pouvez l’utiliser dans la zone d’administration de WordPress. Cependant, c’est votre thème WordPress qui est responsable de l’affichage de tout votre contenu.
Si votre thème n’a pas de modèle pour un type de publication particulier, WordPress utilisera le modèle d’archive par défaut pour afficher la page d’archive de n’importe quel type de publication.
Pour en savoir plus, consultez notre guide sur la hiérarchie des modèles WordPress et comment les utiliser dans votre thème WordPress.
Si vous souhaitez modifier l’affichage de la page d’archive de votre type de publication personnalisé, vous pouvez créer un modèle personnalisé.
Ceci étant dit, voyons comment créer facilement une page d’archive de type publication personnalisée dans WordPress.
Activer l’archivage pour votre Type de publication personnalisé dans WordPress
Avant de pouvoir créer et utiliser la page d’archive du type de publication personnalisé, assurez-vous d’abord que la fonctionnalité d’archive est activée dans votre type de publication personnalisé.
Par exemple, si votre type de publication personnalisé s’appelle films et que vous avez activé les permaliens SEO-friendly, l’archive de votre type de publication sera libellée comme suit :
https://example.com/movies
Si vous obtenez une page d’erreur 404 lorsque vous visitez cette page, c’est que la fonctionnalité d’archive n’est pas activée pour votre type de publication.
Maintenant, si vous avez utilisé une extension pour générer votre type de publication personnalisé, alors vous pouvez simplement le modifier à cet endroit et activer la fonctionnalité d’archive.
Par exemple, dans l’extension CPT UI, vous pouvez modifier votre type de publication personnalisé et activer la fonctionnalité « Has Archive » dans les Réglages du type de publication.
En revanche, si vous avez utilisé du code pour générer votre type de publication personnalisé, vous devrez modifier ce code pour activer les modifications.
Voici un exemple abrégé du code utilisé pour générer un type de publication. Vous pouvez voir que la dernière ligne comporte un attribut supplémentaire permettant d’activer les pages d’archive :
add_action( 'init', 'create_post_type' );
function create_post_type() {
register_post_type( 'movies',
array(
'labels' => array(
'name' => __( 'Movies' ),
'singular_name' => __( 'Movie' )
),
'public' => true,
'has_archive' => true,
)
);
}
Après avoir ajouté la fonctionnalité has_archive
, vous pourrez voir la page d’archive de votre type de publication personnalisé au lieu d’obtenir une erreur de WordPress.
Outil de personnalisation de votre page d’archive de type de publication personnalisé
Pour certains utilisateurs/utilisatrices, le modèle d’archive par défaut conviendra parfaitement. Il listera tous les articles que vous avez publiés sous votre type de publication personnalisé.
Toutefois, certains utilisateurs/utilisatrices voudront peut-être la modifier un peu pour qu’elle ait un aspect différent de celui des archives de votre blog et d’autres pages d’archives.
Vous pouvez le faire en ajoutant un modèle personnalisé pour votre type de publication personnalisé à votre thème WordPress.
Tout d’abord, vous devez vous connecter à votre site WordPress à l’aide d’un client FTP ou via l’application Gestionnaire de fichiers de votre panneau de contrôle de l’hébergeur.
Une fois connecté, vous devez naviguer jusqu’au dossier /wp-content/themes/votre-thème-courant/.
À partir de là, vous devez télécharger le fichier archive.php sur votre ordinateur.
Une fois téléchargé, vous devez renommer le fichier en archive-{posttype}.php, où {posttype} est le nom de votre type de publication personnalisé.
Par exemple, si votre Type de publication personnalisé s’appelle films, vous devrez le renommer en archive-movie.php.
Vous pouvez maintenant ouvrir ce fichier à l’aide d’un éditeur de texte tel que le Bloc-notes pour y apporter des modifications.
Ce fichier contient déjà tout le code nécessaire pour afficher le contenu du type de publication personnalisé. Vous pouvez ajouter le code que vous souhaitez ou modifier la mise en page du Modèle existant.
Astuce : si vous avez besoin d’aide, consultez notre aide-mémoire sur le développement de thèmes WordPress pour les débutants.
Lorsque vous êtes satisfait de vos modifications, n’oubliez pas d’enregistrer le fichier.
Ensuite, vous devez téléverser ce fichier dans le dossier de votre thème WordPress à l’aide du FTP ou de l’application Gestionnaire de fichiers.
Vous pouvez maintenant visiter la page d’archive de votre type de publication personnalisé pour voir vos modifications en action.
Créer une page d’archive avec un type de publication personnalisé en utilisant SeedProd
Pour cette méthode, nous allons utiliser SeedProd. C’est le meilleur plugin de constructeur de page WordPress sur le marché et il vous permet de créer facilement des pages personnalisées pour votre site.
L’extension dispose d’une interface drag-and-drop qui vous autorise à concevoir facilement votre page de type de publication personnalisée sans écrire de code. Vous pouvez également l’utiliser pour concevoir d’autres pages sur votre site ou même créer un thème personnalisé à partir de zéro.
Tout d’abord, vous devez installer et activer l’extension SeedProd. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.
Lors de l’activation, saisissez votre clé de licence. Vous trouverez cette information dans votre compte sur le site de SeedProd.
Ensuite, visitez l’écran SeedProd » Pages d’atterrissage à partir du Tableau de bord WordPress.
À partir de là, cliquez sur le bouton » Ajouter une nouvelle page atterrissage » pour commencer.
Ensuite, vous devez choisir un modèle pour votre page.
S’il existe un modèle similaire à la conception de votre site, vous pouvez l’utiliser ou commencer avec un modèle vierge.
Ensuite, vous devez donner un nom à votre page et choisir une URL.
Confirmez que vous utilisez quelque chose qui représente votre type de publication personnalisé.
Vous accéderez ainsi à l’interface du constructeur de page.
Vous pouvez choisir une mise en page pour commencer, puis commencer à ajouter des blocs dans la colonne de gauche.
Commençons par ajouter le bloc Publications pour afficher les articles de votre type de publication personnalisé.
Il suffit de faire glisser et de déposer le bloc Publications de la section Avancés sur votre page.
Par défaut, le bloc des publications affiche les articles de votre blog.
Cliquez sur les Réglages du bloc, puis sélectionnez votre type de publication dans la section Requête par type de publication.
Après cela, vous pouvez passer en revue d’autres options pour activer l’image en avant, modifier la taille de l’extrait, et plus encore.
Lorsque vous avez terminé les réglages du bloc de publication, vous pouvez passer à l’onglet Sections et ajouter un en-tête ou un pied de page à votre mise en page.
Une fois les modifications terminées, vous pouvez publier votre page.
Il suffit de cliquer sur la flèche déroulante située à côté du bouton Enregistrer et de sélectionner « Publier ».
Vous pouvez maintenant visiter votre page personnalisée en cliquant sur l’onglet Prévisualisation pour la voir en action.
Voici à quoi ressemble la page d’archive de notre type de publication personnalisé sur notre site de test.
Vous pouvez également ajouter cette page à votre menu de navigation ou continuer à la modifier pour l’optimiser davantage.
Exemples de pages d’archive de type de publication personnalisé
L’utilisation d’un Modèle personnalisé pour votre page d’archive de type publication vous permet de la personnaliser en fonction de vos besoins.
Par exemple, vous pouvez retirer la colonne latérale, modifier la mise en page de la page et fournir plus de contexte pour rendre la page d’archive plus attrayante.
Voici quelques exemples de pages d’archives de type personnalisation avec leurs propres modèles personnalisés.
La pageOutil de personnalisation est un type de publication personnalisé qui utilise son propre modèle d’archive.
Nous utilisons également un modèle personnalisé pour notre section Glossaire WordPress.
Il s’agit également d’un Type de publication personnalisé auquel les lecteurs peuvent facilement se référer lorsqu’ils ne comprennent pas certains termes.
Nos amis de MemberPress utilisent un modèle d’archive de type personnalisé pour leur section de modules.
Vous pouvez voir l’exemple dans la capture d’écran ci-dessous.
Nous espérons que cet article vous a aidé à apprendre comment créer facilement une page d’archive de type de publication personnalisé. Vous pouvez également consulter notre guide sur la façon d’inclure les types de publication personnalisés dans les résultats de recherche de WordPress et notre liste de tutoriels utiles sur les types de publication personnalisés de WordPress.
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.
Fabio
Hi there
I’ve created the Archive Page adding the archive-custom.php file to the file manager of my website as explained here.
Only, I have no way to customize it but using the theme embedded Customize section.
I thought instead I was going to be able to customize the CPTs Archive Page as all other pages, i.e. with a page builder (Elementor in my case).
Where did I go wrong (in case I did)?
WPBeginner Support
It would depend on your specific theme for what customization options are available which is why we recommend SeedProd in our article to give a drag and drop customization option.
Administrateur
Ifeoluwa Ajetomobi
Hi, love is step by step guide, but I would love to know how to create an archive template page for a book directory, instead of using any filter to navigate categories, I will love to learn how to create a custom archive page to display each categories.
Eg. Like a business listing site, people can filter by location, business type but I will love to know how to create archive page for it instead of using filter
Thank you
WPBeginner Support
To create a directory instead of am archive page, we would recommend following our guide below to create a directory:
https://www.wpbeginner.com/plugins/how-to-create-a-web-directory-in-wordpress/
Administrateur
Leo Brady
Hi there, thanks for your Custom Post blogs!
I have successfully created a custom post type and associated Archive page.
I now want to display the custom posts on the main Archive page as well, so that if for example someone click a Category link they see the regular and custom posts that have that particular Category.
What is the best way to achieve this?
WPBeginner Support
You would want to take a look at our guide on adding custom post types to categories below:
https://www.wpbeginner.com/wp-tutorials/how-to-add-categories-to-a-custom-post-type-in-wordpress/
Administrateur
Carrie Lewis
I have a quick question. I am trying to build a FAQ page and I would like just the questions to show on the main archive page and not the content. So when they click on the questions it will take them to the content page itself.
Also is there a way to not show the authors name in the posted content. I am not a programmer but am learning. Thanks.
WPBeginner Support
For the FAQ you may want to take a look at our article here: https://www.wpbeginner.com/plugins/how-to-add-a-frequently-asked-questions-faqs-section-in-wordpress/
For removing the author name you would want to take a look at our article here: https://www.wpbeginner.com/wp-themes/how-to-remove-author-name-from-wordpress-posts/
Administrateur
Sunny Singh
What would be the URL to access the archive page?
Monique
Everything works but how do you give your custom post type another design as your other posts? Can you use it with a single.php file that sends each post to its own single-[tag or category].php file? I tried this out and get the right single post URL in the location bar but the wrong content on the page.
dragoescu alin
Hello, I just creat a new file archive for a new type. The name of new typw it’s firma.
The archide page it’s call archive-firma.php . All run good but i realy don’t know where i can insert new php code.
I want to add new code because i use ACF codes.
please any help ?
The page code it’s:
<?php
the_archive_title( '’, » );
the_archive_description( », » );
?>
__( ‘Previous page’, ‘twentysixteen’ ),
‘next_text’ => __( ‘Next page’, ‘twentysixteen’ ),
‘before_page_number’ => » . __( ‘Page’, ‘twentysixteen’ ) . ‘ ‘,
) );
// If no content, include the « No posts found » template.
else :
get_template_part( ‘template-parts/content’, ‘none’ );
endif;
?>
Rima
Hello
It’s ammazing completely job .
Congractulations .
Can you please help me make my own archiving for the kids club .to save all things in safety way .
Can you help me ??
Essekia Paul
I think, when working on really extensive websites with a lot of post types, taxonomies, terms, it is better to manage archives with something like the Elementary plugin.
This also makes it easier to maintain / separate the content / design of archives.
Hariharakumar
My category archives for CPT are displaying in archive.php instead of archive-{CPT}.php what should i do now? please help
Rafael Cavalcante
Replace {CPT} with the name of your custom post type.
IE.:
For « register_post_type(‘brand’) », your template will be archive-brand.php
Max
WordPress files and their editing was just like a scare forest where i can’t find my desired code. PHP was just like a mountain that can’t be handled by me. but with this blog’s post give a confidence and a boost to start.
Now i have hand on almost from installing to deploying WordPress website/blog.
Thanks and Honors for Mr. Balkhi
Jeremy
what if I already have a page at yoursite/deals which has content on it. What would the url to my category’s archive page be?
Jouke Nienhuis
You must not think in real internetlinks or URI as they are called. In Wordpress you have an option to rewrite the url, so that it links directly to the post name or category archive. In the address bar, you normally see an address pointing to a file, or if you have it directed to a directory, like it looks in your example, it can take its index.html or index.php file in that directory. But in a WordPress site that address is cloaked and in reality it takes you to archive-deals.php. So no conflicts here. You have to change the thinking form normal linking to an address to a Wordpress linking.
linx
Never mind, i solved my problem by adding this to my functions.php
function template_chooser($template)
{
global $wp_query;
$post_type = get_query_var(‘post_type’);
if( $wp_query->is_search && $post_type == ‘member’ )
{
return locate_template(‘archive-member.php’);
}
return $template;
}
add_filter(‘template_include’, ‘template_chooser’);
RHUT
How to create drop down select box for custom post type category and subcategory.
linx
i’ve created an archive-member.php and a search form to filter the results. however everytime my search includes the ‘s’ query string, it displays the results in the archive.php. eg:
?post_type=member&s=custom_post_title (displays results in archive.php)
?post_type=member&custom_taxonomy=developer (displays results in archive-member.php)
i want all results that uses ?post_type=member to display in the archive-member.php.
please help
Niniko Kacharava
Thanks so much for another simple and comprehensive post! You saved me tons of work once again!
Davy
Thanks, this is really helping me out!
But I don’t get it the way I want it to. If I look at the examples given at the end, it looks quite similar to what I want to establish.
I want to show 3 posts per row, with each post the title and thumbnail. When clicking on them there will be a pop-up window. (Html is ready for it so I only need to know how to set this up)
This archive page is pretty much the same as I displayed my post in each category, but I’m getting stuck here..
So how do I get this in to the php correctly?
The page I made before, didn’t showed the posts but an link to archive….
Can you help me out and tell me how the example pages work?
They are quite similar to what I want.
Thanks already,
Davy
Damon
Hey bud Try Pods for this and create archive page, and re-write it with the template.
raul
Hi there,
Very helpful article. I’ll be trying it soon.
I have a related question:
Would you be able to somehow display the list of custom post archive pages, including not just the title of the pages, as you have it:
• opinion
• showcase
• themes
…but displaying also a featured image for each archive page, the way you can with post lists?
WPBeginner Support
Yes sounds do able. One easier approach would be using featured images with the same name as custom post type then you can use something like:
1-click Use in WordPress
Needs improvement but we hope you get the idea.
Administrateur
Jamshed
Thanks a lot for this.
It’s really helpful for me to understand the flow of custom post type and how to handle it!
thanks again……
Lorenzo
Hi,
Thanks for this tutorials.
Is possible to display, a Title and Description in a archive-post_type.php page?
I have lot of archive page in my site and I want to set a good SEO for this page.
I have create all Custom Post Type with a Custom post type UI plugin and with a Yoast plugin now I can set all SEO option in all custom post type but not in archive page.
Have a suggest for me?
Thank you
Lorenzo
Editorial Staff
Yes you should be able to add an h1 tag with title and description in the template.
Administrateur
Lorenzo
Thank you!
I know this opportunity but I meant :
with the and code? how I can insert?
and
I have a network of blog for administrate multilanguage site (this site are not build by me, I had take this work of administration this site) and archive-post_type.php call a type of Custom Post Type that have the same name for EN site and DE site.
If add the code inside the archive-post_type.php, the Title and the Description are only in one language and I can’t insert SEO for DE site.
I know that my site is complicated and built bad but I can’t change this setting and I search a solution for insert SEO title, meta description and meta keyword in all languages that is made my site.
You think that is impossible for my settings?
Lorenzo
Sorry but the html code that I’ve written are deleted from site.
in this paragraph : « with the and code? how I can insert? » I meant:
– with the Title and <meta description code
Editorial Staff
Use WPML plugin.
Ifty
Not working in version 3.5.1 . I got 404 error.
Editorial Staff
Go to Settings » Permalinks. Then click save again. This should work then.
Administrateur
Shahriar
« Go to Settings » Permalinks. Then click save again. This should work then. »
It’s not working though I tried the way as you said. But same problem like IFTY. 404 error. I am using 3.5
Unknown Agent
>Go to Settings » Permalinks. Then click save again. This should work then.
Was also getting a 404 error and this solved it.
Would never of fixed this other otherwise as such a massively illogical solution
Thank you!
jim lott
To make pagination work you need to call the paged variable into your posts calls.
query_posts( ‘post_type=xxxxxxx&post_status=published&posts_per_page=10&paged= » . get_query_var(‘paged’) ′);
Kyle
Works like a charm – thanks dude
phpadam
I can’t get this code to work. In fact, I spent hours with it. I’m not sure what global $query_string actually does, but the code will not work while that is in there. No posts display at all. It’s as though the query doesn’t return any results.
If I replace this line: global $query_string; query_posts($query_string . « post_type=mentions&post_status=published&posts_per_page=10 »);
with this line query_posts( ‘post_type=mentions&post_status=published&posts_per_page=2’);
I get results, but the pagination code does not work. The link changes from previous results to next results, but the result list does not change. The same posts are displayed on every page
RyanMauroDesign
@jmdocherty I’m looking for that answer as well. my ‘next’ and ‘previous’ links bring me to my 404 page.
katarsis20032002
the code above don’t work for me
the solution i was found there was in the codex
»
For example, to set the display order of the posts without affecting the rest of the query string, you could place the following before The Loop:
global $query_string; query_posts( $query_string . ‘&order=ASC’ );
When using query_posts() in this way, the quoted portion of the parameter must begin with an ampersand (&)…
»
the & is missing
this is the original link
http://codex.wordpress.org/Function_Reference/query_posts
jmdocherty
+1 for « does anyone know how to get the ‘next’ and ‘previous’ links working ». Thanks for the great post though
ValDes
This really helped me out too. Any idea on how to get the prev and next links to work
Mike
Thanks for the post, how ever — Your method was returning all products from all categories. I modified it to retrieve only the products in the current category.
$thisCat = get_category(get_query_var(‘cat’),false);
query_posts(« post_type=product&post_status=publish&posts_per_page=10&cat= ».$thisCat->cat_ID);
sander
Hi ,
thanks for the tip!
although i didnt get it working, until i deleted the « $query_string . » from the query_posts string.
why is it in there?
thanks again
Ramsey Stoneburner
@sander
THANK YOU! for posting this! I was following the above tutorial and have been wracking my brain for several hours trying to get it to work. I decided to check the comments in case someone found anything and I got it working thanks to your comment!
Stephan Deglow
same for me
@sander thank you
@wp-beginner: please edit the article and take out that damn $query_string thingy
Stephan Deglow
@myself: check the wp codex before commenting.
« When using query_posts() in this way, the quoted portion of the parameter must begin with an ampersand (&). »
and this is indeed the problem in the snippet provided above there is an ampersand missing:
query_posts(« &post_type
is the way to go..
further reading: http://codex.wordpress.org/Function_Reference/query_posts
Ben Tremblay
This is a nice step.
For what I need? Half step.
I’d love to use this for, say, posts that are parents, and posts that are their children.
Catch is that a parent’s child can also have children, so that child is both child and parent. And if I can give that one both, I still have to keep the relationship straight … they aren’t apples and oranges in a barrel.
But thanks!
Darren Nickerson
Interesting post, I will be trying this out in the near future. I have noticed the posts on this website really improving over the past couple of months, great job.
ovidiu
and a slightly simpler plugin with less features: http://wordpress.org/extend/plugins/simple-custom-post-type-archives/
ovidiu
nice article but there is also a plugin out there caled: custom psot types archives: http://ratvars.com/custom-post-type-archives