Agregar estructura completa del tema APUS con Bootstrap 5 y optimizaciones de rendimiento
Se implementa tema WordPress personalizado para Análisis de Precios Unitarios con funcionalidades avanzadas: - Sistema de templates (front-page, single, archive, page, 404, search) - Integración de Bootstrap 5.3.8 con estructura modular de assets - Panel de opciones del tema con Customizer API - Optimizaciones de rendimiento (Critical CSS, Image Optimization, Performance) - Funcionalidades SEO y compatibilidad con Rank Math - Sistema de posts relacionados y tabla de contenidos - Badge de categorías y manejo de AdSense diferido - Tipografías Google Fonts configurables - Documentación completa del tema y guías de uso 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
FrankZamora
234
wp-content/themes/apus-theme/single.php
Normal file
234
wp-content/themes/apus-theme/single.php
Normal file
@@ -0,0 +1,234 @@
|
||||
<?php
|
||||
/**
|
||||
* The template for displaying single posts
|
||||
*
|
||||
* This template displays individual blog posts with featured images,
|
||||
* category badges, meta information, and full content.
|
||||
* Prepared for TOC (Table of Contents) and related posts functionality.
|
||||
*
|
||||
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
|
||||
*
|
||||
* @package Apus_Theme
|
||||
* @since 1.0.0
|
||||
*/
|
||||
|
||||
get_header();
|
||||
?>
|
||||
|
||||
<main id="main-content" class="site-main" role="main">
|
||||
|
||||
<div class="content-wrapper">
|
||||
|
||||
<!-- Primary Content Area -->
|
||||
<div id="primary" class="content-area">
|
||||
|
||||
<?php
|
||||
while ( have_posts() ) :
|
||||
the_post();
|
||||
?>
|
||||
|
||||
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
||||
|
||||
<!-- Featured Image -->
|
||||
<?php
|
||||
// Use the new featured image function
|
||||
echo apus_get_featured_image(
|
||||
get_the_ID(),
|
||||
'apus-featured-large',
|
||||
array(
|
||||
'loading' => 'eager',
|
||||
)
|
||||
);
|
||||
?>
|
||||
|
||||
<!-- Article Header -->
|
||||
<header class="entry-header">
|
||||
|
||||
<!-- Category Badge -->
|
||||
<?php
|
||||
// Display single category badge above title
|
||||
apus_the_category_badge();
|
||||
?>
|
||||
|
||||
<!-- Post Title -->
|
||||
<h1 class="entry-title">
|
||||
<?php the_title(); ?>
|
||||
</h1>
|
||||
|
||||
<!-- Post Meta Information -->
|
||||
<div class="entry-meta">
|
||||
<span class="posted-on">
|
||||
<time class="entry-date published" datetime="<?php echo esc_attr( get_the_date( 'c' ) ); ?>">
|
||||
<?php
|
||||
printf(
|
||||
/* translators: %s: post date */
|
||||
esc_html__( 'Published on %s', 'apus-theme' ),
|
||||
'<span class="date-text">' . esc_html( get_the_date() ) . '</span>'
|
||||
);
|
||||
?>
|
||||
</time>
|
||||
|
||||
<?php
|
||||
// Display updated date if different from published date
|
||||
if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) :
|
||||
?>
|
||||
<time class="updated" datetime="<?php echo esc_attr( get_the_modified_date( 'c' ) ); ?>">
|
||||
<?php
|
||||
printf(
|
||||
/* translators: %s: post modified date */
|
||||
esc_html__( 'Updated: %s', 'apus-theme' ),
|
||||
'<span class="date-text">' . esc_html( get_the_modified_date() ) . '</span>'
|
||||
);
|
||||
?>
|
||||
</time>
|
||||
<?php endif; ?>
|
||||
</span>
|
||||
|
||||
<span class="byline">
|
||||
<span class="author vcard">
|
||||
<?php
|
||||
printf(
|
||||
/* translators: %s: post author */
|
||||
esc_html__( 'By %s', 'apus-theme' ),
|
||||
'<a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '">' . esc_html( get_the_author() ) . '</a>'
|
||||
);
|
||||
?>
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<?php
|
||||
// Display reading time estimate
|
||||
$content = get_post_field( 'post_content', get_the_ID() );
|
||||
$word_count = str_word_count( wp_strip_all_tags( $content ) );
|
||||
$reading_time = ceil( $word_count / 200 ); // Average reading speed: 200 words per minute
|
||||
|
||||
if ( $reading_time > 0 ) :
|
||||
?>
|
||||
<span class="reading-time">
|
||||
<?php
|
||||
printf(
|
||||
/* translators: %s: estimated reading time in minutes */
|
||||
esc_html( _n( '%s min read', '%s min read', $reading_time, 'apus-theme' ) ),
|
||||
esc_html( number_format_i18n( $reading_time ) )
|
||||
);
|
||||
?>
|
||||
</span>
|
||||
<?php endif; ?>
|
||||
</div><!-- .entry-meta -->
|
||||
|
||||
</header><!-- .entry-header -->
|
||||
|
||||
<!-- Table of Contents Hook -->
|
||||
<!-- This hook allows plugins or child themes to insert a TOC -->
|
||||
<?php do_action( 'apus_before_post_content' ); ?>
|
||||
|
||||
<!-- Post Content -->
|
||||
<div class="entry-content">
|
||||
<?php
|
||||
the_content(
|
||||
sprintf(
|
||||
wp_kses(
|
||||
/* translators: %s: Post title. Only visible to screen readers. */
|
||||
__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'apus-theme' ),
|
||||
array(
|
||||
'span' => array(
|
||||
'class' => array(),
|
||||
),
|
||||
)
|
||||
),
|
||||
get_the_title()
|
||||
)
|
||||
);
|
||||
|
||||
// Display page links for paginated posts
|
||||
wp_link_pages(
|
||||
array(
|
||||
'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'apus-theme' ),
|
||||
'after' => '</div>',
|
||||
)
|
||||
);
|
||||
?>
|
||||
</div><!-- .entry-content -->
|
||||
|
||||
<!-- Post Footer (Tags) -->
|
||||
<footer class="entry-footer">
|
||||
<?php
|
||||
$tags_list = get_the_tag_list( '', esc_html_x( ', ', 'list item separator', 'apus-theme' ) );
|
||||
if ( $tags_list ) :
|
||||
?>
|
||||
<div class="tags-links">
|
||||
<span class="tags-label"><?php esc_html_e( 'Tags:', 'apus-theme' ); ?></span>
|
||||
<?php
|
||||
/* translators: %s: list of tags */
|
||||
printf( '<span class="tags-list">%s</span>', $tags_list ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
||||
?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php
|
||||
// Edit post link for logged-in users with permission
|
||||
edit_post_link(
|
||||
sprintf(
|
||||
wp_kses(
|
||||
/* translators: %s: Post title. Only visible to screen readers. */
|
||||
__( 'Edit<span class="screen-reader-text"> "%s"</span>', 'apus-theme' ),
|
||||
array(
|
||||
'span' => array(
|
||||
'class' => array(),
|
||||
),
|
||||
)
|
||||
),
|
||||
get_the_title()
|
||||
),
|
||||
'<span class="edit-link">',
|
||||
'</span>'
|
||||
);
|
||||
?>
|
||||
</footer><!-- .entry-footer -->
|
||||
|
||||
</article><!-- #post-<?php the_ID(); ?> -->
|
||||
|
||||
<?php
|
||||
// Hook for related posts or additional content
|
||||
do_action( 'apus_after_post_content' );
|
||||
|
||||
// Display comments section if enabled
|
||||
if ( comments_open() || get_comments_number() ) :
|
||||
comments_template();
|
||||
endif;
|
||||
|
||||
// Post navigation (Previous/Next)
|
||||
the_post_navigation(
|
||||
array(
|
||||
'prev_text' => sprintf(
|
||||
'<span class="nav-subtitle">' . esc_html__( 'Previous:', 'apus-theme' ) . '</span> <span class="nav-title">%s</span>',
|
||||
'%title'
|
||||
),
|
||||
'next_text' => sprintf(
|
||||
'<span class="nav-subtitle">' . esc_html__( 'Next:', 'apus-theme' ) . '</span> <span class="nav-title">%s</span>',
|
||||
'%title'
|
||||
),
|
||||
)
|
||||
);
|
||||
|
||||
endwhile; // End of the loop.
|
||||
?>
|
||||
|
||||
</div><!-- #primary -->
|
||||
|
||||
<?php
|
||||
/**
|
||||
* Sidebar
|
||||
* Display the sidebar if it's active.
|
||||
*/
|
||||
if ( is_active_sidebar( 'sidebar-1' ) ) :
|
||||
get_sidebar();
|
||||
endif;
|
||||
?>
|
||||
|
||||
</div><!-- .content-wrapper -->
|
||||
|
||||
</main><!-- #main-content -->
|
||||
|
||||
<?php
|
||||
get_footer();
|
||||
Reference in New Issue
Block a user