feat(templates): add archive-header and post-grid components

- Add ArchiveHeader component (schema, renderer, formbuilder)
- Add PostGrid component (schema, renderer, formbuilder)
- Unify archive templates (home, archive, category, tag,
  author, date, search)
- Add page visibility system with VisibilityDefaults
- Register components in AdminDashboardRenderer
- Fix boolean conversion in functions-addon.php
- All 172 unit tests passed

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
FrankZamora
2025-12-06 20:36:27 -06:00
parent b79569c5e7
commit c23dc22d76
24 changed files with 3224 additions and 852 deletions

164
date.php
View File

@@ -2,8 +2,9 @@
/**
* The template for displaying date-based archive pages
*
* This template displays posts from a specific date (year, month, or day)
* with the date information displayed at the top.
* Estructura unificada siguiendo el patron de single.php.
* Usa roi_render_component() para todos los componentes.
* La visibilidad se controla via PageVisibilityHelper::shouldShow().
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/#date
*
@@ -14,115 +15,78 @@
get_header();
?>
<main id="main-content" class="site-main" role="main">
<main id="main-content" class="site-main" role="main">
<div class="content-wrapper">
<!-- Hero Section - Componente dinamico -->
<?php
if (function_exists('roi_render_component')) {
echo roi_render_component('hero');
}
?>
<!-- Primary Content Area -->
<div id="primary" class="content-area">
<!-- Archive Header - Componente dinamico (detecta fecha automaticamente) -->
<?php
if (function_exists('roi_render_component')) {
echo roi_render_component('archive-header');
}
?>
<?php if ( have_posts() ) : ?>
<!-- Main Content Grid -->
<?php
// Determinar si mostrar sidebar basandose en visibilidad de componentes
$sidebar_components = ['table-of-contents', 'cta-box-sidebar'];
$show_sidebar = function_exists('roi_should_render_any_wrapper')
? roi_should_render_any_wrapper($sidebar_components)
: false;
$main_col_class = $show_sidebar ? 'col-lg-9' : 'col-lg-12';
?>
<div class="container">
<div class="row">
<!-- Date Archive Header -->
<header class="page-header date-header">
<?php
// Date archive title
the_archive_title( '<h1 class="page-title date-title">', '</h1>' );
<!-- Main Content Column -->
<div class="<?php echo esc_attr($main_col_class); ?>">
// Date archive description
$date_description = get_the_archive_description();
if ( ! empty( $date_description ) ) :
?>
<div class="archive-description date-description">
<?php echo wp_kses_post( wpautop( $date_description ) ); ?>
</div>
<?php endif; ?>
<!-- Post Grid - Componente dinamico -->
<?php
if (function_exists('roi_render_component')) {
echo roi_render_component('post-grid');
}
?>
<!-- Date metadata -->
<div class="date-meta">
<span class="posts-count">
<?php
global $wp_query;
$found_posts = $wp_query->found_posts;
printf(
/* translators: %s: number of posts */
esc_html( _n( '%s post', '%s posts', $found_posts, 'roi-theme' ) ),
esc_html( number_format_i18n( $found_posts ) )
);
?>
</span>
</div>
</header><!-- .page-header -->
</div><!-- .<?php echo esc_attr($main_col_class); ?> -->
<!-- Date Posts Loop -->
<div class="archive-posts date-posts">
<?php if ($show_sidebar): ?>
<!-- Sidebar Column (col-lg-3) -->
<div class="col-lg-3">
<div class="sidebar-sticky">
<!-- Table of Contents - Componente dinamico -->
<?php
if (function_exists('roi_render_component')) {
echo roi_render_component('table-of-contents');
}
?>
<?php
// Start the WordPress Loop
while ( have_posts() ) :
the_post();
<!-- CTA Box Sidebar - Componente dinamico -->
<?php
if (function_exists('roi_render_component')) {
echo roi_render_component('cta-box-sidebar');
}
?>
</div>
</div>
<?php endif; ?>
/**
* Include the Post-Type-specific template for the content.
* If you want to override this in a child theme, then include a file
* called content-___.php (where ___ is the Post Type name) and that will be used instead.
*/
get_template_part( 'template-parts/content', get_post_type() );
</div><!-- .row -->
</div><!-- .container -->
endwhile;
?>
</main><!-- #main-content -->
</div><!-- .archive-posts -->
<?php
/**
* Pagination
* Display navigation to next/previous set of posts when applicable.
*/
the_posts_pagination(
array(
'mid_size' => 2,
'prev_text' => sprintf(
'%s <span class="nav-prev-text">%s</span>',
'<span class="nav-icon" aria-hidden="true">&laquo;</span>',
esc_html__( 'Previous', 'roi-theme' )
),
'next_text' => sprintf(
'<span class="nav-next-text">%s</span> %s',
esc_html__( 'Next', 'roi-theme' ),
'<span class="nav-icon" aria-hidden="true">&raquo;</span>'
),
'before_page_number' => '<span class="screen-reader-text">' . esc_html__( 'Page', 'roi-theme' ) . ' </span>',
'aria_label' => esc_attr__( 'Posts navigation', 'roi-theme' ),
)
);
else :
/**
* No posts found
* Display a message when no content is available.
*/
get_template_part( 'template-parts/content', 'none' );
endif;
?>
</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 -->
<!-- Contact Form Section - Componente dinamico -->
<?php
if (function_exists('roi_render_component')) {
echo roi_render_component('contact-form');
}
?>
<?php
get_footer();