Base du thème : gabarits, jetons et effets

page-blog.php

@@ -0,0 +1,31 @@
+<?php
+/* Page « Blog » (slug /blog/) : liste éditoriale des articles */
+get_header();
+$posts_q = new WP_Query(array(
+    'post_type'      => 'post',
+    'posts_per_page' => 50,
+    'no_found_rows'  => true,
+));
+?>
+
+<div class="page-wrap">
+    <div class="kicker">JOURNAL TECHNIQUE</div>
+    <h1 class="page-title" data-reveal>LE <span class="outline-lime">BLOG</span></h1>
+
+    <div class="blog-list">
+        <?php $i = 0; while ($posts_q->have_posts()) : $posts_q->the_post(); $i++;
+            $cat = get_the_category();
+            $tag = $cat ? strtoupper($cat[0]->name) : strtoupper(get_the_date('M Y')); ?>
+            <a class="blog-row" href="<?php the_permalink(); ?>" data-cursor-label="LIRE ↗" data-wipe="LECTURE">
+                <span class="blog-num mono"><?php echo str_pad($i, 2, '0', STR_PAD_LEFT); ?></span>
+                <span class="blog-title"><?php the_title(); ?></span>
+                <span class="blog-tag mono"><?php echo esc_html($tag); ?></span>
+                <span class="blog-arrow mono">→</span>
+            </a>
+        <?php endwhile; wp_reset_postdata(); ?>
+    </div>
+
+    <div class="page-foot-note mono">CHAQUE PROJET A SON ARTICLE : RETOURS D'EXPÉRIENCE, PANNES ET CORRECTIFS INCLUS.</div>
+</div>
+
+<?php get_footer(); ?>