Componente Eroe Avanzato

:information_source: Riepilogo Crea splendide sezioni hero personalizzabili con controlli di stile avanzati, perfette per community di sviluppatori e forum di codifica.
:eyeglasses: Anteprima https://vibecommit.dev/
:hammer_and_wrench: Repository https://github.com/thebestgoodguy/vibecommit-hero
:question: Guida all’installazione Come installare un tema o un componente tema
:open_book: Nuovo ai temi Discourse? Guida per principianti all’uso dei temi Discourse

<!- Riempire "repoName" e "repoURL" per il pulsante di installazione automatica →

Installa questo componente tema

<!- Descrivi questo tema/componente in una o due frasi →

Un potente componente tema Discourse che crea splendide sezioni hero personalizzabili con controlli di stile avanzati, perfette per community di sviluppatori e forum di codifica.

<!- Aggiungi screenshot (se applicabile) →

vibecommit_hero_2

<!- Aggiungi maggiori dettagli e spiega le impostazioni (se applicabile) →

Componente Tema Vibe Coders Community - Suite di Personalizzazione Completa

Questo componente tema Discourse avanzato trasforma il tuo forum community in una piattaforma moderna focalizzata sugli sviluppatori con ampie opzioni di personalizzazione e capacità di styling professionali.

:artist_palette: Configurazione della Sezione Hero

  • Impostazioni Tema Personalizzate: Controllo completo sull’aspetto della hero con opzioni di personalizzazione dedicate del tema
  • Gestione Testo Hero: Testo del titolo principale e della descrizione configurabile con supporto per formattazione avanzata
  • Integrazione Call-to-Action: Pulsanti CTA integrati con testo, stile e destinazioni di link personalizzabili
  • Design Responsivo: Adatta automaticamente il layout della hero per esperienze di visualizzazione su desktop, tablet e dispositivi mobili

:framed_picture: Opzioni di Personalizzazione Visiva

  • Controlli Sfondo: Supporto per immagini di sfondo personalizzate o colori solidi con effetti di sovrapposizione
  • Gestione Palette Colori: Controlli completi dello schema colore, inclusi colori primari, secondari e d’accento

:gear: Funzionalità di Styling Avanzate

  • Sovrapposizioni Gradiente: Molteplici opzioni di colore gradiente per un maggiore appeal visivo
  • Effetti Animazione: Animazioni di ingresso fluide ed effetti al passaggio del mouse per elementi interattivi
  • Integrazione Icone: Supporto per icone personalizzate all’interno della sezione hero

:mobile_phone: Ottimizzazione Mobile

  • Interfaccia Touch-Friendly: Dimensioni dei pulsanti e spaziatura ottimizzate per l’interazione mobile
  • Caricamento Progressivo: Tempi di caricamento rapidi con compressione delle immagini ottimizzata e lazy loading
  • Tipografia Responsiva: Ridimensionamento automatico dei font per una leggibilità ottimale su tutti i dispositivi
  • Design Mobile-First: Costruito con l’esperienza mobile come considerazione primaria

Questo componente è specificamente progettato per community di codifica, boot camp, forum di sviluppatori e piattaforme di discussione tecnica che desiderano creare una prima impressione professionale e coinvolgente, mantenendo al contempo prestazioni e usabilità eccellenti su tutti i dispositivi.

11 Mi Piace

Sembra che tu abbia usato il banner versatile come esempio. E non c’è niente di male in questo in generale, ma tu, ad esempio, hai mantenuto tutti i file di localizzazione tradotti. Mentre hai personalizzato quelli inglesi cambiando, ad esempio, “banner” in “hero banner”, non hai fatto lo stesso sui file tradotti. Non fraintendermi, non mi aspetto che tu traduca il tuo componente, ma è importante rimuovere le traduzioni obsolete. Se non c’è una traduzione tedesca, vedrò il testo inglese come l’hai scritto. Ma se mantieni la traduzione invariata, vedrò testi tedeschi obsoleti. Di solito, i testi obsoleti sono più confusionari dei testi inglesi.

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

Se fossi in te, eliminerei tutti quei file di traduzione e manterrei solo en.yml.
Inoltre, utilizzi ancora il link al banner versatile come about_url in about.json, e license_url non punta al tuo repository.

7 Mi Piace

Hai ragione. Per quanto riguarda la struttura di base, ho utilizzato un banner versatile e l’ho aggiornato con più funzionalità. Ho apportato le modifiche necessarie e aggiunto le informazioni sul Fork al file README. Grazie per i tuoi avvertimenti.

7 Mi Piace

11 post sono stati spostati in un nuovo argomento: Errore 500 durante l’installazione del componente Advanced Hero