peptide-repo/peptide-repo-core
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add related-posts card template part

Browse Source
This commit is contained in:
peptiderepo
2026-04-24 10:00:51 +07:00
parent a21d35ee27
commit 33dc8a183a
1 changed files with 67 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
template-parts/related-posts/card.php Normal file
View File

@@ -0,0 +1,67 @@
<?php
/**
* Related posts card template part.
*
* Variables:
* - $post: WP_Post object with thumbnail, title, excerpt, date.
*
* @package peptide-repo-core
*/
if ( ! isset( $args['post'] ) ) {
return;
}
$post = $args['post'];
?>
<article class="pr-related-posts__card">
<?php
if ( has_post_thumbnail( $post ) ) {
?>
<div class="pr-related-posts__image">
<?php
echo wp_kses_post(
get_the_post_thumbnail(
$post,
'post-thumbnail',
[
'class' => 'pr-related-posts__image-element',
'loading' => 'lazy',
'decoding' => 'async',
]
)
);
?>
</div>
<?php
} else {
?>
<div class="pr-related-posts__image pr-related-posts__image--fallback">
<img src="<?php echo esc_url( get_site_icon_url( 512 ) ); ?>" alt="<?php esc_attr_e( 'Site logo', 'peptide-repo-core' ); ?>" class="pr-related-posts__image-element" loading="lazy" decoding="async" />
</div>
<?php
}
?>
<div class="pr-related-posts__content">
<span class="pr-related-posts__badge"><?php esc_html_e( 'Article', 'peptide-repo-core' ); ?></span>
<h3 class="pr-related-posts__title">
<a href="<?php echo esc_url( get_permalink( $post ) ); ?>">
<?php echo esc_html( $post->post_title ); ?>
</a>
</h3>
<time class="pr-related-posts__date" datetime="<?php echo esc_attr( mysql2date( 'c', $post->post_date ) ); ?>">
<?php echo esc_html( mysql2date( get_option( 'date_format' ), $post->post_date ) ); ?>
</time>
<?php
if ( $post->post_excerpt ) {
$excerpt = wp_strip_all_tags( $post->post_excerpt );
$excerpt = wp_kses_post( wp_trim_words( $excerpt, 20 ) );
?>
<p class="pr-related-posts__excerpt">
<?php echo wp_kses_post( $excerpt ); ?>
</p>
<?php
}
?>
</div>
</article>