🔥 Verriss meinen Theme Component: Erweiterte Themenkarten

Hallo zusammen

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

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 :down_arrow:

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:

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.

  • 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.

  • 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.

  • 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)
1 „Gefällt mir“

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