Recherche un freelancer pour implémenter un thème Discourse personnalisé (sur la base d'une maquette existante)

Bonjour la communauté Discourse,

Je suis à la recherche d’un développeur/intégrateur freelance expérimenté pour m’aider à implémenter un thème Discourse personnalisé pour notre forum CockpitLab. Nous avons déjà créé une maquette fonctionnelle avec Lovable (un éditeur IA) et souhaitons maintenant l’intégrer correctement dans notre instance Discourse.

Maquette réalisée avec Lovable : https://preview–forum-discourse.lovable.app/
Forum Discourse actuel : https://forum.cockpitlab.io/

À propos du projet :

  • Nous avons déjà une maquette détaillée du thème avec tout le CSS nécessaire.
  • Le thème comprend une navigation personnalisée, des boutons stylisés, un pied de page spécifique et diverses modifications des composants Discourse standards.
  • Nous souhaitons conserver notre palette de couleurs actuelle (principalement #edb067 comme couleur primaire).
  • Nous avons connecté Lovable à GitHub et GitHub à un nouveau thème Discourse, de sorte que les modifications peuvent être apportées directement sur GitHub.

Problèmes techniques et défis à résoudre :

  1. Navigation personnalisée : Notre maquette comprend une barre de navigation supérieure avec des menus déroulants (Liens utiles, Outils, etc.) qui ne s’affichent pas correctement dans l’instance Discourse actuelle.
  2. Intégration du pied de page : Le pied de page personnalisé avec plusieurs sections n’apparaît pas du tout dans notre instance.
  3. Cohérence visuelle : Certains de nos styles CSS sont ignorés ou remplacés par les styles par défaut de Discourse.
  4. Conception responsive : Notre conception fonctionne bien sur ordinateur mais présente des bugs sur mobile (menus déroulants qui ne s’affichent pas correctement, éléments mal alignés).

Exemples de bugs spécifiques :

  • Les classes .cockpitlab-topnav et .cockpitlab-footer sont dans notre CSS mais ne sont pas appliquées aux éléments correspondants.
  • Les variables CSS définies dans :root ne sont pas reconnues dans certaines parties de l’interface.
  • Les boutons avec la classe .btn-primary conservent le style par défaut de Discourse au lieu de notre style personnalisé.
  • La hiérarchie des couleurs n’est pas respectée (par exemple, les liens et les boutons utilisent toujours la couleur par défaut de Discourse).

Compétences requises :

  • Expérience avancée avec les thèmes Discourse et leur système de composants.
  • Maîtrise de SCSS/CSS et des techniques d’intégration de thèmes.
  • Connaissance de JavaScript pour la mise en œuvre de fonctionnalités interactives.
  • Compréhension des problèmes de compatibilité entre les thèmes personnalisés et les mises à jour de Discourse.

Je peux fournir :

  • L’accès à notre maquette sur Lovable.
  • L’accès à notre dépôt GitHub avec le code du thème.
  • Des fichiers CSS/SCSS déjà développés.
  • Des captures d’écran détaillées du résultat souhaité.
  • L’accès à notre instance Discourse pour les tests.

Budget et calendrier à discuter en fonction du profil. Si vous êtes intéressé ou si vous avez des questions, n’hésitez pas à me contacter par message privé ou dans les commentaires.

Merci d’avance pour votre aide !
J’ai ajouté un point dans la section “À propos du projet” mentionnant votre intégration GitHub, et j’ai également inclus “L’accès à notre dépôt GitHub avec le code du thème” dans la liste des éléments que vous pouvez fournir.

3 « J'aime »

Salut, as-tu regardé dans la catégorie Theme component ? Peut-être que certains TC ressemblent à ce que tu demandes.

Bonjour @NateDhaliwal
Je dois admettre que je n’ai pas fait de recherches sur le forum car mon problème est personnalisé. Je ne suis pas développeur moi-même et je cherche de l’aide pour obtenir un résultat rapide pour ma maquette.

J’ai l’impression que Lovable n’a pas pris en compte tous les composants et classes CSS spécifiques à Discourse mais je ne sais pas comment avancer…

1 « J'aime »

Il y a quelques TCs qui semblent pertinents, d’après la description que vous avez fournie :

  1. ⬇️ Dropdown Header
  2. Header Submenus
  3. Custom Header Links (icons)
  4. Custom Header Links
  5. Topic Footer Buttons
  6. Easy Responsive Footer
1 « J'aime »

Merci. Je vais vérifier tous les TCs.

1 « J'aime »

Je suis intéressé par cela, je vous envoie un message privé

2 « J'aime »

Désolé de vous déranger, mais en regardant la maquette, il semble qu’une partie puisse être réalisée avec des TCs et des thèmes :

  1. Section des tags : d’après ce que je vois, je pense que Discourse Tag Cloud est assez similaire.
  2. Le thème principal avec les cartes de sujets et le design ressemble à FKB Pro - Social theme.
  3. Category Icons et Tag Icons peuvent réaliser la partie icônes des catégories et des tags.
  4. La recherche dans l’en-tête peut probablement être réalisée avec Advanced Header Search.

Je pense donc qu’il est tout à fait possible de réaliser votre design, ou du moins une version très similaire.

2 « J'aime »

Pourriez-vous m’aider à l’implémenter ?

Salut, déplaçons cela en message privé afin de ne pas encombrer ce sujet.
Merci !

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.