Thumbnails der Themenliste

:discourse2: Zusammenfassung Topic-Liste Miniaturansichten ermöglicht die Anzeige von Miniaturansichten in Topic-Listenansichten.
:eyeglasses: Vorschau Vorschau im Discourse Theme Creator (Blog-Stil)\u003cbr\u003eVorschau im Discourse Theme Creator (Raster)\u003cbr\u003eVorschau im Discourse Theme Creator (Liste)\u003cbr\u003eVorschau im Discourse Theme Creator (Mauerwerk)\u003cbr\u003eVorschau im Discourse Theme Creator (minimales Raster)
:hammer_and_wrench: Repository-Link \u003chttps://github.com/discourse/discourse-topic-thumbnails\u003e
:open_book: Neu bei Discourse Themes? Anfängerleitfaden zur Verwendung von Discourse Themes

Dieses Theme-Komponente installieren

Funktionen

Für die Listen werden optimierte Bilder generiert, und verschiedene Auflösungen stehen für Displays mit hoher Pixeldichte zur Verfügung. Bilder werden beim Scrollen nachgeladen (wo native Browserunterstützung verfügbar ist).

Standardmäßig verwendet Discourse das erste Bild im Originalbeitrag (OP) des Topics. Wenn Sie ein anderes Bild aus dem OP auswählen möchten, fügen Sie |thumbnail zum Markdown hinzu. Zum Beispiel:

![alttext|100x100](upload://aaa)
![alttext|100x100|thumbnail](upload://bbb) \u003c\u003c dieses wird zur Miniaturansicht

Es gibt fünf Modi, die pro Kategorie oder Tag über die Theme-Einstellungen konfigurierbar sind.

Zum Beispiel:

Rastermodus:

Mauerwerksmodus:

Und Listenmodus:

Tipps und Tricks

Wenn Sie Oneboxes in Ihren Beiträgen zur Generierung von Miniaturansichten verwenden möchten, müssen Sie diese Site-Einstellung aktivieren: download_remote_images_to_local. Außerdem müssen Sie die betreffenden Beiträge neu rendern lassen.

Einstellungen

Name Beschreibung
standard Miniaturansicht-Modus Welcher Miniaturansicht-Anzeigemodus standardmäßig verwendet werden soll
docs Miniaturansicht-Modus Wenn das Docs-Plugin aktiviert ist, welcher Miniaturansicht-Anzeigemodus für Docs-Tipps verwendet werden soll
Blog-Stil-Kategorien Die Blog-Stil-Ansicht wird in diesen Kategorien verwendet. Dieser Stil nutzt Topic-Auszüge, falls sie über das Theme oder eine Theme-Komponente aktiviert sind
minimale Raster-Kategorien Die minimale Rasteransicht wird in diesen Kategorien verwendet
Raster-Kategorien Die Rasteransicht wird in diesen Kategorien verwendet
Mauerwerks-Kategorien Die Mauerwerksansicht wird in diesen Kategorien verwendet
Listen-Kategorien Die Listenansicht wird in diesen Kategorien verwendet
Blog-Stil-Tags
minimale Raster-Tags Die minimale Rasteransicht wird für diese Tags verwendet
Raster-Tags Die Rasteransicht wird für diese Tags verwendet
Mauerwerks-Tags Die Mauerwerksansicht wird für diese Tags verwendet
Listen-Tags Die Listenansicht wird für diese Tags verwendet
vorgeschlagene Topics-Modus Welcher Miniaturansicht-Anzeigemodus für vorgeschlagene Topics verwendet werden soll? Wenn leer, wird die Einstellung „Außerhalb von Topic-Listen aktivieren" befolgt.
außerhalb von Topic-Listen aktivieren Miniaturansichten auf Nicht-Topic-Listen-Seiten aktivieren (z. B. Benutzeraktivität, persönliche Nachrichten, vorgeschlagene Topics)
Platzhalter-Symbol Symbol, das für Topics ohne Miniaturansichtsbilder angezeigt wird
mobile Miniaturansichten Miniaturansichten auf mobilen Geräten aktivieren
Listen-Miniaturansicht-Größe Basisgröße für Miniaturansichten in der „Listen"-Ansicht

\u003cbr\u003e

\u003e:discourse2: Von uns gehostet? Theme-Komponenten stehen in unseren Pro-, Business- und Enterprise-Plänen zur Verfügung.

92 „Gefällt mir“
MD Topic List component
Theme modifiers: A brief introduction
Thumbnail generation & markdown rendering issue
Image_url is null after update
User Card Directory
Pictures in grid page layout
Thumbnail of topic
Amazing customized community
Blog Post Styling
Topic List Previews (legacy)
Topics list in mobile view: excerpt overflows and count/date wraps
Topic List Previews (legacy)
Using onebox images for topic thumbnails
Is there a plugin to make my forum a shop?
Add icons for Views and Replies, and Last Activity date in Topic Cards
[PAID] Modifying Video Upload theme to display topic thumbnails
How to make tiles like in discourse theme category?
Topic List Previews (TLP)
User Portfolio
Topic List Excerpts
Rounded Borders for images, oneboxes, blockquotes & more
Extend Topic List Thumbnails TC with like button
What are good plugins or theme components for a forum emphasizing pictures?
What is the name of this theme?
Developing a component or plugin similar to topic list thumbnails or topic list previews
Set the image used for social network sharing?
Latest list as grid view
Fakebook Theme
I want to create a Theme/Theme component as shown in the picture below!
Customize topic list entries (sorting, grouping, filtering) for better organization
Enabling a plugin for a specific theme only
New Photography Theme
Topic Cards
How do I fix this display?
Thumbnails are missing for our external embeds when using topic-thumbnails
FKB Pro - Social theme
Improve the Follow Feed
FKB Pro - Social theme
Customizing your site with existing theme components
User Portfolio
Is there a way to select a Default Image for Topic List Theme Component?
Topic List Item Click Animation
Blog-style layout affects Tooltips
Discourse Docs
How to display posts as blocks?
How is the "theme" Category acheived in Meta?
Minima Theme
Can the homepage display images within the Topic feed?
Topic List Previews (TLP)
Topic List Previews (legacy)
Is there a Kanban theme for Discourse?
Discussion grid latest
Topic List Previews (legacy)
Topic List Previews (legacy)
How to display posts in grid?
Displaying Views in Topic view (with no replies)
Topic List Previews (legacy)
Group Topics by Category
CASE STUDY: Why a journal category could be the next big growth opportunity for your forum
Blog Post Styling
Topic Cards
Can discourse be used entirely through the APIs to build a flutter app?
Topic List Author
What Will be Best theme for a site like ecommerce
Topic Cards
FKB Pro - Social theme
FKB Pro - Social theme
Migrated my old custom-built trail-journal/blog to Discourse
Help us test Horizon, our newest theme
Alternative post templates
Creating a Unique Gallery Layout for a Category
Photo Competition or Contest - Do We Have Anything?
Display images on the article's front page
How can I make my forum look like this one?
Sharing link to Facebook does not show image (open graph)
Discourse Docs
The pictures are disappear and some Theme component is ineffective
Graceful Theme
How can I make a Discourse forum as "reddit like" as possible
All links to categories broken?
Add an option to list topics by tagging date
Is there like a Reddit style plugin?
How would I able to list topics as boxes
Best way to implement Excerpts in topic list?
MD Topic List Mobile component
Featured Topics
Add Onebox integration; show thumbnail with topic-thumbnails plugin
Topic List Previews (legacy)
Plugin used in theme
Plugin used in theme
Topic List Previews (legacy)
Created Topic Sort
All latest images in posts from a category
How to create a custom button?
Topic Cards
Filter posts with images (gallery view)
[Question/Request] Featured image url for post
Category "Uncategorized" not displayed for globally pinned topics below title
Is there a 'reddit' style discourse theme / plugin?
Blog Post Styling
Potential way to hide ignored users from topic list?

Wonder where you got the idea for this? :thinking: :smiley:

Absolutely fantastic that core is paying more attention to image delivery and presentation. I like the direction!

(If this doesn’t fully replace Topic List Previews, there is now at least potential to eliminate a lot of bespoke API work from it which I won’t have to maintain anymore, great stuff!)

PS I just tested it and one thing that would be quite nice is if Polls generated a thumbnail so the charts could surface …

37 „Gefällt mir“

Das ist eine großartige Funktion. Wird diese mit Discourse 2.7 bereitgestellt, wie hier erwähnt? Oder ist die Syntax anders?

2 „Gefällt mir“

Ja, es ist in Discourse 2.7 stabil verfügbar. Die Syntax ist dieselbe :slight_smile:

4 „Gefällt mir“

Ich habe ein sehr seltsames Problem, das nur ein Mitglied auf meiner Seite betrifft. Einige Vorschaubilder werden nicht angezeigt, scheinbar zufällig. Es wird das Standard-Symbol angezeigt, als gäbe es kein Bild, doch für mich und alle anderen wird das Vorschaubild korrekt dargestellt. Ich habe ihn gebeten, in der Konsole nachzuschauen, aber dort ist nichts Relevantes zu finden, auch nicht in den Logs. Ich habe ihn gebeten, den Cache zu leeren, verschiedene Browser und Geräte auszuprobieren sowie einen anderen Internetanbieter zu nutzen. Selbst ein Theme mit nur dieser Komponente aktiv hat nichts geändert. Egal was er versucht, das Problem bleibt bestehen. Ich habe sogar versucht, mich als er einzuloggen, aber dann tritt es bei mir nicht auf. Habt ihr noch weitere Ideen zur Fehlersuche? Danke!

2 „Gefällt mir“

Lass ihn es auf dem Mobilgerät mit deaktiviertem WLAN ausprobieren, damit er nicht über sein Heimnetzwerk, sondern über das Mobilfunknetz verbunden ist. So werden Störungen durch sein Netzwerk ausgeschlossen.

Wenn du jedoch bereits einen „anderen Internetanbieter

2 „Gefällt mir“

Ich bekomme das nicht mehr zum Laufen. Ist das vielleicht rückgängig gemacht worden?

Außerdem ist die Funktion für Benutzer nicht leicht zu entdecken. Wäre es möglich, eine Option zur Auswahl des Thumbnails in die ‘Größenauswahl’ in der Vorschau aufzunehmen?

5 „Gefällt mir“

Danke, Jeff. Er hat es bereits mit Hotspot über sein Handy und bei einem Freund mit einem anderen ISP versucht. Ich dachte, es könnte ein CDN-Problem sein, und habe daher den CDN-Cache geleert, was ihm jedoch nicht geholfen hat. Außerdem habe ich versucht, ihn zu imitieren, während ich ein VPN in Atlanta, wo er herkommt, verwendet habe – auch das hat nichts gebracht. Ich weiß nicht, was ich sonst noch versuchen soll.

2 „Gefällt mir“

3 Beiträge wurden in ein neues Thema verschoben: Caching für Tag-Themenlisten?

Bei mir funktioniert es noch. Könntest du bitte mehr Details dazu teilen, was du versucht hast und welches Ergebnis du siehst? So sieht mein Test-OP aus:

![image|690x460](upload://1lGVHoB5KKnftUZoEYVgANxKdWL.jpeg)
![image|612x500|thumbnail](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg)

und das zweite Bild wird korrekt als Miniaturansicht ausgewählt.

Ich stimme zu, dass das schön wäre, aber ich denke, es wäre für die meisten Seiten nicht erforderlich. Ich halte es für eine großartige separate Theme-Komponente.

3 „Gefällt mir“

Ha, das ist peinlich, natürlich funktioniert es jetzt.. :facepalm:

3 „Gefällt mir“

Hallo @david,

ich habe folgende Anforderung und vielleicht kannst du mir einen Hinweis geben, wie man das umsetzen kann.

Manchmal möchten wir ein Thema über soziale Medien teilen und bereiten dafür ein Bild vor, das als Vorschaubild und für die og:image-Tags verwendet werden soll, aber nicht innerhalb des Themas sichtbar sein soll.

Wie könnte man so etwas umsetzen, z. B. indem man „hide

3 „Gefällt mir“

Vielleicht könntest du Generic bbcode wrapper for theme components verwenden, um etwas wie folgt zu machen:

[wrap=hidden]
  ![image|612x500|hide](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg)
[/wrap]

Dann etwas CSS wie:

div[data-wrap="hidden"]{
  display: none;
}
10 „Gefällt mir“

Oh, das wusste ich noch nicht. Cool, danke!

3 „Gefällt mir“

Das alert-info-Banner überlappt die Vorschaubilder. Ist das beabsichtigt oder ein Fehler?

3 „Gefällt mir“

Das ist gewollt. Normalerweise befindet sich diese Leiste über den Spaltenüberschriften in der Themenliste. Die Alternative wäre, dass die Leiste beim Erscheinen alle Themen nach unten „schiebt“, was dazu führen würde, dass sich die gesamte Benutzeroberfläche nach unten verschiebt und das sehr störend wirken könnte.

Ich bin mir nicht sicher, warum in Ihrem Screenshot rechts neben der Leiste eine Lücke von etwa 1 px zu sehen ist. Das könnte ein Problem mit dem Komponente sein oder mit Ihrem benutzerdefinierten Theme-CSS zusammenhängen.

4 „Gefällt mir“

Ist es möglich, die Anzahl der Likes auf den Vorschaubildkarten anzuzeigen und diese klickbar zu machen, sodass Bilder direkt aus der Galerieansicht geliked werden können?

4 „Gefällt mir“

Die Kategorie-Liste funktioniert im mobilen Modus nicht, auch wenn Miniaturansichten auf mobilen Geräten aktivieren aktiviert ist?

2 „Gefällt mir“

Hi, das ist ziemlich cool.
Ist es möglich, ein Hotlink-Bild (z. B. von Imgur) als Vorschaubild zu verwenden?

2 „Gefällt mir“

Hallo, ich habe die Blog-Kategorie gerade auf „Kategorien auflisten" umgestellt, aber sie erscheint in allen Kategorien. Habe ich einen Fehler bei der Einrichtung gemacht?

2 „Gefällt mir“