FEATURE Using a reusable component article-card
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
Antoine M
parent
3c08c72aaf
commit
d1959de540
|
|
@ -20,6 +20,7 @@ $issueNumber = get_field('issue_number', $last_issue->ID);
|
||||||
$issue_related_articles = get_field('articles', $last_issue->ID);
|
$issue_related_articles = get_field('articles', $last_issue->ID);
|
||||||
?>
|
?>
|
||||||
|
|
||||||
|
|
||||||
<section class="block-dernieres-dynamiques content-section ">
|
<section class="block-dernieres-dynamiques content-section ">
|
||||||
<div class="block-dernieres-dynamiques__inner">
|
<div class="block-dernieres-dynamiques__inner">
|
||||||
<div class="block-dernieres-dynamiques__header">
|
<div class="block-dernieres-dynamiques__header">
|
||||||
|
|
@ -85,91 +86,32 @@ $issue_related_articles = get_field('articles', $last_issue->ID);
|
||||||
<div class="article-caroussel article-caroussel--<?php echo $displayType; ?>">
|
<div class="article-caroussel article-caroussel--<?php echo $displayType; ?>">
|
||||||
|
|
||||||
<?php if ($displayType === 'grid') : ?>
|
<?php if ($displayType === 'grid') : ?>
|
||||||
<?php foreach ($issue_related_articles->posts as $article) : ?>
|
|
||||||
|
|
||||||
<div class="article-card">
|
<?php foreach ($issue_related_articles as $article) : ?>
|
||||||
<div class="content-meta">
|
<?php
|
||||||
<span class="content-meta__type content-meta__type--article">Article</span>
|
get_template_part('template-parts/dynamiques/article-card', null, array(
|
||||||
<!-- <span class="content-meta__reading-time"><?php echo calculate_reading_time($article->post_content); ?> minutes de lecture</span> -->
|
'ID' => $article->ID,
|
||||||
</div>
|
|
||||||
|
|
||||||
|
));
|
||||||
<a href="<?php echo get_the_permalink($article->ID); ?>" class="article-card__link">
|
?>
|
||||||
|
|
||||||
<h4 class="article-card__title"><?php echo $article->post_title; ?></h4>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<ul class="article-card__tags">
|
|
||||||
<?php
|
|
||||||
$terms = get_the_terms($article->ID, 'etiquettes');
|
|
||||||
if ($terms): ?>
|
|
||||||
<?php foreach ($terms as $term): ?>
|
|
||||||
<li class="article-card__tag article-tag"><?php echo esc_html($term->name); ?></li>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
<a class="article-card__link-button" href="<?php echo get_the_permalink($article->ID); ?>">
|
|
||||||
|
|
||||||
<?php
|
|
||||||
$svg_path = get_template_directory() . '/resources/img/carhop-fleche-full.svg';
|
|
||||||
if (file_exists($svg_path)) {
|
|
||||||
echo file_get_contents($svg_path);
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<button class="related-articles__show-all">
|
|
||||||
Tout afficher
|
|
||||||
</button>
|
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
|
<!-- <button class="related-articles__show-all">
|
||||||
|
Tout afficher
|
||||||
|
</button> -->
|
||||||
<?php else : ?>
|
<?php else : ?>
|
||||||
|
|
||||||
<div class="article-caroussel__slider">
|
<div class="article-caroussel__slider">
|
||||||
<?php if ($issue_related_articles && is_array($issue_related_articles)) : ?>
|
<?php if ($issue_related_articles && is_array($issue_related_articles)) : ?>
|
||||||
|
|
||||||
|
|
||||||
<div class="swiper dernieres-dynamiques-swiper">
|
<div class="swiper dernieres-dynamiques-swiper">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
<?php foreach (
|
<?php foreach ($issue_related_articles as $article) : ?>
|
||||||
$issue_related_articles as $article
|
|
||||||
) : ?>
|
|
||||||
<article class="article-card swiper-slide">
|
|
||||||
<div class="content-meta">
|
|
||||||
<span class="content-meta__type content-meta__type--article">Article</span>
|
|
||||||
</div>
|
|
||||||
<div class="article-card__content">
|
|
||||||
<h4 class="article-card__title title"><a href="<?php echo get_the_permalink($article->ID); ?>"><?php echo get_the_title($article->ID); ?></a></h4>
|
|
||||||
<?php
|
|
||||||
$etiquettes = get_the_terms($article->ID, 'etiquettes');
|
|
||||||
if ($etiquettes): ?>
|
|
||||||
<ul class="article-tags-list">
|
|
||||||
|
|
||||||
<?php foreach ($etiquettes as $etiquette): ?>
|
|
||||||
<li class="article-card__tag article-tag"><?php echo esc_html($etiquette->name); ?></li>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</ul>
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
<?php get_template_part('template-parts/components/cta--go', null, array(
|
|
||||||
'url' => get_the_permalink(),
|
|
||||||
'label' => 'Lire la revue',
|
|
||||||
'target' => '_self',
|
|
||||||
)); ?>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card-revue__issue-thumbnail-wrapper">
|
|
||||||
<?php $post_thumbnail_id = get_the_post_thumbnail(get_the_ID(), 'full'); ?>
|
|
||||||
<div class="card-revue__issue-thumbnail">
|
|
||||||
<?php if ($post_thumbnail_id) : ?>
|
|
||||||
<?php echo $post_thumbnail_id; ?>
|
|
||||||
<?php endif; ?>
|
|
||||||
</div>
|
|
||||||
<div class="card-background"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</article>
|
|
||||||
|
|
||||||
|
<?php get_template_part('template-parts/dynamiques/article-card', null, array(
|
||||||
|
'ID' => $article->ID,
|
||||||
|
'isSwiperSlide' => true,
|
||||||
|
)) ?>
|
||||||
|
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -20,6 +20,7 @@ $issueNumber = get_field('issue_number', $last_issue->ID);
|
||||||
$issue_related_articles = get_field('articles', $last_issue->ID);
|
$issue_related_articles = get_field('articles', $last_issue->ID);
|
||||||
?>
|
?>
|
||||||
|
|
||||||
|
|
||||||
<section class="block-dernieres-dynamiques content-section ">
|
<section class="block-dernieres-dynamiques content-section ">
|
||||||
<div class="block-dernieres-dynamiques__inner">
|
<div class="block-dernieres-dynamiques__inner">
|
||||||
<div class="block-dernieres-dynamiques__header">
|
<div class="block-dernieres-dynamiques__header">
|
||||||
|
|
@ -85,91 +86,32 @@ $issue_related_articles = get_field('articles', $last_issue->ID);
|
||||||
<div class="article-caroussel article-caroussel--<?php echo $displayType; ?>">
|
<div class="article-caroussel article-caroussel--<?php echo $displayType; ?>">
|
||||||
|
|
||||||
<?php if ($displayType === 'grid') : ?>
|
<?php if ($displayType === 'grid') : ?>
|
||||||
<?php foreach ($issue_related_articles->posts as $article) : ?>
|
|
||||||
|
|
||||||
<div class="article-card">
|
<?php foreach ($issue_related_articles as $article) : ?>
|
||||||
<div class="content-meta">
|
<?php
|
||||||
<span class="content-meta__type content-meta__type--article">Article</span>
|
get_template_part('template-parts/dynamiques/article-card', null, array(
|
||||||
<!-- <span class="content-meta__reading-time"><?php echo calculate_reading_time($article->post_content); ?> minutes de lecture</span> -->
|
'ID' => $article->ID,
|
||||||
</div>
|
|
||||||
|
|
||||||
|
));
|
||||||
<a href="<?php echo get_the_permalink($article->ID); ?>" class="article-card__link">
|
?>
|
||||||
|
|
||||||
<h4 class="article-card__title"><?php echo $article->post_title; ?></h4>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<ul class="article-card__tags">
|
|
||||||
<?php
|
|
||||||
$terms = get_the_terms($article->ID, 'etiquettes');
|
|
||||||
if ($terms): ?>
|
|
||||||
<?php foreach ($terms as $term): ?>
|
|
||||||
<li class="article-card__tag article-tag"><?php echo esc_html($term->name); ?></li>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
<a class="article-card__link-button" href="<?php echo get_the_permalink($article->ID); ?>">
|
|
||||||
|
|
||||||
<?php
|
|
||||||
$svg_path = get_template_directory() . '/resources/img/carhop-fleche-full.svg';
|
|
||||||
if (file_exists($svg_path)) {
|
|
||||||
echo file_get_contents($svg_path);
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<button class="related-articles__show-all">
|
|
||||||
Tout afficher
|
|
||||||
</button>
|
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
|
<!-- <button class="related-articles__show-all">
|
||||||
|
Tout afficher
|
||||||
|
</button> -->
|
||||||
<?php else : ?>
|
<?php else : ?>
|
||||||
|
|
||||||
<div class="article-caroussel__slider">
|
<div class="article-caroussel__slider">
|
||||||
<?php if ($issue_related_articles && is_array($issue_related_articles)) : ?>
|
<?php if ($issue_related_articles && is_array($issue_related_articles)) : ?>
|
||||||
|
|
||||||
|
|
||||||
<div class="swiper dernieres-dynamiques-swiper">
|
<div class="swiper dernieres-dynamiques-swiper">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
<?php foreach (
|
<?php foreach ($issue_related_articles as $article) : ?>
|
||||||
$issue_related_articles as $article
|
|
||||||
) : ?>
|
|
||||||
<article class="article-card swiper-slide">
|
|
||||||
<div class="content-meta">
|
|
||||||
<span class="content-meta__type content-meta__type--article">Article</span>
|
|
||||||
</div>
|
|
||||||
<div class="article-card__content">
|
|
||||||
<h4 class="article-card__title title"><a href="<?php echo get_the_permalink($article->ID); ?>"><?php echo get_the_title($article->ID); ?></a></h4>
|
|
||||||
<?php
|
|
||||||
$etiquettes = get_the_terms($article->ID, 'etiquettes');
|
|
||||||
if ($etiquettes): ?>
|
|
||||||
<ul class="article-tags-list">
|
|
||||||
|
|
||||||
<?php foreach ($etiquettes as $etiquette): ?>
|
|
||||||
<li class="article-card__tag article-tag"><?php echo esc_html($etiquette->name); ?></li>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</ul>
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
<?php get_template_part('template-parts/components/cta--go', null, array(
|
|
||||||
'url' => get_the_permalink(),
|
|
||||||
'label' => 'Lire la revue',
|
|
||||||
'target' => '_self',
|
|
||||||
)); ?>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card-revue__issue-thumbnail-wrapper">
|
|
||||||
<?php $post_thumbnail_id = get_the_post_thumbnail(get_the_ID(), 'full'); ?>
|
|
||||||
<div class="card-revue__issue-thumbnail">
|
|
||||||
<?php if ($post_thumbnail_id) : ?>
|
|
||||||
<?php echo $post_thumbnail_id; ?>
|
|
||||||
<?php endif; ?>
|
|
||||||
</div>
|
|
||||||
<div class="card-background"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</article>
|
|
||||||
|
|
||||||
|
<?php get_template_part('template-parts/dynamiques/article-card', null, array(
|
||||||
|
'ID' => $article->ID,
|
||||||
|
'isSwiperSlide' => true,
|
||||||
|
)) ?>
|
||||||
|
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user