🔥 Verriss meinen Theme Component: Erweiterte Themenkarten

[jrgong]

Hallo zusammen

Haftungsausschluss: Bei der Erstellung dieser Theme-Komponente wurde kein KI-System verletzt

Ja, ich bin schuldig, schamlos ein Klon des Topic Cards Theme Components im Vibe-Coding-Stil erstellt zu haben. Daher ein großes Dankeschön an die ursprünglichen Autoren und Mitwirkenden für die großartige Arbeit!

Obwohl dies zunächst ein Fork war, wurden über 80 % des Codes und der Struktur komplett neu geschrieben. Wir haben eine Menge neuer Funktionen hinzugefügt, und auf den ersten Blick können all die verschiedenen Einstellungen ziemlich überwältigend sein.

Advanced Topic Cards – Vorabversion

Mit unserem Rewrite erhalten Sie:

• granularere Kontrolle darüber, wo Themenkarten angezeigt werden
• Zwei verschiedene Layouts für Themenkarten
• Featured Cards Carousel oben auf der Seite „Neueste“

Eine vollständige Liste finden Sie weiter unten

Fühlen Sie sich frei, es zu testen, auszuführen, zu kopieren und hier im Thread zu kritisieren! Ich freue mich sehr über Feedback zum Ergebnis:

GitHub - jrgong420/advanced-topic-cards

Bekannte Probleme:

• Redundante TC-Einstellungen: Einige der Funktionen bezüglich Miniaturansicht und Kartenhöhe sind redundant/nicht mehr von Wert
• Desktop-Ansicht fehlt horizontales Scrollen über Touchpad/Mausrad (Embla bietet ein Plugin dafür, wir hatten es noch nicht)
• Aktionsschaltflächen sind nicht so „poliert“, benötigen eine bessere visuelle Überarbeitung

Zusammenfassung der Verbesserungen und Funktionen:

• Layouts pro Kategorie, pro Gerät
  Konfigurieren Sie Karten separat für Desktop und Mobilgeräte als Liste (Bild links, Inhalt rechts) oder Raster (Bild oben, Inhalt unten). Sie können genau auswählen, welche Kategorien welches Layout auf welcher Plattform verwenden.

  • Beispiel Raster-Layout: https://forum.cannabisanbauen.net/c/samenverzeichnis/230
  • Beispiel Karten-Layout: https://forum.cannabisanbauen.net/c/growreports/11

• Layout-Vererbung von Unterkategorien
  Optional können Kartenlayouts von einer übergeordneten Kategorie geerbt werden, sodass Sie nicht jede Unterkategorie manuell konfigurieren müssen.

• Featured Topics Carousel auf der Startseite (Embla)
  Ein Featured Topics Carousel, das Sie auf Discovery-Routen (Startseite/Neueste/Top/Kategorien) platzieren können, angetrieben von Embla Carousel, mit Einstellungen für Folien pro Ansicht, Schleifen, Ausrichtung, Ziehverhalten und mehr.

  • Beispiel: forum.cannabisanbauen.net (Startseite)

• Unterkategorie-Carousel auf Kategorieseiten
  Verwandeln Sie die Unterkategorieliste auf einer Kategorieseite in ein horizontales Karussell, mit Steuerelementen dafür, welche übergeordneten Kategorien und wie viele Kinder erforderlich sind, bevor es angezeigt wird.

  • Beispiel: https://forum.cannabisanbauen.net/c/growreports/11

• Optionen zur visuellen Anpassung

  • Platzhalter für Miniaturansichten (Font Awesome-Symbol), wenn ein Thema kein Bild hat

  • Voreinstellungen für den Karten-Randradius

  • Auswahlmöglichkeiten für die Schriftgröße des Kartentitels (unter Verwendung der Schriftart-Tokens von Discourse)

  • Optionale feste Karten-/Rasterhöhen und Steuerelemente für die Miniaturansichtgröße

• Umfangreichere Kartenkomponenten
  Neue Kartenstruktur mit:

  • Byline (OP-Avatar + Benutzername + optionales Veröffentlichungsdatum)

  • Aktionsschaltflächen (Details + CTA für hervorgehobenen Link)

  • Inline-Tags (Kategorie-Badge + Tags innerhalb des Karteninhalts)

• Kompatibel mit anderen Theme Components/Plugins:

  • Kalender + Ereignis-Plugin: Anzeigedatum des Ereignisses nach dem Titel
  • User Portfolio Theme Component: Anzeigen

• Geplante Funktionen:

  • Feinere Steuerung für das Featured Carousel: Zusätzliche Plugin-Outlets, Seitenrouten usw.
  • Featured Topic Card Carousel erweitern/minimieren (+ automatisches Erweitern basierend auf neuen/ungelesenen Themen)

[denvergeeks]

Vielen Dank fürs Teilen – das ist großartig!

[RGJ (Richard - Communiteq)]

Sehr schön!! Tolle Arbeit

Anmerkungen:

• Funktioniert nicht bei Routen ohne Kategorie-Entdeckung wie /latest oder Tag-Auswahlen ohne Kategorie.

• Die Bilder richten sich nicht immer gut aus

selbst wenn keine Bilder vorhanden sind

• Das Karussell ist SEHR schön, sollte es aber nicht eine separate Komponente sein?

• Es wäre schön, Themen ohne Bild vom Karussell ausschließen zu können.

[jrgong]

Danke für das Feedback!

@RGJ

• Die Bilder richten sich nicht immer gut aus

Bilder sehen tatsächlich seltsam aus, gleiches gilt für den abgeschnittenen Text der Themenvorschau.

Wäre es aus UX/UI-Sicht besser, um Bilder im Listenlayout herum einen Abstand (Padding) hinzuzufügen?

@RGJ

• Das Karussell ist SEHR schön, aber sollte es nicht eine separate Komponente sein?

Das ist ein fairer Punkt. Obwohl meine Absicht war, im Grunde die gleichen CSS-Stile für das Karussell und die normalen Themenkarten zu verwenden.

@RGJ

• Es wäre schön, Themen ohne Bild vom Karussell ausschließen zu können.