Eine Community-Vorlage, die Ort und Absicht hervorhebt

Ich möchte ein Layout teilen, an dem ich für ein Community-Projekt gearbeitet habe. Ich habe daran gearbeitet, einige seiner Ideen zu abstrahieren, und hoffe, dass es allgemeine Inspiration für gemeinnützige, Open-Source-, kapitelbasierte oder anderweitig verteilte Community-Setups bietet.

Das Design hat zwei Hauptziele:

  • Immer einen Ort und eine gemeinsame Absicht für Gespräche vorschlagen
  • Gespräche in einen breiteren Kontext von vorgestellten Inhalten und Arbeitsbereichen einrahmen

Die konzeptionelle Landing-Ansicht:

Die Navigation zu bestimmten Bereichen ändert die kontextuellen Hinweise. Ansonsten bleibt die Navigation konsistent:

Die Navigation zu einem Arbeitsbereich fügt der Navigation Kollaborationstools hinzu:

Die Implementierung in unserem Projekt sieht so aus:

In jedem Bereich schlagen wir durch Bilder und Einführungstexte einen deutlichen Kontext und eine deutliche Absicht vor:

In Arbeitsbereichen bietet das Navigationsmenü Unternavigation und Zugriff auf Tags:

22 „Gefällt mir“

Sieht ähnlich aus wie die Discourse-Instanz von Webcore. Sehr schön.

4 „Gefällt mir“

Sie erstellen einige erstaunlich aussehende Discourse-Designs. Großartige Arbeit!

Abgesehen davon, ob Sie dies tun werden, wie viel davon könnte als normales Discourse-Theme geteilt werden? Wie viel ist eine Theme-Komponente oder eine andere tiefgreifendere Anpassung?

7 „Gefällt mir“

Wow! Was für eine erstaunliche Vorlage! :scream:

Wie hast du sie erstellt?

4 „Gefällt mir“

Sieht fantastisch aus. Wir brauchen mehr von diesen benutzerdefinierten Themes.

5 „Gefällt mir“

Vielen Dank an alle für die netten Worte :hugs:

Wie es gemacht wird: Die konzeptionelle Vorlage ist nur ein Mockup, ich mache diese mit Figma. Sie ist nicht spezifisch für Discourse.

Für die Couchers.org-Community habe ich sie auf Discourse implementiert, indem ich Stile in einem Theme gebündelt und Theme-Komponenten verwendet habe (Header Search, Category Banners, Custom Nav Links, Featured Cards, Category Showcase, Modern Category Boxes, Easy Footer). Ich habe etwas benutzerdefinierten Code hinzugefügt, um unterschiedliche Banner auf der Homepage und der Latest-Route zu erhalten.

Das endgültige Layout und die Funktionsweise der Community hängen dann von der Anpassung der Einstellungen ab: seitenweit, auf den Komponenten, auf Kategorien, für Tags. Man könnte die Vorlage also nicht implementieren, indem man nur ein gebündeltes Theme und Komponenten teilt.

Konzeptionell sehe ich dies nicht als Theme, sondern eher als Vorlage, Layout oder Modell. Ich bin mir noch nicht sicher, welcher Begriff am besten passt. Es geht nicht so sehr darum, nur das Aussehen zu ändern, sondern die Funktionsweise und Benutzererfahrung zu ändern, um einen bestimmten Anwendungsfall oder ein Community-Modell zu unterstützen. Ich arbeite auch an anderen Vorlagen und frage mich, wie ich sie am besten teilen kann. Man bräuchte eine Möglichkeit, alle überschriebenen Einstellungen zu exportieren und zu importieren. Im Moment ist der einzige Weg, den ich kenne, ein Backup zu verwenden, aber es wäre großartig, einen Weg zu finden, der nur auf Einstellungen und nicht auf Website-Inhalte abzielt.

9 „Gefällt mir“

Sie können Website-Einstellungen bereits exportieren/importieren:

Es mag etwas Arbeit erfordern, jede einzelne zu dokumentieren, aber ein einfacher Weg könnte darin bestehen, hier in Meta ein neues Thema zu posten (entsprechend markiert usw.), das alle Anpassungen mit einer Struktur wie dieser beschreibt:

  1. Designkonzept & Demoseite (falls verfügbar)
  2. Thema als exportierte Datei
  3. Thema-Komponenten als Liste mit einer kurzen Übersicht über die geänderten Einstellungen
  4. Plugins mit kurzen Hinweisen zur Konfiguration jedes einzelnen
  5. Einstellungen, die von der Standardeinstellung geändert wurden, als .yml-Datei
7 „Gefällt mir“

Das sind tolle Vorschläge! Danke fürs Teilen, @nathank

5 „Gefällt mir“

Suchen Sie nach mehr freiberuflicher Arbeit?

5 „Gefällt mir“