FEAT developping block structure & styles
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Antoine M 2025-05-15 15:09:47 +02:00
parent a9ac439f25
commit a399f47397
2 changed files with 78 additions and 78 deletions

View File

@ -1,7 +1,4 @@
<?php
$query = new WP_Query(array(
'post_type' => 'revues',
'orderby' => 'date',
@ -10,52 +7,55 @@ $query = new WP_Query(array(
));
// Enqueue Swiper CSS and JS
// wp_enqueue_style('swiper-css', 'https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css');
// wp_enqueue_script('swiper-js', 'https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js', array(), null, true);
?>
<section class="block-revues-precedentes" <?php echo get_block_wrapper_attributes(); ?>>
<div class="block-revues-precedentes__inner">
<h2 class="block-title">À découvrir</h2>
<h3 class="block-subtitle">Lisez nos revues précédentes</h3>
<?php if ($query->have_posts()) : ?>
<div class="swiper revues-precedentes-swiper">
<div class="swiper-wrapper">
<?php while ($query->have_posts()) : $query->the_post(); ?>
<div class="swiper-slide">
<article class="news-card">
<?php if (has_post_thumbnail()) : ?>
<div class="news-image">
<?php the_post_thumbnail('medium'); ?>
</div>
<?php endif; ?>
<div class="news-content">
<div class="block-revues-precedentes__header">
<h2 class="block-title">À découvrir</h2>
<h3 class="block-subtitle">Lisez nos revues précédentes</h3>
</div>
<div class="block-revues-precedentes__slider-content">
<?php if ($query->have_posts()) : ?>
<div class="swiper revues-precedentes-swiper">
<div class="swiper-wrapper">
<?php while ($query->have_posts()) : $query->the_post(); ?>
<article class="card-revue swiper-slide">
<div class="content-meta">
<span class="content-meta__type content-meta__type--revue">Revue</span>
</div>
<div class="card-revue__content">
<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
<div class="news-excerpt">
<div class="card-revue__excerpt">
<?php the_excerpt(); ?>
</div>
</div>
<div class="block-dernieres-dynamiques__issue-thumbnail-wrapper">
<div class="block-dernieres-dynamiques__issue-thumbnail">
<?php echo get_the_post_thumbnail($last_issue->ID, 'full'); ?>
</div>
<div class="card-background"></div>
</div>
<div class="card-revue__image">
<?php if (has_post_thumbnail()) : ?>
<?php the_post_thumbnail('medium'); ?>
<?php endif; ?>
</div>
</article>
</div>
<div class="swiper-slide">
<div class="swiper-slide__inner">
<h3>Revue précédente</h3>
</div>
</div>
<?php endwhile; ?>
<?php endwhile; ?>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<?php endif; ?>
</div>
<?php endif; ?>
</div>
</section>

View File

@ -1,7 +1,4 @@
<?php
$query = new WP_Query(array(
'post_type' => 'revues',
'orderby' => 'date',
@ -10,52 +7,55 @@ $query = new WP_Query(array(
));
// Enqueue Swiper CSS and JS
// wp_enqueue_style('swiper-css', 'https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css');
// wp_enqueue_script('swiper-js', 'https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js', array(), null, true);
?>
<section class="block-revues-precedentes" <?php echo get_block_wrapper_attributes(); ?>>
<div class="block-revues-precedentes__inner">
<h2 class="block-title">À découvrir</h2>
<h3 class="block-subtitle">Lisez nos revues précédentes</h3>
<?php if ($query->have_posts()) : ?>
<div class="swiper revues-precedentes-swiper">
<div class="swiper-wrapper">
<?php while ($query->have_posts()) : $query->the_post(); ?>
<div class="swiper-slide">
<article class="news-card">
<?php if (has_post_thumbnail()) : ?>
<div class="news-image">
<?php the_post_thumbnail('medium'); ?>
</div>
<?php endif; ?>
<div class="news-content">
<div class="block-revues-precedentes__header">
<h2 class="block-title">À découvrir</h2>
<h3 class="block-subtitle">Lisez nos revues précédentes</h3>
</div>
<div class="block-revues-precedentes__slider-content">
<?php if ($query->have_posts()) : ?>
<div class="swiper revues-precedentes-swiper">
<div class="swiper-wrapper">
<?php while ($query->have_posts()) : $query->the_post(); ?>
<article class="card-revue swiper-slide">
<div class="content-meta">
<span class="content-meta__type content-meta__type--revue">Revue</span>
</div>
<div class="card-revue__content">
<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
<div class="news-excerpt">
<div class="card-revue__excerpt">
<?php the_excerpt(); ?>
</div>
</div>
<div class="block-dernieres-dynamiques__issue-thumbnail-wrapper">
<div class="block-dernieres-dynamiques__issue-thumbnail">
<?php echo get_the_post_thumbnail($last_issue->ID, 'full'); ?>
</div>
<div class="card-background"></div>
</div>
<div class="card-revue__image">
<?php if (has_post_thumbnail()) : ?>
<?php the_post_thumbnail('medium'); ?>
<?php endif; ?>
</div>
</article>
</div>
<div class="swiper-slide">
<div class="swiper-slide__inner">
<h3>Revue précédente</h3>
</div>
</div>
<?php endwhile; ?>
<?php endwhile; ?>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<?php endif; ?>
</div>
<?php endif; ?>
</div>
</section>