From 582b7cf775254a167fd8913abf483100e6cc521c Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Fri, 13 Feb 2026 15:46:24 +0100
Subject: [PATCH] FEATURE Introducing nested reusable components to handle
 better content and archive page

---
 .../analyses-etudes/analyses-etudes-grid.php  | 87 +++++++++++++++++
 .../analyses-etudes/archives-header.php       | 15 +++
 .../analyses-etudes/card-analyse-etude.php    | 42 +++++++++
 .../toolbar-analyses-etudes.php               | 58 ++++++++++++
 .../components/archive/latest-parutions.php   | 42 +++++++++
 .../components/archive/post-grid.php          | 93 +++++++++++++++++++
 template-parts/components/content-meta.php    | 28 ++++++
 template-parts/components/post-card.php       | 44 +++++++++
 .../components/subscribe-infolettre.php       |  7 ++
 template-parts/expositions/archive-header.php | 15 +++
 .../outils-pedagogiques/archive-header.php    | 15 +++
 template-parts/page-header.php                |  3 +-
 12 files changed, 448 insertions(+), 1 deletion(-)
 create mode 100644 template-parts/analyses-etudes/analyses-etudes-grid.php
 create mode 100644 template-parts/analyses-etudes/archives-header.php
 create mode 100644 template-parts/analyses-etudes/card-analyse-etude.php
 create mode 100644 template-parts/analyses-etudes/toolbar-analyses-etudes.php
 create mode 100644 template-parts/components/archive/latest-parutions.php
 create mode 100644 template-parts/components/archive/post-grid.php
 create mode 100644 template-parts/components/content-meta.php
 create mode 100644 template-parts/components/post-card.php
 create mode 100644 template-parts/components/subscribe-infolettre.php
 create mode 100644 template-parts/expositions/archive-header.php
 create mode 100644 template-parts/outils-pedagogiques/archive-header.php

diff --git a/template-parts/analyses-etudes/analyses-etudes-grid.php b/template-parts/analyses-etudes/analyses-etudes-grid.php
new file mode 100644
index 0000000..f291db7
--- /dev/null
+++ b/template-parts/analyses-etudes/analyses-etudes-grid.php
@@ -0,0 +1,87 @@
+<?php
+$analyses_etudes_posts = new WP_Query(array(
+	'post_type' => 'analyses-etudes',
+	'posts_per_page' => -1
+));
+$post_count = $analyses_etudes_posts->post_count;
+$authors = get_posts(array(
+	'post_type' => 'auteurs',
+	'posts_per_page' => -1
+));
+
+$types = get_terms(array(
+	'taxonomy' => 'type',
+	'hide_empty' => true,
+));
+
+?>
+
+
+<section class="post-grid content-section">
+	<h2 class="find-publication__title title-small">Trouver une publication</h2>
+	<div class="content-section__inner">
+
+		<div class="post-grid__toolbar">
+
+			<div class="search-by">
+				<p class="search-by__label">Filtrer par</p>
+				<div class="search-by__buttons" data-filter="thematique">
+					<button data-filter="thematique" aria-selected="true">Thématique</button>
+
+					<button data-filter="occurence" aria-selected="false">Mot clé</button>
+				</div>
+
+			</div>
+			<div class="post-grid__toolbar-actions" data-post-type="revues">
+				<div class="search-bar">
+					<input type="text" placeholder="<?php _e('Rechercher par mot-clé', 'dynamiques'); ?>">
+				</div>
+
+
+				<select name="types">
+					<option value=""><?php _e('Tous les types', 'carhop'); ?></option>
+					<?php foreach ($types as $type) : ?>
+						<option value="<?php echo $type->slug; ?>" <?php selected($type_slug, $type->slug); ?>>
+							<?php echo $type->name; ?>
+						</option>
+					<?php endforeach; ?>
+				</select>
+				<select name="auteurs">
+					<option value=""><?php _e('Tous·tes les auteur·e·s', 'dynamiques'); ?></option>
+					<?php foreach ($authors as $author) : ?>
+						<option value="<?php echo $author->ID; ?>"><?php echo $author->post_title; ?></option>
+					<?php endforeach; ?>
+				</select>
+
+
+			</div>
+
+			<h2 class="post-count">
+				<span class="post-count__count">
+					<?php echo $post_count; ?>
+				</span>
+				<span class="post-count__text">
+					<?php _e('revues', 'dynamiques'); ?>
+				</span>
+			</h2>
+			<select name="sort_by">
+				<option value="date_desc" selected><?php _e('Numéros récents en premier', 'dynamiques'); ?></option>
+				<option value="date_asc"><?php _e('Numéros anciens en premier', 'dynamiques'); ?></option>
+				<option value="title_asc"><?php _e('Par ordre alphabétique', 'dynamiques'); ?></option>
+			</select>
+
+
+		</div>
+
+
+		<ul class="post-grid__list">
+			<?php if (isset($analyses_etudes_posts) && $analyses_etudes_posts->have_posts()) : ?>
+				<?php while ($analyses_etudes_posts->have_posts()) : $analyses_etudes_posts->the_post(); ?>
+					<?php get_template_part('template-parts/analyses-etudes/card-analyse-etude', null, array(
+						'ID' => get_the_ID(),
+
+					)); ?>
+				<?php endwhile; ?>
+			<?php endif; ?>
+	</div>
+</section>
\ No newline at end of file
diff --git a/template-parts/analyses-etudes/archives-header.php b/template-parts/analyses-etudes/archives-header.php
new file mode 100644
index 0000000..aa5737e
--- /dev/null
+++ b/template-parts/analyses-etudes/archives-header.php
@@ -0,0 +1,15 @@
+<?php get_template_part('template-parts/page-header', null, array(
+	'title' => 'Analyses et études',
+	'subtitle' => 'Accédez à nos recherches et publications thématiques',
+	'description' => 'Le CARHOP produit des analyses et des études ancrées dans l’histoire sociale, en lien étroit avec les réalités du monde du travail et des mouvements sociaux. Ces productions visent à éclairer l’actualité par une lecture historique, critique et accessible.',
+	'cover' => array(
+		'url' => get_stylesheet_directory_uri() . '/resources/img/covers/carhop-page-analyses-etudes-cover.svg',
+		'alt' => 'Revues'
+	),
+	'has_overlap' => true,
+	'background_style' => 'sliced',
+	'cta' => array(
+		'title' => __('Trouver une publication', 'carhop'),
+		'url' => '#prochaines-publications',
+	)
+));
diff --git a/template-parts/analyses-etudes/card-analyse-etude.php b/template-parts/analyses-etudes/card-analyse-etude.php
new file mode 100644
index 0000000..18dd16e
--- /dev/null
+++ b/template-parts/analyses-etudes/card-analyse-etude.php
@@ -0,0 +1,42 @@
+<?php
+$ID = $args['ID'] ?? null;
+$types_terms = get_the_terms($ID, 'type');
+$type = isset($types_terms[0]) ? $types_terms[0] : null;
+$title = get_the_title($ID);
+$excerpt = get_the_excerpt($ID);
+$link = get_the_permalink($ID);
+$image = get_the_post_thumbnail_url($ID);
+$date = get_the_date('F Y', $ID);
+$author = get_the_author_meta('display_name', get_the_author_meta('ID', $ID));
+$author_link = get_the_author_link($ID);
+$author_avatar = get_avatar_url(get_the_author_meta('ID', $ID));
+$numerotation = get_post_meta($ID, 'post_numerotation', true);
+?>
+
+<div class="post-card post-card--analyses-etudes card">
+	<?php if ($type) : ?>
+		<div class="content-meta">
+			<span class="content-meta__type content-meta__type--revue"><?php echo $type->name; ?></span>
+			<p class="content-meta__revue-issue content-meta__revue-issue--green">
+				<span class="revue-issue-number revue-meta__label sr-only">Numéro</span>
+				<?php echo $numerotation; ?>
+			</p>
+		</div>
+	<?php endif; ?>
+	<div class="card__inner">
+		<div class="card__content">
+			<h3 class="card__title"><?php echo $title; ?></h3>
+			<div class="card__excerpt"><?php echo $excerpt; ?></div>
+		</div>
+		<div class="card__details">
+			<p class="card__details-text"><?php echo $excerpt; ?></p>
+
+			<time datetime="<?php echo $date; ?>" class="card__details-date date"><?php echo $date; ?></time>
+
+
+		</div>
+
+	</div>
+
+
+</div>
\ No newline at end of file
diff --git a/template-parts/analyses-etudes/toolbar-analyses-etudes.php b/template-parts/analyses-etudes/toolbar-analyses-etudes.php
new file mode 100644
index 0000000..36f108f
--- /dev/null
+++ b/template-parts/analyses-etudes/toolbar-analyses-etudes.php
@@ -0,0 +1,58 @@
+<?php
+
+?>
+
+
+<div class="post-grid__toolbar post-toolbar toolbar-analyses-etudes">
+
+	<div class="search-by">
+		<p class="search-by__label">Filtrer par</p>
+		<div class="search-by__buttons" data-filter="thematique">
+			<button data-filter="thematique" aria-selected="true">Thématique</button>
+			<button data-filter="auteur" aria-selected="false">Auteur·e</button>
+			<button data-filter="occurence" aria-selected="false">Mot clé</button>
+		</div>
+
+	</div>
+	<div class="post-grid__toolbar-actions" data-post-type="articles">
+		<div class="search-bar">
+			<input type="text" placeholder="<?php _e('Rechercher par mot-clé', 'dynamiques'); ?>">
+		</div>
+
+
+		<select name="etiquettes">
+			<option value=""><?php _e('Tous les tags', 'dynamiques'); ?></option>
+			<?php foreach ($thematiques as $thematique) : ?>
+				<option value="<?php echo $thematique->slug; ?>" <?php selected($etiquette_slug, $thematique->slug); ?>>
+					<?php echo $thematique->name; ?>
+				</option>
+			<?php endforeach; ?>
+		</select>
+		<select name="auteurs">
+			<option value=""><?php _e('Tous·tes les auteur·e·s', 'dynamiques'); ?></option>
+			<?php foreach ($authors as $author) : ?>
+				<option value="<?php echo $author->ID; ?>"><?php echo $author->post_title; ?></option>
+			<?php endforeach; ?>
+		</select>
+
+
+	</div>
+	<h2 class="post-count">
+		<span class="post-count__count">
+			<?php echo $post_count; ?>
+		</span>
+		<span class="post-count__text">
+			<?php _e('articles', 'dynamiques'); ?>
+		</span>
+	</h2>
+
+	<select name="sort_by">
+		<option value="date_desc" selected><?php _e('Numéros récents en premier', 'dynamiques'); ?></option>
+		<option value="date_asc"><?php _e('Numéros anciens en premier', 'dynamiques'); ?></option>
+		<option value="title_asc"><?php _e('Par ordre alphabétique', 'dynamiques'); ?></option>
+	</select>
+
+
+
+
+</div>
\ No newline at end of file
diff --git a/template-parts/components/archive/latest-parutions.php b/template-parts/components/archive/latest-parutions.php
new file mode 100644
index 0000000..1e1ca5c
--- /dev/null
+++ b/template-parts/components/archive/latest-parutions.php
@@ -0,0 +1,42 @@
+<?php
+$post_amount = $args['post_amount'] ?? 1;
+$post_type = $args['post_type'] ?? null;
+if (!$post_type) return;
+
+$posts_query = new WP_Query(array(
+	'post_type' => $post_type,
+	'posts_per_page' => $post_amount,
+	'orderby' => 'date',
+	'order' => 'DESC',
+
+));
+$posts = $posts_query->posts;
+$current_post_type = $args['current_post_type'] ?? get_post_type();
+
+?>
+
+
+<div class="latest-parutions">
+	<?php if ($post_amount > 1) : ?>
+		<h2 class="latest-parutions__title title-small">Dernières parutions</h2>
+	<?php else : ?>
+		<h2 class="latest-parutions__title title-small">Dernière parution</h2>
+	<?php endif; ?>
+
+	<?php foreach ($posts as $post) : ?>
+
+		<div class="post-card  post-card--analyses-etudes">
+			<div class="latest-parution__item">
+
+				<?php get_template_part('template-parts/components/content-meta', null, array(
+					'current_post_type' => $current_post_type,
+					'current_post_id' => $post->ID
+				)); ?>
+				<a href="<?php echo get_the_permalink($post->ID); ?>">
+					<?php echo get_the_post_thumbnail($post->ID, 'medium'); ?>
+					<h3><?php echo get_the_title($post->ID); ?></h3>
+				</a>
+			</div>
+		</div>
+	<?php endforeach; ?>
+</div>
\ No newline at end of file
diff --git a/template-parts/components/archive/post-grid.php b/template-parts/components/archive/post-grid.php
new file mode 100644
index 0000000..6fa74a3
--- /dev/null
+++ b/template-parts/components/archive/post-grid.php
@@ -0,0 +1,93 @@
+<?php
+$post_amount = $args['post_amount'] ?? -1;
+$grid_title = $args['grid_title'] ?? 'Trouver une publication';
+
+$current_post_type = $args['current_post_type'] ?? get_post_type();
+$current_post_type_obj = get_post_type_object($current_post_type);
+
+$posts_query = new WP_Query(array(
+	'post_type' => $current_post_type,
+	'posts_per_page' => $post_amount
+));
+$post_count = $posts_query->post_count;
+
+$types = get_terms(array(
+	'taxonomy' => 'type',
+	'hide_empty' => true,
+));
+
+// write_log($current_post_type_obj);
+
+?>
+
+<section class="post-grid content-section">
+	<h2 class="find-publication__title title-small"><?php echo $grid_title; ?></h2>
+	<div class="content-section__inner">
+
+		<div class="post-grid__toolbar">
+
+			<div class="search-by">
+				<p class="search-by__label">Filtrer par</p>
+				<div class="search-by__buttons" data-filter="thematique">
+					<button data-filter="thematique" aria-selected="true">Thématique</button>
+					<button data-filter="occurence" aria-selected="false">Mot clé</button>
+				</div>
+
+			</div>
+			<div class="post-grid__toolbar-actions" data-post-type="revues">
+				<div class="search-bar">
+					<input type="text" placeholder="<?php _e('Rechercher par mot-clé', 'dynamiques'); ?>">
+				</div>
+
+				<select name="types">
+					<option value=""><?php _e('Tous les types', 'carhop'); ?></option>
+					<?php foreach ($types as $type) : ?>
+						<option value="<?php echo $type->slug; ?>" <?php selected($type_slug, $type->slug); ?>>
+							<?php echo $type->name; ?>
+						</option>
+					<?php endforeach; ?>
+				</select>
+				<select name="auteurs">
+					<option value=""><?php _e('Tous·tes les auteur·e·s', 'dynamiques'); ?></option>
+					<?php foreach ($authors as $author) : ?>
+						<option value="<?php echo $author->ID; ?>"><?php echo $author->post_title; ?></option>
+					<?php endforeach; ?>
+				</select>
+
+
+			</div>
+
+			<h2 class="post-count">
+				<span class="post-count__count">
+					<?php echo $post_count; ?>
+				</span>
+				<?php if ($post_amount > 1) : ?>
+					<span class="post-count__text">
+						<?php echo $current_post_type_obj->labels->name; ?>
+					</span>
+				<?php else : ?>
+					<span class="post-count__text">
+						<?php echo $current_post_type_obj->labels->singular_name; ?>
+					</span>
+				<?php endif; ?>
+			</h2>
+			<select name="sort_by">
+				<option value="date_desc" selected><?php _e('Numéros récents en premier', 'dynamiques'); ?></option>
+				<option value="date_asc"><?php _e('Numéros anciens en premier', 'dynamiques'); ?></option>
+				<option value="title_asc"><?php _e('Par ordre alphabétique', 'dynamiques'); ?></option>
+			</select>
+
+
+		</div>
+
+
+		<ul class="post-grid__list">
+			<?php if (isset($posts_query) && $posts_query->have_posts()) : ?>
+				<?php while ($posts_query->have_posts()) : $posts_query->the_post(); ?>
+					<?php get_template_part('template-parts/components/post-card', null, array(
+						'ID' => get_the_ID(),
+					)); ?>
+				<?php endwhile; ?>
+			<?php endif; ?>
+	</div>
+</section>
\ No newline at end of file
diff --git a/template-parts/components/content-meta.php b/template-parts/components/content-meta.php
new file mode 100644
index 0000000..54cf2c9
--- /dev/null
+++ b/template-parts/components/content-meta.php
@@ -0,0 +1,28 @@
+<?php
+$current_post_id = $args['current_post_id'] ?? get_the_ID();
+$current_post_type = $args['current_post_type'] ?? null;
+$type = null;
+$current_post_type_supports_type = is_object_in_taxonomy($current_post_type, 'type');
+
+if ($current_post_type_supports_type) {
+	$type = get_the_terms($current_post_id, taxonomy: 'type') ?? null;
+	// $current_post_type === 'analyses-etudes' && is_array($type) && !empty($type) && isset($type[0]->name
+} else {
+	$current_post_type_obj = get_post_type_object($current_post_type);
+	$type = $current_post_type_obj->labels->singular_name;
+}
+
+?>
+
+
+<div class="content-meta">
+	<?php if ($type) : ?>
+		<span class="content-meta__type content-meta__type--revue"><?php echo $type ?></span>
+	<?php endif; ?>
+
+
+	<p class="content-meta__revue-issue content-meta__revue-issue--green">
+		<span class="revue-issue-number revue-meta__label sr-only">Numéro</span>
+		28
+	</p>
+</div>
\ No newline at end of file
diff --git a/template-parts/components/post-card.php b/template-parts/components/post-card.php
new file mode 100644
index 0000000..766b699
--- /dev/null
+++ b/template-parts/components/post-card.php
@@ -0,0 +1,44 @@
+<?php
+$ID = $args['ID'] ?? null;
+$current_post_type = $args['current_post_type'] ?? get_post_type();
+$types_terms = get_the_terms($ID, 'type');
+$type = isset($types_terms[0]) ? $types_terms[0] : null;
+$title = get_the_title($ID);
+$excerpt = get_the_excerpt($ID);
+$link = get_the_permalink($ID);
+$image = get_the_post_thumbnail_url($ID);
+$date = get_the_date('F Y', $ID);
+
+$authors = get_field('authors', $ID);
+
+$numerotation = get_post_meta($ID, 'post_numerotation', true);
+
+
+?>
+
+<div class="post-card post-card--<?php echo $current_post_type; ?> card">
+	<?php get_template_part('template-parts/components/content-meta', null, array(
+		'current_post_type' => $current_post_type,
+		'current_post_id' => $ID
+	)); ?>
+	<div class="card__inner">
+		<div class="card__content">
+			<h3 class="card__title"><?php echo $title; ?></h3>
+			<div class="card__excerpt"><?php echo $excerpt; ?></div>
+		</div>
+		<div class="card__details">
+
+			<time datetime="<?php echo $date; ?>" class="card__details-date date"><?php echo $date; ?></time>
+
+			<?php if ($authors) : ?>
+				<ul class="post-card__authors">
+					<?php foreach ($authors as $author) : ?>
+						<li class="author"><?php echo $author->post_title; ?></li>
+					<?php endforeach; ?>
+				</ul>
+			<?php endif; ?>
+		</div>
+
+	</div>
+
+</div>
\ No newline at end of file
diff --git a/template-parts/components/subscribe-infolettre.php b/template-parts/components/subscribe-infolettre.php
new file mode 100644
index 0000000..88d83b8
--- /dev/null
+++ b/template-parts/components/subscribe-infolettre.php
@@ -0,0 +1,7 @@
+<?php
+$block_content = '<!-- wp:carhop-blocks/subscribe-infolettre {"title":"Restez connectés à l’histoire sociale","className":"wp-block-carhop-blocks-subscribe-infolettre subscribe-infolettre"} -->
+<!-- wp:paragraph {"placeholder":"Description","className":"subscribe-infolettre__description"} -->
+<p class="subscribe-infolettre__description">Recevez les dernières actualités du CARHOP et la revue Dynamiques directement dans votre boîte mail. Abonnez-vous et surveillez votre boîte : un mail de confirmation vous attend ! </p>
+<!-- /wp:paragraph -->
+<!-- /wp:carhop-blocks/subscribe-infolettre -->';
+echo do_blocks($block_content);
diff --git a/template-parts/expositions/archive-header.php b/template-parts/expositions/archive-header.php
new file mode 100644
index 0000000..9a8baf4
--- /dev/null
+++ b/template-parts/expositions/archive-header.php
@@ -0,0 +1,15 @@
+<?php get_template_part('template-parts/page-header', null, array(
+	'title' => 'Expositions',
+	'subtitle' => 'Découvrez nos expositions thématiques',
+	'description' => 'Le CARHOP conçoit et diffuse des expositions ancrées dans l’histoire sociale, en lien étroit avec le monde du travail, les luttes collectives et les réalités contemporaines. Pensées comme des outils de transmission et de sensibilisation, elles rendent visibles des récits, des archives et des parcours souvent absents des discours dominants.',
+	'cover' => array(
+		'url' => get_stylesheet_directory_uri() . '/resources/img/covers/carhop-page-analyses-etudes-cover.svg',
+		'alt' => 'Revues'
+	),
+	'has_overlap' => true,
+	'background_style' => 'sliced',
+	'cta' => array(
+		'title' => __('Trouver une exposition', 'carhop'),
+		'url' => '#prochaines-expositions',
+	)
+));
diff --git a/template-parts/outils-pedagogiques/archive-header.php b/template-parts/outils-pedagogiques/archive-header.php
new file mode 100644
index 0000000..87906cf
--- /dev/null
+++ b/template-parts/outils-pedagogiques/archive-header.php
@@ -0,0 +1,15 @@
+<?php get_template_part('template-parts/page-header', null, array(
+	'title' => 'Outils pédagogiques',
+	'subtitle' => 'Transmettre l’histoire sociale autrement',
+	'description' => 'Le CARHOP développe des outils pédagogiques à partir de ses recherches, de ses archives et de ses expositions. Pensés pour les enseignant·es, formateur·rices, animateur·rices et publics variés, ces supports facilitent l’appropriation de l’histoire sociale et ouvrent le débat sur les enjeux d’hier et d’aujourd’hui.',
+	'cover' => array(
+		'url' => get_stylesheet_directory_uri() . '/resources/img/covers/carhop-page-analyses-etudes-cover.svg',
+		'alt' => 'Revues'
+	),
+	'has_overlap' => true,
+	'background_style' => 'sliced',
+	'cta' => array(
+		'title' => __('Trouver un outil pédagogique', 'carhop'),
+		'url' => '#next-outils-pedagogiques',
+	)
+));
diff --git a/template-parts/page-header.php b/template-parts/page-header.php
index 4d224af..5a9aa27 100644
--- a/template-parts/page-header.php
+++ b/template-parts/page-header.php
@@ -6,9 +6,10 @@ $description = $args['description'];
 $cover = $args['cover'];
 $background_style =  $args['background_style'] ?? 'normal';
 $cta = $args['cta'];
+$has_overlap = $args['has_overlap'] ?? false;
 ?>
 
-<section class="page-header content-section content-section--full-width page-header--<?php echo $background_style; ?>-background">
+<section class="page-header content-section content-section--full-width page-header--<?php echo $background_style; ?>-background <?php echo $has_overlap ? 'page-header--has-overlap' : ''; ?>">
 	<div class="content-section__inner page-header__inner">
 		<div class="page-header__content">
 			<h1 class="page-header__title title-small "><?php echo $title; ?></h1>