Composant Héros Avancé

:information_source: Résumé Créez des sections héroïques magnifiques et personnalisables avec des contrôles de style avancés, parfaits pour les communautés de développeurs et les forums de codage.
:eyeglasses: Aperçu https://vibecommit.dev/
:hammer_and_wrench: Dépôt https://github.com/thebestgoodguy/vibecommit-hero
:question: Guide d’installation Comment installer un thème ou un composant de thème
:open_book: Nouveau aux thèmes Discourse ? Guide pour débutants sur l’utilisation des thèmes Discourse

← Remplissez "repoName" et "repoURL" pour le bouton d’installation automatique →

Installer ce composant de thème

← Décrivez ce thème/composant en une ou deux phrases →

Un puissant composant de thème Discourse qui crée des sections héroïques magnifiques et personnalisables avec des contrôles de style avancés, parfait pour les communautés de développeurs et les forums de codage.

← Ajoutez des captures d’écran (si applicable) →

vibecommit_hero_2

← Ajoutez plus de détails et expliquez les paramètres (si applicable) →

Composant de thème Vibe Coders Community - Suite de personnalisation complète

Ce composant de thème Discourse avancé transforme votre forum communautaire en une plateforme moderne axée sur les développeurs avec des options de personnalisation étendues et des capacités de style professionnelles.

:artist_palette: Configuration de la section Héro

  • Paramètres de thème personnalisés : Contrôle total de l’apparence de la section héro avec des options de personnalisation de thème dédiées
  • Gestion du texte Héro : Texte de titre principal et de description configurable avec prise en charge du formatage enrichi
  • Intégration des appels à l’action (CTA) : Boutons CTA intégrés avec texte, style et destinations de liens personnalisables
  • Conception réactive : Adapte automatiquement la mise en page de la section héro pour les expériences de visualisation sur ordinateur, tablette et mobile

:framed_picture: Options de personnalisation visuelle

  • Contrôles d’arrière-plan : Prise en charge d’images d’arrière-plan personnalisées ou de couleurs unies avec des effets de superposition
  • Gestion de la palette de couleurs : Contrôles complets de la palette de couleurs, y compris les couleurs primaires, secondaires et d’accentuation

:gear: Fonctionnalités de style avancées

  • Superpositions de dégradés : Plusieurs options de couleurs de dégradés pour un attrait visuel amélioré
  • Effets d’animation : Animations d’entrée fluides et effets de survol pour les éléments interactifs
  • Intégration d’icônes : Prise en charge des icônes personnalisées dans la section héro

:mobile_phone: Optimisation mobile

  • Interface tactile : Tailles de boutons et espacements optimisés pour l’interaction mobile
  • Chargement progressif : Temps de chargement rapides avec compression d’image optimisée et chargement différé
  • Typographie réactive : Mise à l’échelle automatique des polices pour une lisibilité optimale sur tous les appareils
  • Conception mobile d’abord : Construit avec l’expérience mobile comme principale considération

Ce composant est spécifiquement conçu pour les communautés de codage, les bootcamps, les forums de développeurs et les plateformes de discussion technique qui souhaitent créer une première impression professionnelle et engageante tout en maintenant d’excellentes performances et une bonne utilisabilité sur tous les appareils.

11 « J'aime »

On dirait que vous avez utilisé la bannière polyvalente comme exemple. Et il n’y a rien de mal à cela en général, mais vous, par exemple, avez conservé tous les fichiers de langue traduits. Alors que vous avez personnalisé les fichiers anglais en changeant, par exemple, « banner » en « hero banner », vous ne l’avez pas fait sur les fichiers traduits. Ne vous méprenez pas, je ne m’attends pas à ce que vous traduisiez votre composant, mais il est important de supprimer les traductions obsolètes. S’il n’y a pas de traduction allemande, je verrai le texte anglais tel que vous l’avez écrit. Mais si vous conservez la traduction inchangée, je verrai des textes allemands obsolètes. Habituellement, les textes obsolètes sont plus déroutants que les textes anglais.

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 j’étais vous, je supprimerais tous ces fichiers de traduction et ne conserverais que en.yml.

Vous utilisez toujours le lien vers la bannière polyvalente comme about_url dans about.json, et le license_url ne pointe pas vers votre dépôt.

7 « J'aime »

Vous avez raison. Pour la structure de base, j’ai utilisé une bannière polyvalente et je l’ai améliorée avec plus de fonctionnalités. J’ai apporté les modifications nécessaires et ajouté les informations de Fork au fichier README. Merci pour vos avertissements.

7 « J'aime »

11 messages ont été déplacées vers un nouveau sujet : Erreur 500 lors de l’installation du composant Advanced Hero