[COMPONENTE 13] Implementar Share Buttons según documentación - Issue #124
CAMBIOS EN HTML (single.php): - Remover botón de Email (no en documentación) - Remover texto de botones (solo iconos) - Agregar aria-label a todos los botones para accesibilidad - Cambiar Instagram a onclick alert en vez de link directo - Cambiar WhatsApp URL a api.whatsapp.com/send - Actualizar rel de "noopener" a "noopener noreferrer" - Agregar comentarios HTML para cada botón CAMBIOS EN CSS (style.css): - Agregar reglas específicas para .share-buttons .btn - border-width: 2px (más grueso que Bootstrap default) - transition: all 0.3s ease - box-shadow en hover para efecto de elevación Archivos modificados: - wp-content/themes/apus-theme/single.php (líneas 72-120) - wp-content/themes/apus-theme/assets/css/style.css (líneas 1054-1063) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -1050,3 +1050,14 @@ img {
|
||||
background-color: var(--color-navy-primary);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* === SHARE BUTTONS === */
|
||||
|
||||
.share-buttons .btn {
|
||||
transition: all 0.3s ease;
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
.share-buttons .btn:hover {
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user