Auf der Suche nach einem Freelancer zur Implementierung eines benutzerdefinierten Discourse-Themas (basierend auf einem bestehenden Mockup)

Marktplatz
1

Hallo Discourse-Community,

ich suche einen erfahrenen freiberuflichen Entwickler/Integrator, der uns bei der Implementierung eines benutzerdefinierten Discourse-Themes für unser CockpitLab-Forum unterstützt. Wir haben bereits einen funktionsfähigen Mockup mit Lovable (einem KI-Editor) erstellt und möchten diesen nun ordnungsgemäß in unsere Discourse-Instanz integrieren.

Mockup erstellt mit Lovable: https://preview–forum-discourse.lovable.app/
Aktuelles Discourse-Forum: https://forum.cockpitlab.io/

Über das Projekt:

  • Wir haben bereits einen detaillierten Mockup des Themes mit allen notwendigen CSS-Angaben
  • Das Theme beinhaltet eine benutzerdefinierte Navigation, gestylte Schaltflächen, eine spezifische Fußzeile und verschiedene Modifikationen an Standard-Discourse-Komponenten
  • Wir möchten unsere aktuelle Farbpalette beibehalten (hauptsächlich #edb067 als Primärfarbe)
  • Wir haben Lovable mit GitHub und GitHub mit einem neuen Discourse-Theme verbunden, sodass Modifikationen direkt auf GitHub vorgenommen werden können

Technische Probleme und zu lösende Herausforderungen:

  1. Benutzerdefinierte Navigation: Unser Mockup enthält eine obere Navigationsleiste mit Dropdown-Menüs (Nützliche Links, Tools usw.), die in der aktuellen Discourse-Instanz nicht korrekt angezeigt werden.
  2. Integration der Fußzeile: Die benutzerdefinierte Fußzeile mit mehreren Abschnitten wird in unserer Instanz überhaupt nicht angezeigt.
  3. Visuelle Konsistenz: Einige unserer CSS-Stile werden ignoriert oder durch die Standardstile von Discourse überschrieben.
  4. Responsives Design: Unser Design funktioniert gut auf dem Desktop, weist jedoch Fehler auf dem Handy auf (Dropdown-Menüs, die nicht korrekt angezeigt werden, falsch ausgerichtete Elemente).

Beispiele für spezifische Fehler:

  • Die Klassen .cockpitlab-topnav und .cockpitlab-footer sind in unserem CSS vorhanden, werden aber nicht auf die entsprechenden Elemente angewendet
  • CSS-Variablen, die in :root definiert sind, werden in bestimmten Teilen der Benutzeroberfläche nicht erkannt
  • Schaltflächen mit der Klasse .btn-primary behalten den Standardstil von Discourse anstelle unseres benutzerdefinierten Stils
  • Die Farbhierarchie wird nicht eingehalten (z. B. verwenden Links und Schaltflächen immer noch die Standardfarbe von Discourse)

Erforderliche Kenntnisse:

  • Fortgeschrittene Erfahrung mit Discourse-Themes und deren Komponentensystem
  • Beherrschung von SCSS/CSS und Techniken zur Theme-Integration
  • Kenntnisse in JavaScript zur Implementierung interaktiver Funktionen
  • Verständnis von Kompatibilitätsproblemen zwischen benutzerdefinierten Themes und Discourse-Updates

Ich kann Folgendes bereitstellen:

  • Zugriff auf unseren Mockup auf Lovable
  • Zugriff auf unser GitHub-Repository mit dem Theme-Code
  • Bereits entwickelte CSS/SCSS-Dateien
  • Detaillierte Screenshots des gewünschten Ergebnisses
  • Zugriff auf unsere Discourse-Instanz zum Testen

Budget und Zeitplan werden je nach Profil besprochen. Wenn Sie interessiert sind oder Fragen haben, können Sie mich gerne per privater Nachricht oder in den Kommentaren kontaktieren.

Vielen Dank im Voraus für Ihre Hilfe!
Ich habe einen Aufzählungspunkt im Abschnitt „Über das Projekt“ hinzugefügt, der Ihre GitHub-Integration erwähnt, und auch „Zugriff auf unser GitHub-Repository mit dem Theme-Code“ in die Liste der Dinge aufgenommen, die Sie bereitstellen können.

3 „Gefällt mir“
2

Hallo, haben Sie sich die Kategorie Theme component angesehen? Vielleicht ähneln einige TCs dem, wonach Sie suchen.

3

Hallo @NateDhaliwal
Ich muss zugeben, dass ich keine Recherche im Forum betrieben habe, da mein Problem personalisiert ist. Ich bin selbst kein Entwickler und suche Hilfe, um schnell ein Ergebnis für mein Mockup zu erzielen.

Ich habe den Eindruck, dass Lovable nicht alle spezifischen Komponenten und CSS-Klassen von Discourse berücksichtigt hat, aber ich weiß nicht, wie ich weiter vorgehen soll…

1 „Gefällt mir“
4

Es gibt einige TCs, die relevant zu sein scheinen, basierend auf der von Ihnen bereitgestellten Beschreibung:

  1. ⬇️ Dropdown Header
  2. Header Submenus
  3. Custom Header Links (icons)
  4. Custom Header Links
  5. Topic Footer Buttons
  6. Easy Responsive Footer
1 „Gefällt mir“
5

Danke. Ich werde alle TCs überprüfen.

1 „Gefällt mir“
6

Ich bin daran interessiert, dies aufzunehmen, ich sende Ihnen eine PM

2 „Gefällt mir“
7

Entschuldigen Sie die Störung, aber wenn ich mir das Mockup ansehe, scheint ein Teil davon durch TCs und Themes unterstützt werden zu können:

  1. Tag-Bereich: Soweit ich das beurteilen kann, ist Discourse Tag Cloud ziemlich ähnlich.
  2. Das Haupt-Theme mit den Topic-Karten und dem Design sieht aus wie FKB Pro - Social theme.
  3. Category Icons und Tag Icons können den Icon-Teil von Kategorien und Tags realisieren.
  4. Die Header-Suche kann wahrscheinlich mit Advanced Header Search umgesetzt werden.

Daher denke ich, dass es definitiv möglich ist, Ihr Design oder zumindest eine sehr ähnliche Version davon zu realisieren.

2 „Gefällt mir“
8

Könnten Sie mir helfen, es zu implementieren?

9

Hallo, lassen Sie uns das per PN klären, um dieses Thema nicht zu überladen.
Danke!

10

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