Créer une page d'archive d'un type de contenu est relativement simple, il convient de nommer le fichier archive-CPT.php dans le dossier de votre thème.
La problématique ici consistait non seulement à lister tous les contenus mais en tenant compte des termes qui leur étaient reliés.
Si je devais résumer, voici le résultat souhaité :
- Terme 1
- Contenu A
- Contenu B
- Contenu C
- Terme 2
- Contenu A
- Contenu B
- Contenu C
- Terme 3
- Contenu A
- Contenu B
- Contenu C
Et ainsi de suite jusqu’à ce que tous les contenus aient été listés dans ma page d’archive.
Pour ce faire, j’ai donc commencé par lister les termes à l’aide de la fonction get_terms en spécifiant le nom de la taxonomie reliait à mon type de contenu.
Ensuite, pour chaque terme, une requête WP_Query pour récupérer les contenus qui sont bien associés à ce terme. Une fois dans la boucle, à vous de choisir les éléments que vous souhaitez récupérer : le titre, le permalien, l’image à la une, etc.
Voici l’intégralité du code du tutoriel avec des éléments facultatifs pour bien présenter les choses dont le titre de la page d’archive.
<?php if (! defined('ABSPATH')) die('Restricted Area'); ?>
<?php get_header(); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<header class="page-header">
<h1 class="container"><?php post_type_archive_title(); ?></h1>
</header>
<?php endwhile; endif; ?>
<div class="content">
<div class="container">
<?php
$taxonomy = 'NOM_TAXONOMIE';
$term_args = array(
'orderby' => 'name',
'order' => 'ASC'
);
$terms = get_terms($taxonomy,$term_args);
if ($terms) { foreach($terms as $term) {
?>
<?php
$args = array(
'post_type' => 'NOM_CPT',
'tax_query' => array(
array(
'taxonomy' => 'NOM_TAXONOMIE',
'terms' => array($term->term_id),
'include_children' => true,
'operator' => 'IN'
)
)
);
$my_query = new WP_Query($args); if ($my_query->have_posts()) { ?>
<div class="row">
<h1 class="term-title"><?php echo $term->name; ?></h1>
<?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
<div class="col-sm-2">
<?php if (has_post_thumbnail()) : ?>
<?php the_post_thumbnail('thumbnail', array('class' => 'img-responsive aligncenter')); ?>
<?php endif; ?>
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php _e('Permanent link to ', 'textdomain'); ?><?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
</div>
<?php endwhile; ?>
</div>
<?php }
} } ?>
<?php wp_reset_query(); ?>
</div>
</div>
<?php get_footer(); ?>
Le reste vous l’aurez compris n’est que mise en forme HTML / CSS. Ici, je me base sur le framework CSS de Twitter Bootstrap.
Bonjour Aurélien
Je cherche à faire la même chose mais sur les pages des mots clés ( pages des tags). Pour le moment, wordpress affiche tous les articles qui contiennent chaque mots clés. Moi, je voudrai qu’il m’affiche les articles mais classés par catégorie.
Exemple :
Page d’un mot clé :
Catégorie 1
Contenu A
Contenu B
Contenu C
Catégorie 2
Contenu A
Contenu B
Contenu C
Catégorie 3
Contenu A
Contenu B
Contenu C
De plus, j’aimerais également qu’il ne m’affiche pas les articles provenant des sous-catégories d’une catégorie en particulier. est ce possible de faire ca ?
Merci pour votre aide
Bonjour,
J’ai créé une page template comme celle-ci, mais rien ne s’affiche est-ce normal ?
(a qui puis-je envoyer le lien en MP pour vérification ?)
Phil
Ce tutoriel est plutôt technique et je vous invite à vérifier chaque ligne de code en fonction de votre site au préalable.
@Julio : je pense qu’il y a une coquille sur le foreach non ? Et sinon oui ça fonctionne nickel. 🙂
Merci à Aurélien et à Julio. J’ai eu un casse tête similaire avec des query sur mesure sur les archives des custom taxonomy et c’est le pre_get_posts qui m’a sauvé.
Oui très pratique ! Et différentes techniques existent.
P.S : oui oui 😉
Merci les gars!
@Julien, pourquoi serait suicidaire de mettre tous les articles sur une seule page? (pour exemple, une page dédiée à une liste d’articles d’une catégorie spécifique)…
Hello !
As-tu remarqué que celà ne charge que les X articles pour chaque terme (X=selon les options de lecture de ton WP) ? Tu as oublié de mettre “-1” en “posts_per_page” !
Aussi, comme tu es sur une page d’archives, WordPress a déjà une requête qu’il a été faite pour toi, la “main query” et tu ne l’utilises pas !?
Puis, tu vas faire une WP_Query pour chaque terme ? Omg :O
Aussi, n’oublie pas que si tu souhaites afficher TOUS les articles sur une page, c’est assez suicidaire, ça va si tu en a peu sinon … PAF la pastèque.
Pour en revenir à la main query, je pense qu’il serait mieux de toucher à pre_get_posts, check si on est en is_home pour cette main query, dans ce cas mettre -1 en posts_per_page, ce qui va te permettre d’avoir tous les articles dans la page d’archive.
Maintenant, plus aucune query à faire, TOUS tes articles sont là, à toit de filtrer l’affichage à base de has_term.
Et enfin, tout ceci manque de cache, où est le transient ? A chaque reload de chaque visiteur je dois tout re-récup ? wowowow.
Bon, je viens de tester le code et le faire à ma sauce : http://pastebin.com/fwnMEgYw
Qu’en dis-tu ? Il prends en charge les transients (je suis passé de 335 reqs à 61), 0 WP_Query, pas de reset query car pas de the_post qui écrase la globale, chacune des fonctions utilisée peut prendre un post ou un ID en param, et ça liste vraiment tout grâce à ce hook à mettre en plugin/mu-plugin/functions.php (au choix).
(et code commenté ^^)
Bisous
Hey, pour tout te dire je me demandais quand tu allais enfin commenter mon code ! 🙂
Je vais tester cela dès demain vu qu’il s’agit d’un projet en cours héhé. Oui le posts_per_page je pensais l’avoir mis mais non…
Merci l’ami !
auto réponse, il faut lire “is_post_type_archive( $post_type )” au lieu de “is_home()” et le pastebin du hook ici : http://pastebin.com/Y9ywcCHp
Tout fonctionne au poil ! Merci bien !
Reste un point : vider le transient sinon le cache ne se régen pas. Il faut le faire au save_post, delete_post, save_term, delete_term, etc etc
Justement je me suis aperçu que effectivement ça ne vidait pas le cache… tu mets à jour ton code ?
Voilà quelques hooks qui devraient faire l’affaire.
http://pastebin.com/9ABV2ByF
Aussi, après réflexion, il faut mettre ce transient en cache timé pendant 1 an, le but est qu’il ne soit chargé qu’à la demande et pas non stop (autoload) car il pourrait alors être assez gros et faire grimper la mémoire PHP utilisée pour rien.
“365*DAY_IN_SECONDS” pour le timeout 🙂
Pas trop décousue comme réponse ? ^^