Vorschauen der Themenliste (TLP)

@merefield

Ich habe das Topic List Previews (TLP) Plugin installiert und möchte auf der Suchergebnisseite Vorschaubilder von Themen anzeigen lassen, aber es funktioniert nicht. Es werden nur die Kacheln und Auszüge der Themen angezeigt. Vorschaubilder funktionieren jedoch auf anderen Seiten wie /new und /latest. Ich habe versucht, die TLP-Konfiguration zu ändern, aber keine meiner Änderungen war erfolgreich. Mir ist aufgefallen, dass auf dieser Seite ein weiteres Plugin (discourse-topic-previews-sidecar) erwähnt wird, daher vermutete ich, dass das Problem darin lag, dass es nicht installiert war. Nachdem ich dieses Plugin installiert hatte, wurden auf der Suchergebnisseite jedoch immer noch keine Vorschaubilder angezeigt.

Ich habe ein paar Fragen:

  1. Reicht die Installation von TLP allein aus, um Vorschaubilder auf Suchergebnisseiten zu aktivieren, oder benötige ich sowohl TLP als auch discourse-topic-previews-sidecar?

  2. Sind spezielle TLP-Konfigurationen für Suchergebnisse erforderlich? Warum werden meine Einstellungen nicht wirksam?

  3. Ich möchte Vorschaubilder auf der Suchergebnisseite haben, so wie diese Website es tut. Wie sollte ich es konfigurieren? Könnten Sie bitte die wichtigsten Konfigurationsschritte detailliert beschreiben?

Anbei sind Screenshots meiner aktuellen Konfiguration.

TLP-Konfiguration

[
	{
		"setting": "topic_list_tiles_topic_lists",
		"value": "latest|new|unread|top|tag|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_tiles_categories",
		"value": ""
	},
	{
		"setting": "topic_list_tiles_tags",
		"value": ""
	},
	{
		"setting": "topic_list_thumbnails_topic_lists",
		"value": "latest|new|unread|top|tag|suggested|agenda|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|suggested-mobile|agenda-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_thumbnails_categories",
		"value": "42"
	},
	{
		"setting": "topic_list_thumbnails_tags",
		"value": ""
	},
	{
		"setting": "topic_list_excerpts_topic_lists",
		"value": "latest|new|unread|top|tag|suggested|agenda|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|agenda-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_excerpts_categories",
		"value": ""
	},
	{
		"setting": "topic_list_excerpts_tags",
		"value": ""
	},
	{
		"setting": "topic_list_actions_topic_lists",
		"value": "latest|new|unread|top|tag|suggested|agenda|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|agenda-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_actions_categories",
		"value": ""
	},
	{
		"setting": "topic_list_actions_tags",
		"value": ""
	},
	{
		"setting": "topic_list_set_category_defaults",
		"value": false
	},
	{
		"setting": "topic_list_dominant_color_background",
		"value": "tiles only"
	},
	{
		"setting": "topic_list_show_like_on_current_users_posts",
		"value": true
	},
	{
		"setting": "topic_list_tiles_larger_featured_tiles",
		"value": true
	},
	{
		"setting": "topic_list_tiles_wide_format",
		"value": false
	},
	{
		"setting": "topic_list_portfolio",
		"value": true
	},
	{
		"setting": "topic_list_portfolio_filter_type",
		"value": "tag"
	},
	{
		"setting": "topic_list_portfolio_filter_parameter",
		"value": ""
	},
	{
		"setting": "topic_list_default_thumbnail",
		"value": ""
	},
	{
		"setting": "topic_list_default_thumbnail_fallback",
		"value": false
	},
	{
		"setting": "topic_list_thumbnail_resolution_level",
		"value": 3
	},
	{
		"setting": "topic_list_thumbnail_width",
		"value": 150
	},
	{
		"setting": "topic_list_thumbnail_height",
		"value": 100
	},
	{
		"setting": "topic_list_thumbnail_width_mobile",
		"value": 50
	},
	{
		"setting": "topic_list_thumbnail_height_mobile",
		"value": 60
	},
	{
		"setting": "topic_list_thumbnail_first_x_rows",
		"value": 0
	},
	{
		"setting": "topic_list_featured_images",
		"value": false
	},
	{
		"setting": "topic_list_featured_images_resolution_level",
		"value": 2
	},
	{
		"setting": "topic_list_featured_images_category",
		"value": false
	},
	{
		"setting": "topic_list_featured_images_from_current_category_only",
		"value": true
	},
	{
		"setting": "topic_list_featured_images_tag",
		"value": ""
	},
	{
		"setting": "topic_list_featured_images_tag_show",
		"value": true
	},
	{
		"setting": "topic_list_featured_images_count",
		"value": 0
	},
	{
		"setting": "topic_list_featured_images_order",
		"value": "latest"
	},
	{
		"setting": "topic_list_featured_width",
		"value": 0
	},
	{
		"setting": "topic_list_featured_height",
		"value": 250
	},
	{
		"setting": "topic_list_featured_height_mobile",
		"value": 150
	},
	{
		"setting": "topic_list_featured_title",
		"value": ""
	},
	{
		"setting": "topic_list_featured_excerpt",
		"value": 100
	},
	{
		"setting": "topic_list_featured_details_always_show",
		"value": "only on hover"
	},
	{
		"setting": "topic_list_test_image_url_timeout",
		"value": 5000
	},
	{
		"setting": "topic_list_fps_search_grid",
		"value": true
	},
	{
		"setting": "topic_list_fps_search_blurb",
		"value": true
	},
	{
		"setting": "topic_list_fps_search_author",
		"value": true
	}
]

Hallo

Ich vermute, mein Problem hängt mit TLP zusammen, bin mir aber nicht sicher. Ich habe Discourse gestern auf die neueste Version aktualisiert und seitdem werden auf Mobilgeräten Thumbnails oben statt links angezeigt (nur auf Mobilgeräten, mit DevTools konnte ich es nicht reproduzieren).

Forum: cwowd
(könnte nicht mit dem vorherigen ‘Bug’ zusammenhängen, kein Unterschied, ob der Glimmer-Modus auf automatisch oder aktiviert gesetzt ist)

1 „Gefällt mir“

Wenn Sie die Einstellungen für „Themenlisten“ löschen, sollten Sie die unerwünschten Funktionen deaktivieren können, z. B.

Es gibt solche für Miniaturansichten, Auszüge, Aktionen usw.

Kann nicht reproduzieren. Auf dem neuesten TLP ist die Formatierung perfekt. Entfernen Sie alle anderen Theme-/Theme-Komponenten und versuchen Sie es erneut.

Sehr wahrscheinlich haben Sie etwas anderes aktiv, das Konflikte verursacht.

ODER Ihre mobile Miniaturansicht ist zu groß.

Danke für den Versuch :wink:

Die Größe der Miniaturbilder: Ich habe es versucht, und sie werden korrekt links mit einer Breite von 12 Pixeln angezeigt. Es versteht sich von selbst, dass sie in diesem Fall unsichtbar sind.

Wenn ich richtig verstehe, was passiert, wird eine Spalte links “hinzugefügt”, um das Symbol des Autors der letzten Nachricht anzuzeigen (wo stattdessen die dem Thema zugewiesene Miniaturansicht sein sollte). Und die Miniaturansicht wird aufgrund von Platzmangel, um sie wie beabsichtigt links auszurichten, über dem Thema platziert.

1 „Gefällt mir“

Sollte so aussehen. Aber ja. Google (in meinem Fall) hat mir nur diese Breite gegeben :sweat_smile:

Wenn Sie größere Bilder wünschen, wechseln Sie auf Mobilgeräten zur Kachelansicht?

So hat es viele Jahre lang zu meiner größten Zufriedenheit funktioniert :wink:

Das Update auf 3.5.0.beta2-dev hat etwas kaputt gemacht, aber ich kann nicht herausfinden, was. Oder warum diese verdammte Autor-Spalte wieder aufgetaucht ist (und ich bekomme keine Hilfe von den Entwicklertools, alles ist in Ordnung, wenn es die mobile Anzeige emuliert)

Sie sollte den Avatar anzeigen, wenn kein Thumbnail vorhanden ist.

Ich sehe bei der neuesten Version kein Problem? (solange die Thumbnails klein genug sind :))

Tatsächlich erwarte ich, dass dieser TC stabiler sein wird als zuvor, da er nun die neue offizielle API für Overrides verwenden kann und nicht mehr auf Template-Ersetzungen angewiesen ist.

Ich musste TLP für alle mobilen Seiten entfernen.

Ein Nebeneffekt ist, dass die Entwicklertools keine echten mobilen Seiten emulieren (z. B. meine haben immer noch Thumbnails in der “mobilen Ansicht” der Entwicklertools, während TLP nur für Desktop-Seiten aktiviert ist)

Können Sie zusammenfassen, warum? Ich meine, ich gebe mein Bestes mit dem vorhandenen Platz?

wie bereits erwähnt (Topic List Previews (TLP) - #594 by Thierry_Trégaro), seit dem letzten Discourse-Update werden Thumbnails auf Mobilgeräten über dem Titel angezeigt (statt links), was einen viel zu großen Leerraum links hinterlässt.

Leider bleibt keine andere Wahl, als auf Mitgliedsbild zurückzustufen.

Ich habe die Kacheln für diese Ansicht vorübergehend deaktiviert. Ich sehe kein Problem. Diese Seite ist auf dem Stand von gestern.

Pixel 6a

Es ist sinnvoll, dass die Miniaturansicht eine ähnliche Größe wie der Avatar haben muss, damit alles korrekt angeordnet ist …

… oder wechseln Sie einfach zur Kachelansicht.

Konnte die Entwicklertools verwenden… Um das zu veranschaulichen, habe ich versucht, mich erneut auf mobile-latest zu aktivieren, und hier ist, was ich bekommen habe.

Wenn ich das Miniaturbild auf 10 Pixel setze.

Ich kann den Weg nicht finden, diese Spalte links nicht anzuzeigen…

Überschreiben Sie die Einstellungen in Theme 3?

Auf jeden Fall ist etwas seltsam mit Ihrem Setup.

Es ist, als ob Sie nicht dieselbe Vorlage verwenden.

Hier ist Starzen mit den gleichen Abmessungen:

Ah! Das könnte ein Fehler sein, Entschuldigung!

Wenn ich das „Standardbild“ deaktiviere, tritt ein Problem auf. Ich frage mich, ob das damit zusammenhängt?

OK, versuchen Sie dieses Update:

Wenn Sie Topic List Previews großartig finden und ich gute Arbeit geleistet habe, können Sie mir einen Kaffee kaufen :coffee:

Danke für Ihre Geduld! Einige neue Fehler sind aufgrund der vollständigen Neufassung, die ich für die neue API und die kommenden Einschränkungen durchführen musste, aufgetreten.

Keine Änderung sichtbar. Zu Ihrer Information: Dies geschieht ohne zusätzliche Komponenten zum hellen Thema.

Laptop-Ansicht

Mobile Ansicht

Nachdem ich Ihren Beitrag gelesen hatte, habe ich es auch mit einem Standardbild (von Ionic) versucht. Keine wirkliche Änderung (außer dass das Bild des Autors zu Recht entfernt wird).

Ich kann die Anzeige links ausrichten (habe einen

.mobile-view .topic-list .right {
    margin-left: 60px !important;
}

in meinem CSS. Sieht besser aus, aber die Thumbnails sind immer noch über den Titeln.

Bearbeitung: Nein, nachdem ich das herausgefunden habe, habe ich mein Problem endlich mit ein wenig CSS-Grid gelöst. Nicht perfekt, aber gut.

Nebenbei bemerkt, habe ich eine Bitte: Es wäre schön, wenn man für neue Themen und nicht für neue Antworten (oder was auch immer ein Forum bevorzugt^^) eine Zusammenfassung hinzufügen könnte.

Ich kann Ihr Problem nicht reproduzieren, selbst wenn ich die Miniaturbildbreite auf 90 Pixel erhöhe:

(obwohl dies für Daten und Zählungen zu breit ist).

Sind Sie sicher, dass keine anderen Komponenten aktiv sind, die stören könnten?

TLP funktioniert auf Anhieb einwandfrei, auch wenn es sehr eng wird:

Ich habe das Problem schließlich gefunden und es sollte behoben sein. Es gab einen Fehler in der Standard-Thumbnail-Logik.

2 „Gefällt mir“

Ich sehe, dass einige der PreviewsThumbnail-Instanziierungen kein @url haben.
Ist das beabsichtigt?

1 „Gefällt mir“