Startseite-Feature

:discourse2: Zusammenfassung Die Funktion Homepage Feature stellt bis zu 5 Themen mit Bildern auf der Startseite Ihrer Community dar.
:eyeglasses: Vorschau Vorschau im Discourse Theme Creator
:hammer_and_wrench: Link zum Repository https://github.com/discourse/discourse-homepage-feature-component
:open_book: Neu bei Discourse Themes? Anfängerleitfaden zur Verwendung von Discourse Themes

Dieses Theme-Komponente installieren

Funktionen

Standardmäßig zeigt das Theme die 3 neuesten Themen mit dem Tag featured an und lädt das erste Bild aus dem Thema. In den Einstellungen können Sie ein benutzerdefiniertes Tag wählen, das Tag ausblenden, einen benutzerdefinierten Titel festlegen und konfigurieren, wo die Komponente angezeigt wird.

:iphone: Mobilgeräte & kleine Bildschirme

Standardmäßig werden Themen ausgeblendet, bis auf Mobilgeräten nur noch eines übrig bleibt.

Sie können dieses Standardverhalten ändern, indem Sie Immer alle anzeigen aktivieren. Dadurch wird die Komponente auf kleineren Bildschirmen (< 1000px) horizontal scrollbar.
Auf den kleinsten Bildschirmen (< 600px) haben Sie die Möglichkeit, die Themen stattdessen zu stapeln, indem Sie die Einstellung Mobilstil ändern.

Einstellungen

Name Beschreibung
featured tag
number of topics Zeigt bis zu 5 Themen bei maximaler Breite an
hide featured tag Wenn aktiviert, ist das oben festgelegte Tag “featured tag” für normale Benutzer beim Anzeigen der Themen unsichtbar.
show on
show for
make collapsible Macht die gesamte Komponente zusammenklappbar
show title Zeigt den unten festgelegten Text an (der Titel wird immer angezeigt, wenn make_collapsible aktiviert ist)
title text sort by created
show all always Standardmäßig wird die Anzahl der angezeigten Themen mit der Bildschirmgröße verringert, bis auf Mobilgeräten nur noch 1 übrig bleibt. Das Aktivieren dieser Einstellung zeigt alle auf jeder Bildschirmgröße an.
hide closed topics Versteckt geschlossene Themen aus der Liste der hervorgehobenen Themen
always link to first post Verlinkt immer auf den ersten Beitrag im Thema, auch wenn er bereits gelesen wurde
mobile style Wenn show_all_always aktiviert ist, werden die Themen standardmäßig über ein horizontales Scrollen angezeigt. Sie können dieses Verhalten auf kleineren Bildschirmen ändern und wählen, ob sie auf Geräten unter 600px gestapelt werden sollen.
featured content position Erweiterte Theme-Entwicklung: Dies ändert den Plugin-Auslass für die Komponente
Übersetzung Standard
featured_topic_title

:discourse2: Von uns gehostet? Theme-Komponenten können auf unseren Standard-, Business- und Enterprise-Plänen verwendet werden.

89 „Gefällt mir“

guys this is epic! Huge thx. It would be amazing addition to core

1 „Gefällt mir“

“Featured Topics” in the mobile version shouldn’t be plural.

3 „Gefällt mir“

This is lovely. Although I already use the Featured Topic Component, but this is not a bad idea too.

A suggestion, though: How about you make this component work with links too and not just tag? Maybe then can we link the contents to be sourced from maybe categories and/or top (to stand for trending) IMHO. With this, one can have the Trending topics feature on the homepage; like Reddit has. What do you think about this @awesomerobot?

Great component, thank you! A little feature request: It would be great, if you could adjust the number of topics on desktop/mobile and also show the author of the post beneath the image…

4 „Gefällt mir“

I thing is add slide for ship topic because in mobile we can see one topic only.

To button for ship topic.

1 „Gefällt mir“

Maybe your topics don’t have a image?

Amazing component.It gives a nice look to homepage. Would it be possible to showcase also 3 topics on mobile? Maybe with a slider? And also,would it be possible to showcase also featured topics by category?

3 „Gefällt mir“

Very nice component :+1:.

I second the suggestion of having the author somewhere. Would also be nice to:

  • have the link on the image to always go to the most recent post (like the one in the title)
  • able to choose an alternative layout like the variant in one of the posts above, the latest created topic on the left with smaller ones on the right
  • able to hide the component title when an empty title is chosen
  • having an horizontal scrolling on mobile (either by small icons below or side arrows) to be able to have the three or four topics available
3 „Gefällt mir“

I found a bug with how this component interacts with user cards.

For some reason, the user cards don’t seem to be aware that the component is adding page height.

Here is a screenshot from the theme previewer, when I click on a user profile the card comes up. As you can see the user card seems to be unaware of the featured topics:

I’ve taken several stabs at fixing this but I’m not sure why the height of the component isn’t being taken into account when calculating user card positioning.

Thanks!

2 „Gefällt mir“

I’ve just made an update that fixes it.

The way I had it previously was interfering with some margin collapse… which threw off our top positioning calculation for user-cards… it’s briefly covered here: Mastering margin collapsing - CSS | MDN, this was related to “No content separating parent and descendants.”

9 „Gefällt mir“

Awesome theme add-on!

Would it be possible to randomize the rotation? I’ve set it to display 2, and it show the two threads that have the most recent activity.

Hi @awesomerobot this theme component is amazing. However, I would like to know if it’s possible that in the mobile version it doesn’t appear just 1, but a slider of the 3 featured themes that you can see in the main page. i think it gives a nice look to the main page. It would also be great if it was possible to add featured themes on each category page? Hopefully you can give some feedback and thanks a lot for this!

3 „Gefällt mir“

I’ve managed to do some CSS tricks and now in mobile I can scroll it! but only vertical, i don’t know how it could be in horizontal :smiley:

1 „Gefällt mir“

Awesome component!
Only thing is that on my forum, on mobile, it appears to have too much space below featured content.

So, can I fix that somehow or is it way to at least disable it on the mobile view?
Thanks!

2 „Gefällt mir“

Thanks for this, it is really nice.
Is there anyway we can actually make the mobile show the 3 in a slider mode?|

Another awesome feature might be if you go inside a category or tag it can actually filter your “featured” tags and show them particularly for that tag or category.

Either way this is really awesome. Thank you.

1 „Gefällt mir“

That’s strange, I don’t see that much space on my end… is it possible you have other themes installed that could be causing it? (also as a side note that looks like desktop view at mobile with, not mobile view)

Here’s my test with no other themes enabled:

1 „Gefällt mir“

Hi,
Yesterday we had some thumbnails show up very nicely from 3 posts (2 of the post did not include images but rather a YouTube video) the system however had extracted the thumbnail and all was good.

Suddenly today the thumbnails are no longer appearing for the two posts that had the YouTube video. Is there a known problem here?

I’m not aware of an issue, but I did not test this component with embedded video. I’ll take a look and see if there’s anything obvious happening.