Create reusable article card component and fix archive title prefixes
This commit is contained in:
@@ -35,37 +35,7 @@ $hero_bg = get_theme_mod('hero_background_image', get_template_directory_uri() .
|
||||
while (have_posts()):
|
||||
the_post();
|
||||
?>
|
||||
<div class="col-md-6 col-lg-4 d-flex align-items-stretch">
|
||||
<article id="post-<?php the_ID(); ?>" <?php post_class('card w-100 border-0 shadow-sm overflow-hidden h-100'); ?>>
|
||||
<?php if (has_post_thumbnail()): ?>
|
||||
<a href="<?php the_permalink(); ?>">
|
||||
<?php the_post_thumbnail('large', array('class' => 'card-img-top img-fluid w-100', 'style' => 'height: 200px; object-fit: cover;')); ?>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="card-body d-flex flex-column p-4">
|
||||
<header class="entry-header mb-3">
|
||||
<div class="mb-2 text-uppercase small fw-bold text-muted tracking-wider">
|
||||
<?php echo get_the_category_list(', '); ?>
|
||||
</div>
|
||||
|
||||
<?php the_title('<h3 class="card-title h5 fw-bold lh-base"><a href="' . esc_url(get_permalink()) . '" class="text-dark text-decoration-none stretched-link">', '</a></h3>'); ?>
|
||||
|
||||
<div class="text-muted small mt-2 d-flex align-items-center flex-wrap gap-2">
|
||||
<span><?php echo get_the_date(); ?></span>
|
||||
<span>•</span>
|
||||
<span><?php echo wisdom1_reading_time(); ?></span>
|
||||
<span>•</span>
|
||||
<span><?php comments_number('0 comments', '1 comment', '% comments'); ?></span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="card-text text-muted flex-grow-1">
|
||||
<?php the_excerpt(); ?>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<?php get_template_part('template-parts/content', 'card'); ?>
|
||||
<?php
|
||||
endwhile;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user