Neueste Liste als Rasteransicht

Hallo!

Ich entwickle gerade mein eigenes „Blog“-Theme und möchte die neuesten Beiträge im Grid-Stil anzeigen (wie hier in der Theme-Kategorie).
Ich weiß, dass es dafür einige Komponenten gibt, aber ich habe keine Bilder in meinen Beiträgen, daher sieht das etwas seltsam aus. Und es gibt keine Option (zum Beispiel in der Komponente „topic-thumbnails“), um sie auf 2 oder 3 Spalten (oder sogar flexibel) einzustellen.

Ich habe viele Dinge ausprobiert (danach war die Website mehr oder weniger kaputt :joy:), konnte aber nicht herausfinden, wie das geht.

Kann mir jemand einen Hinweis geben, wie ich das lösen kann? Ich brauche nur die Grundeinstellung dafür und danach kann ich es „stylen“, damit es meinen Bedürfnissen entspricht.

Mit freundlichen Grüßen

PS. Wenn dies die falsche Kategorie ist, verschieben Sie sie bitte. :slightly_smiling_face:

Die meisten Dinge dieser Art können in CSS über Admin > Anpassen > Themes > Benutzerdefiniertes CSS eingerichtet werden.

Ich wollte auch zwei Spalten und eine schmalere Ansicht haben, also habe ich die maximale Breite von 1100px (?) auf 950px reduziert, und dies änderte sich auch von drei auf zwei Spalten – in meinem Fall war es dies

:root { --d-max-width: 950px; }

Die Themenlisten-Vorschauen sind responsiv und passen die Anzahl der Spalten automatisch an. Sie können sie einfach mit Seitenleisten (z. B. mit dem Layout-Plugin) etwas verkleinern, und die Anzahl der Spalten verringert sich. (Siehe dieses Beispiel https://www.starzen.space - es beginnt mit 2 Spalten, aber wenn Sie auf ein Tag klicken, kehrt es zu 3 Spalten zurück)

2 „Gefällt mir“

Ja, ich weiß, dass das mit CSS gemacht werden kann, mein ganzes Theme ist mit CSS gemacht.
Und ich habe keine 1100px, mein Design ist flexibel an die Bildschirmauflösung angepasst. Und nein, ich will nicht diese ultra kleine feste Breite von 1100px. :wink:

@merefield
Ich habe diese Theme-Komponente viel ausprobiert, aber sie ist nicht das, was ich gesucht habe. Ich habe keine Bilder in Beiträgen, und sie sollte flexibel mit den Spalten sein (abhängig von der Bildschirmauflösung).

Ich suche die CSS-Klasse, um die Liste in ein Raster umzuwandeln. :slightly_smiling_face:

Das ist es, deshalb gibt es auf dem Handy nur eine Spalte.

Auf einem 11-Zoll-iPad mit einer einzigen rechten Seitenleiste zeigt TLP im Querformat zwei Spalten und im Hochformat eine an.

Dies ist die Schlüsselzeile in TLP:

Du solltest das lesen:

und das (aber ich bin mir nicht sicher, ob ‘resolution’ das ist, was du meinst, da das mit DPI verwechselt werden kann):

2 „Gefällt mir“

Danke!

Mein Problem war, die richtige CSS-Klasse von Discourse für die Liste zu finden.
Ist es topic-list-item oder topic-list-item-seperator oder etwas anderes.

Ich werde es später versuchen.

Das Grid-CSS muss über der Elementebene liegen. Kopieren Sie die Vorgehensweise von TLP oder TLT.

3 „Gefällt mir“

Ich benutze jetzt Topic List Thumbnails und habe ein paar Dinge per CSS überschrieben. Ich wollte nichts mit Bildern im Text, aber Sie können ein Standardbild verwenden.

Meinst du nicht Symbol?
Man muss keine Bilder mit TLP verwenden und man kann ein Standard-Bild verwenden.

1 „Gefällt mir“

Ja, natürlich, ein Standardsymbol. :wink:

Entschuldigung für den doppelten Beitrag, aber ich habe noch eine Frage bezüglich des Registrierungs-/Anmeldebuttons.

Ich möchte diese 2 Buttons für anonyme Benutzer ausblenden, kann mich dann aber auch nicht anmelden. Gibt es eine URL zu einer Anmeldeseite oder etwas Ähnliches?

Niemand? Gibt es wirklich keine Login-URL?

https://meta.discourse.org/login oder

Je nach Anmeldemethoden und dem, was Sie möchten. :slight_smile: