Componente de Héroe Avanzado

:information_source: Resumen Cree impresionantes secciones de héroe personalizables con controles de estilo avanzados, perfectas para comunidades de desarrolladores y foros de codificación.
:eyeglasses: Vista previa https://vibecommit.dev/
: hammer_and_wrench: Repositorio https://github.com/thebestgoodguy/vibecommit-hero
:question: Guía de instalación Cómo instalar un tema o un componente de tema
:open_book: ¿Nuevo en temas de Discourse? Guía para principiantes sobre el uso de temas de Discourse

Instalar este componente de tema

Un potente componente de tema de Discourse que crea impresionantes secciones de héroe personalizables con controles de estilo avanzados, perfecto para comunidades de desarrolladores y foros de codificación.

vibecommit_hero_2

Componente de Tema Vibe Coders Community - Suite de Personalización Completa

Este avanzado componente de tema de Discourse transforma su foro comunitario en una plataforma moderna centrada en el desarrollador con amplias opciones de personalización y capacidades de estilo profesional.

:artist_palette: Configuración de la Sección de Héroe

  • Configuración de Tema Personalizada: Control total sobre la apariencia del héroe con opciones de personalización de tema dedicadas.
  • Gestión de Texto del Héroe: Texto de titular y descripción principal configurable con soporte para formato enriquecido.
  • Integración de Llamada a la Acción: Botones de CTA integrados con texto, estilo y destinos de enlace personalizables.
  • Diseño Responsivo: Adapta automáticamente el diseño del héroe para experiencias de visualización en escritorio, tableta y móvil.

:framed_picture: Opciones de Personalización Visual

  • Controles de Fondo: Soporte para imágenes de fondo personalizadas o colores sólidos con efectos de superposición.
  • Gestión de Paleta de Colores: Controles completos del esquema de colores, incluidos colores primarios, secundarios y de acento.

:gear: Funciones de Estilo Avanzadas

  • Superposiciones de Degradado: Múltiples opciones de color de degradado para una mayor atractivo visual.
  • Efectos de Animación: Animaciones de entrada fluidas y efectos de desplazamiento para elementos interactivos.
  • Integración de Iconos: Soporte para iconos personalizados dentro de la sección del héroe.

:mobile_phone: Optimización Móvil

  • Interfaz Táctil: Tamaños de botón y espaciado optimizados para la interacción móvil.
  • Carga Progresiva: Tiempos de carga rápidos con compresión de imágenes optimizada y carga diferida.
  • Tipografía Responsiva: Escalado automático de fuentes para una legibilidad óptima en todos los dispositivos.
  • Diseño Mobile-First: Construido con la experiencia móvil como consideración principal.

Este componente está diseñado específicamente para comunidades de codificación, bootcamps, foros de desarrolladores y plataformas de discusión técnica que desean crear una primera impresión profesional y atractiva, manteniendo al mismo tiempo un rendimiento y una usabilidad excelentes en todos los dispositivos.

11 Me gusta

Parece que usaste el banner versátil como ejemplo. Y no hay nada de malo en eso en general, pero tú, por ejemplo, conservaste todos los archivos de localización traducidos. Mientras que personalizaste los archivos en inglés cambiando, por ejemplo, “banner” a “hero banner”, no hiciste lo mismo en los archivos traducidos. No me malinterpretes, no espero que traduzcas tu componente, pero es importante eliminar las traducciones obsoletas. Si no hay traducción al alemán, veré el texto en inglés tal como lo escribiste. Pero si conservas la traducción sin cambios, veré textos obsoletos en alemán. Por lo general, los textos obsoletos son más confusos que los textos en inglés.

https://github.com/thebestgoodguy/vibecommit-hero/blob/79e94a47edbbaebb77bd299e57296e4bc06dd3b3/locales/en.yml#L7-L7
https://github.com/thebestgoodguy/vibecommit-hero/blob/79e94a47edbbaebb77bd299e57296e4bc06dd3b3/locales/de.yml#L13-L13

Si fuera tú, eliminaría todos esos archivos de traducción y conservaría solo en.yml.
Además, sigues usando el enlace al banner versátil como about_url en about.json, y license_url no enlaza a tu repositorio.

7 Me gusta

Tienes razón. En cuanto a la estructura base, utilicé un banner versátil y lo mejoré con más funciones. Hice los cambios necesarios y añadí información de Fork al archivo README. Gracias por tus advertencias.

7 Me gusta

11 publicaciones se dividieron en un nuevo tema: Error 500 al instalar el componente Advanced Hero