[COMPONENTE 10] Implementar Post Content con tipografía optimizada - Issue #120

- Cambiar <div> a <article> para mejor semántica HTML
- Agregar CSS completo con 9 selectores:
  * .post-content: Contenedor con fondo, padding, shadow
  * .post-content h2: Border-bottom naranja 3px
  * .post-content h3: Color navy light para jerarquía
  * .post-content p: Line-height 1.8 para legibilidad
  * .post-content ul/ol: Listas estilizadas
  * .post-content li: Items con espaciado
  * .post-content strong: Color navy para destacar
  * .post-content a: Enlaces naranjas con underline
  * .post-content a:hover: Hover naranja oscuro

Archivos modificados:
- wp-content/themes/apus-theme/single.php (líneas 61, 70)
- wp-content/themes/apus-theme/assets/css/style.css (líneas 865-921)

🎨 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
FrankZamora
2025-11-07 09:44:14 -06:00
parent 7e422d5499
commit f0d245de26
2 changed files with 59 additions and 2 deletions

View File

@@ -58,7 +58,7 @@ get_header();
<?php endif; ?>
<!-- Post Content -->
<div class="post-content">
<article class="post-content">
<?php
the_content();
@@ -67,7 +67,7 @@ get_header();
'after' => '</div>',
));
?>
</div>
</article>
<!-- Share Buttons (Template líneas 786-810) -->
<div class="my-5 py-4 border-top">