adolforeyna/WFK_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor single article to Medium-style layout with minimal comments

Browse Source
This commit is contained in:
Adolfo Reyna
2026-03-13 00:52:16 -04:00
parent 1177b0ca47
commit 2199d9e716
3 changed files with 68 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
single.php
View File

@@ -11,33 +11,47 @@ get_header(); ?>
the_post();
?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header text-center mb-5">
<div class="entry-meta text-uppercase text-muted small fw-semibold mb-3">
<?php echo get_the_category_list(', '); ?>
<span class="mx-2">•</span>
<span class="entry-date"><?php echo get_the_date(); ?></span>
</div>
<?php the_title('<h1 class="entry-title display-4 fw-bold mb-4">', '</h1>'); ?>
</header>
<div class="row justify-content-center">
<div class="col-lg-8 col-xl-7">
<header class="entry-header mb-4">
<?php the_title('<h1 class="entry-title display-4 fw-bold font-serif lh-sm mb-4">', '</h1>'); ?>
<?php if (has_post_thumbnail()): ?>
<div class="post-thumbnail-full mb-5">
<?php the_post_thumbnail('full', array(
'class' => 'img-fluid rounded shadow-sm w-100',
'style' => 'aspect-ratio: 16/9; object-fit: cover;'
)); ?>
</div>
<?php endif; ?>
<div class="d-flex align-items-center mb-4 pb-4 border-bottom">
<div class="me-3">
<?php echo get_avatar(get_the_author_meta('ID'), 48, '', '', array('class' => 'rounded-circle')); ?>
</div>
<div>
<div class="fw-bold font-sans text-dark"><?php the_author(); ?></div>
<div
class="entry-meta text-muted small font-sans d-flex align-items-center flex-wrap gap-2">
<span><?php echo wisdom1_reading_time(); ?></span>
<span>•</span>
<span class="entry-date"><?php echo get_the_date('M j, Y'); ?></span>
<?php if (get_comments_number() > 0): ?>
<span>•</span>
<span><?php comments_number('0', '1 Response', '% Responses'); ?></span>
<?php endif; ?>
</div>
</div>
</div>
</header>
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="entry-content fs-5 lh-lg font-sans text-dark">
<?php if (has_post_thumbnail()): ?>
<div class="post-thumbnail-full mb-5">
<?php the_post_thumbnail('full', array(
'class' => 'img-fluid w-100',
'style' => 'aspect-ratio: 16/9; object-fit: cover;'
)); ?>
</div>
<?php endif; ?>
<div class="entry-content fs-5 lh-lg font-sans text-dark" style="max-width: 680px; margin: 0 auto;">
<?php
the_content();
wp_link_pages(
array(
'before' => '<div class="page-links mt-4"><strong>' . esc_html__('Pages:', 'wisdom1') . '</strong>',
'before' => '<div class="page-links mt-5"><strong>' . esc_html__('Pages:', 'wisdom1') . '</strong>',
'after' => '</div>',
)
);
@@ -45,33 +59,37 @@ get_header(); ?>
</div><!-- .entry-content -->
<footer class="entry-footer mt-5 pt-4 border-top">
<div class="entry-tags">
<?php the_tags('<span class="badge bg-light text-dark text-decoration-none me-2 p-2">Related: ', '</span><span class="badge bg-light text-dark text-decoration-none p-2">', '</span>'); ?>
<div class="entry-tags d-flex flex-wrap gap-2">
<?php the_tags('<span class="badge bg-light text-dark text-decoration-none fw-normal p-2">', '</span><span class="badge bg-light text-dark text-decoration-none fw-normal p-2">', '</span>'); ?>
</div>
</footer><!-- .entry-footer -->
</div><!-- .col-lg-7 -->
</div><!-- .row -->
</article><!-- #post-<?php the_ID(); ?> -->
<nav class="navigation post-navigation mt-5" aria-label="Posts">
<div class="row justify-content-between g-4">
<div class="col-sm-6 text-start">
<?php previous_post_link('<div class="text-muted small text-uppercase fw-bold mb-1">Previous</div>%link', '%title', false, ''); ?>
</div>
<div class="col-sm-6 text-end">
<?php next_post_link('<div class="text-muted small text-uppercase fw-bold mb-1">Next</div>%link', '%title', false, ''); ?>
</div>
<div class="row justify-content-center">
<div class="col-lg-8 col-xl-7">
<nav class="navigation post-navigation mt-5 border-top border-bottom py-4" aria-label="Posts">
<div class="row justify-content-between g-4">
<div class="col-sm-6 text-start">
<?php previous_post_link('<div class="text-muted small fw-bold mb-1">Previous</div><div class="fw-bold">%link</div>', '%title', false, ''); ?>
</div>
<div class="col-sm-6 text-end">
<?php next_post_link('<div class="text-muted small fw-bold mb-1">Next</div><div class="fw-bold">%link</div>', '%title', false, ''); ?>
</div>
</div>
</nav>
<?php
// If comments are open or we have at least one comment, load up the comment template inside the constrained column.
if (comments_open() || get_comments_number()):
comments_template();
endif;
?>
</div>
</nav>
</div>
<?php
// If comments are open or we have at least one comment, load up the comment template.
if (comments_open() || get_comments_number()):
comments_template();
endif;
endwhile; // End of the loop.
?>
</div>
</div>
<?php endwhile; // End of the loop. ?>
</main><!-- #main -->
<?php