Wie kann ich ein sehr individuelles Thema erstellen?

Entwickler
1

Hallo, ich bin neu bei Discourse und liebe seine Funktionen und seine Funktionsweise. Ich möchte sein Erscheinungsbild und die Art und Weise, wie es Inhalte präsentiert, stark anpassen. Ich habe verschiedene Threads und Beiträge gelesen, um es zu verstehen. Ich habe Erfahrung mit JavaScript-Programmierung, aber ich bin verwirrt. Mit stark angepasst meine ich: die Seitenleiste entfernen, Navigationspunkte zur oberen Leiste hinzufügen. Themen mit dem Namen des Autors, Avatar, Betreff und Vorschautext anzeigen, zusammen mit der letzten Antwort und einer Vorschau der Antwort mit dem Avatar und Namen des Antwortautors. Themen, die unter Kategorien in einer großen Liste von Kategorien und ihren Themen gruppiert sind (alte Schule). Ich muss verstehen, wie ich die Daten überschreibe, die angezeigt oder abgerufen und dann angezeigt werden, und ich bin verwirrt, wie ich das am besten mache. Wäre es ein einzelnes “Theme”, wäre es eine Theme-Komponente? Wäre es ein Plugin? Wäre es ein Mehrfach-Theme, Komponenten und Plugins? Was ist der Unterschied zwischen einer Komponente und einem Plugin? Ich wünschte, es gäbe ein YouTube-Video, das die Entwicklung eines stark angepassten “Themes” wie dieses zeigt. Ich sammle derzeit eine Liste von “Add-ons?”, die ähnliche Dinge tun, wie ich erreichen möchte, und versuche, ihren Code zu lesen und zu verstehen, aber Mann, es ist wirklich verwirrend, wenn man “frisch von der Straße” kommt. Ich lerne am besten, indem ich Videos ansehe, als durch Lesen. :confused: Irgendwelche Tipps, Ratschläge oder Videos, die mir vielleicht noch nicht bekannt sind? Jede Hilfe wird sehr geschätzt. :pray:

2

Da die gewünschten Änderungen das Abrufen zusätzlicher Daten für Seiten bedeuten würden, wären ein Theme oder eine Komponente nicht ausreichend. Sie benötigen ein Plugin, um Ihre Vision zu verwirklichen.

3

Danke :slight_smile: Ich habe eine Menge zu lesen. Hoffentlich ergibt alles Sinn. Ich habe ein wirklich relevantes Thema gefunden:

Und dann teile ich einfach ein paar Links/Notizen für andere, die vielleicht im selben Boot sitzen:

HTML-Vorlagen befinden sich unter https://github.com/discourse/discourse/tree/main/app/assets/javascripts/discourse/app/templates

Anleitungen für Anfänger zu Themes:

Entwicklerhandbuch für Themes:

Designerhandbuch für Themes:

Erstellen einer Theme-Komponente:

Theme-Komponente zum Anzeigen von Plugin-Outlet-Positionen (Orte zum Einfügen neuer HTML/Skripte/Stile):

Plugin-Entwicklung:

Lernen Sie, Dinge zu bauen:

Discourse unter Ubuntu/Debian für die Entwicklung installieren:

Was ich wirklich ändern möchte, ist die “topic-list” oder Homepage

• Dieses Theme hat bereits das gewünschte topic-list-Format erstellt:

• Autorenname + Avatar:
Author name plus avatar oder Show Original Poster Avatars

• Gruppen von Kategorien:

• Hervorgehobene Kategorie-Icons:

Kann auch den Online-Theme-Editor ausprobieren:

Extras:
• Single Sign On? SSO

• Discord Bot

4

Das kannst du tun, indem du auf das Hamburger-Symbol klickst, das ist also ziemlich einfach herauszufinden.

Schau dir Benutzerdefinierte Kopfzeilenlinks an.

Das könnte dir den Einstieg erleichtern.