Vorschau der Themenliste (TLP)

[merefield (Robert)]

Dies ist ein Theme Component, bietet jedoch die Option, ein ergänzendes Plugin hinzuzufügen.

	Zusammenfassung	Das ursprüngliche Topic Preview-Komponente, mit der du Bilder und Auszüge (und mehr!) zur Themenliste hinzufügen kannst, während du konfigurieren kannst, welche Ergänzungen auf welcher Liste angezeigt werden.
	Repository-Link	GitHub - merefield/discourse-tc-topic-list-previews: Enriches the content and layout of topic lists · GitHub
	Installationsanleitung	Installing a theme or theme component
	Sponsoring	Bitte erwäge, ein fortlaufender Sponsor meiner Open-Source-Arbeit auf einem Niveau zu werden, das zu den Ressourcen und Bedürfnissen deiner oder deiner Organisation passt, um sicherzustellen, dass diese Komponente die Wartung erhält, die sie verdient, und in Zukunft auf deiner Website weiterhin funktioniert.

Dir gefällt dieses Theme Component? Bitte gib ihm auf GitHub einen .

Dieses Theme Component installieren

Funktioniert sehr gut mit Discourse Bars 🍻 🍸 (a sidebar framework)!

Übersicht

Topic List Previews ermöglicht es dir:

• Miniaturansichten, Auszüge, Teilnehmer-Avatare und Themenstatistiken zu Themenlisten hinzuzufügen
• Traditionelle Zeilen, responsives Kachel-Layout oder Masonry-Layouts zu verwenden
• Vorschauen unabhängig voneinander nach Themenliste, Kategorie und Tag zu konfigurieren
• Miniaturgröße, Auflösung, Fallbacks und Anzeigelimits zu steuern
• Ausgewählte Themen mit größeren, hervorgehobenen Kacheln hervorzuheben
• „Featured“-Themen über Themenlisten hinzuzufügen, gefiltert und sortiert nach Bedarf
• Volltextsuche mit Miniaturansichten, Auszügen und Autordetails zu verbessern
• Eine „User Wall“ auf Aktivitätsseiten hinzuzufügen – die „Portfolio“-Funktion

Das Sidecar

Dies kann mit dem ‘sidecar plugin’ ergänzt werden: https://github.com/merefield/discourse-topic-previews-sidecar-pro

Dies ist derzeit ein privates Repository, auf das meine GitHub-Sponsoren, die mindestens 7 $/Monat beitragen, Zugriff erhalten.

um die folgenden Funktionen hinzuzufügen:

• „Aktionen“ – Lesezeichen, Teilen und Gefällt mir direkt aus der Themenliste
• Miniaturauswahl – wähle ein beliebiges Bild aus dem gesamten Thema
• Hintergrundfarben auf Basis der dominanten Farbe der ausgewählten Miniaturansicht
• Automatische Entfernung schwarzer Ränder von YouTube-Miniaturansichten
• Optionale Neuanlage von Miniaturansichten beim Neuaufbau eines Themenposts
• Konfigurierbare Auszugslänge und optionale Entfernung von Links
• Vorschauen für akzeptierte Lösungen und Q&A-Antworten
• Option, den Auszug des neuesten Posts anzuzeigen
• Option, Klicks auf Vorschauen zum neuesten Post weiterzuleiten
• Miniaturvorschauen in Suchergebnissen
• Benutzerspezifische Einstellung für Miniaturansichten mit niedrigerer Auflösung

Plugin-Installationsanleitung: Install plugins on a self-hosted site

Du benötigst mindestens das Theme Component, das Plugin ist optional.

Diese Einstellungen können standortweit oder kategoriespezifisch auf alle oder ausgewählte Themenlisten angewendet werden.

Dieses flexible Funktionsset ermöglicht es dir, eine Vielzahl verschiedener Themenlistenstile zu erstellen, einschließlich

Basisstil

Relevante Einstellungen

• Themenlisten-Miniaturansicht
• Themenlisten-Auszug
• Themenlisten-Aktion

Pinterest (Masonry)-Stil, auch bekannt als ‘Kacheln’

Relevante Einstellungen

• Themenlisten-Kacheln
• Themenlisten-Miniaturansicht
• Themenlisten-Auszug
• Themenlisten-Aktion
• Breite der Themenlisten-Miniaturansicht
• Höhe der Themenlisten-Miniaturansicht

Dieses hat eine Option für ein breites Format (hinter der Einstellung topic_list_tiles_wide_format):

Dies funktioniert responsiv und wird in Masonry-Format zusammengeklappt, wenn nicht genügend Breite zur Verfügung steht (und umgekehrt).

Hervorgehobene Bilder

Relevante Einstellungen

• Tag für hervorgehobene Bilder in der Themenliste
• Anzahl der hervorgehobenen Bilder in der Themenliste
• Breite der hervorgehobenen Elemente in der Themenliste
• Höhe der hervorgehobenen Elemente in der Themenliste
• Titel der hervorgehobenen Elemente in der Themenliste
• Auszug der hervorgehobenen Elemente in der Themenliste
• Sortierung der hervorgehobenen Elemente in der Themenliste

Umschalten von Auszügen:

Ich habe dies vor einiger Zeit für die Verwendung mit meinem AI Topic Summaries-Plugin eingeführt.

Du kannst es für TLP verwenden:

GitHub - merefield/discourse-tc-excerpts-toggle: A small Discourse theme component that adds a...

Beispiele in der Praxis

• https://www.artofsm.art/

Support

Ich biete keinen garantierten Support kostenlos an. Ich kann Unternehmen oder Institutionen, die sich für eines meiner monatlichen Sponsoring-Tiers GOLD oder PLATINUM anmelden, Support bieten.

Es gibt auch eine Einmal-Fehlerbehebungsoption.

[raghukamath (Raghavendra Kamath)]

Gibt es eine Möglichkeit, die Reihenfolge der hervorgehobenen Bilder basierend auf der Zeit, zu der das Tag hinzugefügt wurde, festzulegen? Derzeit wird das hervorgehobene Bild des Themas mit der neuesten Aktivität angezeigt, wodurch die neuesten getaggten Bilder nach unten verschoben werden.

Wenn ich zum Beispiel 10 Bilder habe und 5 davon als hervorgehoben markiere, werden diese 5 in der oberen Leiste angezeigt. Wenn ich 5 weitere Tags hinzufüge, ersetzen diese die vorhandenen 5. Wenn jedoch eines der vorherigen 5 Themen Kommentare oder Beiträge hat, wird dieses Bild nach vorne gebracht.

[merefield (Robert)]

Etikett? Nein, aber es gibt diese Option, nach Erstellungsdatum zu sortieren:

[merefield (Robert)]

Warnung: Ich werde sehr bald eine Änderung am Layout von Kacheln (Element) vornehmen. Wenn Sie einige CSS-Anpassungen vorgenommen haben, müssen diese möglicherweise … äh … angepasst werden:

Ich verspreche, dass ich dies nicht sehr oft tun werde, aber diese Änderung dient dazu, die Dinge aufzuräumen und einige neue Funktionen zu ermöglichen, die in Zukunft erscheinen könnten …

Derzeit ist die Änderung auf dem beta-Zweig.

[raghukamath (Raghavendra Kamath)]

Ja, diese Option hilft ein wenig, aber wenn ältere Beiträge aktualisiert werden, rücken sie nach vorne.

[merefield (Robert)]

Ich nutze nur die nativen Optionen der Discourse API (es ist im Grunde eine Theme Component, daher kann man die API nicht ändern). Wenn ich Zeit habe, werde ich mir die Reihenfolge noch einmal ansehen. Dies kam jedoch vor einiger Zeit auf und ich habe eine Änderung vorgenommen, um einem der Benutzer zu helfen. Topic List Previews (legacy) - #1154 by merefield. Ich bin überrascht, dass dies nicht wie spezifiziert funktioniert. Man würde erwarten, dass das created_at eines Themas trotz neuer Beiträge statisch bleibt? Sind Sie sicher, dass Sie die Einstellung geändert und den Browser aktualisiert haben?

[merefield (Robert)]

@raghukamath Ich habe dies gerade getestet und es scheint wie vorgesehen zu funktionieren? Es wird immer noch nicht in Reaktion auf neue Beiträge geordnet und beachtet das created_at-Datum. Bitte aktualisieren Sie Ihren Browser und versuchen Sie es erneut.

[raghukamath (Raghavendra Kamath)]

Kein Problem. Ich werde mehr testen. Vielleicht habe ich mich aufgrund des Verhaltens bei aktivierter Option geirrt. Entschuldigen Sie die vielen Umstände.

Ein weiteres Problem, das meine Mitglieder hervorgehoben haben, betrifft die CSS-Korrektur für die Farben von ungelesenen und gelesenen Themen, die in mobilen Browsern nicht angewendet wird.

[merefield (Robert)]

@raghukamath

Ein weiteres Problem, das meine Mitglieder hervorgehoben haben, betrifft die CSS-Korrektur für die Farben von ungelesenen und gelesenen Themen, die nicht auf mobile Browser angewendet wird.

Ja, das war noch ausstehend, wie bereits erwähnt. Ich werde versuchen, dies mit dem oben beschriebenen Layout-Update zu veröffentlichen, wahrscheinlich innerhalb weniger Tage.

[flash]

Hallo, ich habe versucht, mit dem veralteten Git-Plugin zu arbeiten, als ich die CSS für mobile Thumbnails nicht überschreiben konnte. Sie wurde immer wieder auf eine Höhe von 80 Pixel zurückgesetzt. Ich habe angefangen zu suchen und gesehen, dass sie in eine Komponente verschoben wurde. Werde ich das gleiche Problem haben und die Komponente klonen müssen, um sie zu ändern, oder gibt es eine andere Lösung? Ich möchte, dass Mobilgeräte im mobilen Browser die volle Breite haben.

[merefield (Robert)]

Würde das Layout hier nicht Ihren Bedürfnissen entsprechen: Topic List Previews (TLP) - #4 by merefield Ihren Bedürfnissen entsprechen? Die neuen Kacheln haben Miniaturansichten in voller Breite. Dies befindet sich derzeit im beta-Zweig. Installieren Sie diesen, wenn Sie möchten, als zusätzliche Theme Component und probieren Sie es aus. Denken Sie daran, den Zweig bei der Installation anzugeben und den Namen der Theme Component zu bearbeiten, um klarzustellen, dass es sich um die Beta handelt.

[flash]

Das würde es definitiv. Ich habe es jetzt im Vollbildmodus, wie ich es wollte. Danke.

[merefield (Robert)]

Ich habe den beta-Branch zusammengeführt:

• Das interne Styling der Kacheln wurde modernisiert und aufgeräumt. Miniaturansichten nehmen nun die volle Spaltenbreite ein.
• Es gibt eine Reihe von CSS-Vereinfachungen.
• Das Mobile-Layout wurde für Nicht-Kacheln geringfügig verbessert.
• Kacheltitel sollten nun auch auf Mobilgeräten frühere Besuche widerspiegeln.

Layout changes

[sofi.pocketful (Sofi)]

Hallo,

Vielen Dank für diese großartige Komponente! Ich liebe das Design

Ich bin relativ neu in Discourse und kenne mich mit den technischen Begriffen nicht gut aus.

Ich hatte Probleme damit, dass die Bilder in der Listenkomponente nicht angezeigt werden. Aus irgendeinem Grund werden die Bilder in der Vorschau der Komponente angezeigt, aber wenn ich die tatsächliche Komponente lade, sind die Bilder nicht mehr da.

^ Dies ist die Vorschau der Komponente

[sofi.pocketful (Sofi)]

^ So sieht es aus, wenn ich die eigentliche Seite lade

Nun glaube ich, dass es etwas mit meinen Discourse-Einstellungen zu tun hat??

Gibt es eine bestimmte Einstellung, die aktiviert sein muss, damit diese Komponente funktioniert? Ich weiß wirklich nicht, warum sie nicht so funktioniert, wie sie sollte…

[merefield (Robert)]

Hallo, danke für Ihr Interesse.

Ein paar Dinge:

• Wenn Sie noch nie eine ähnliche Komponente oder ein ähnliches Plugin installiert haben, kann es zu Verzögerungen kommen, bevor alle Miniaturansichten generiert werden. Dies ist ein Stapelverarbeitungsprozess und braucht Zeit. Dieser Prozess sollte automatisch im Hintergrund laufen, sobald Sie die Komponente installiert und zu einem Theme hinzugefügt haben. Überprüfen Sie Ihre Sidekiq-Warteschlange. Möglicherweise sehen Sie viele geplante Jobs.
• Es ist nicht unbedingt mit jedem Theme kompatibel, es besteht immer die Möglichkeit eines Konflikts: Es wurde nur mit dem Standard-Theme entwickelt und entworfen. Bitte testen Sie es zunächst auf Ihrer Website nur mit dem Standard-Theme. Sie können sein Aussehen und Gefühl anpassen, aber das muss auf den speziellen Artefakten dieser Komponenten basieren.

[sofi.pocketful (Sofi)]

Hallo Robert,

Vielen Dank für deine Antwort! Ich werde das, was du vorgeschlagen hast, auf meiner Website testen

[flash]

Hallo Robert. Ich bringe eine Tabelle mit 3rd-Party-JavaScript unterhalb des Headers ein, und das Skript bricht die Vorschauen, wenn ich es in einer Komponente verwende. Haben Sie eine Idee für eine Problemumgehung?

[merefield (Robert)]

Wenn in diesem Skript ein Fehler auftritt, der die Ausführung von JavaScript verhindert, könnte dies den TLP-Layoutcode beeinträchtigen, der erfordert, dass JavaScript optimal funktioniert. Suchen Sie nach roten Fehlern in der Browserkonsole.

[raghukamath (Raghavendra Kamath)]

@merefield

Ich habe dies gerade getestet und es scheint wie vorgesehen zu funktionieren? Es wird immer noch nicht in der Reihenfolge von neuen Beiträgen geändert und berücksichtigt das created_at-Datum. Bitte aktualisieren Sie Ihren Browser und versuchen Sie es erneut.

Hallo, ich habe die von Ihnen vorgeschlagene Option „erstellt am“-Datum aktiviert. Es löst die Probleme teilweise. Aber ich denke, im älteren Plugin wurde die Reihenfolge nach dem Datum festgelegt, an dem der Beitrag markiert wurde. Auch das Problem, dass ältere Bilder auf der Titelseite bei jeder Aktualisierung oder Antwort auf das Thema erscheinen, erschwert es einem aktuellen Bild, hervorgehoben zu bleiben. Angenommen, ich mache ein Bild zum Featured-Bild und wenn ein älterer Beitrag von vor einem Jahr eine neue Antwort erhält, wird die Titelseite das Featured-Bild dieses Beitrags haben. Wenn viele ältere Beiträge beantwortet werden, verschwindet das neu markierte Featured-Bild.