 |
Summary | Homepage Feature features up to 5 topics with images on your community’s homepage. |
 |
Preview | Preview on Discourse Theme Creator |
 |
Repository Link | https://github.com/discourse/discourse-homepage-feature-component |
 |
New to Discourse Themes? | Beginner’s guide to using Discourse Themes |
Install this theme component
Features
By default the theme will feature the 3 most recent topics tagged featured and will pull in the first image from the topic. In the settings you can choose a custom tag, hide the tag, set a custom title, and configure where the component appears.
Mobile & small screens
By default it will drop topics until there is only left on mobile.
You can change this default behaviour by turning on show all always. This will show make the component horizontally scrollable on smaller screens (< 1000px).
On the smallest screens (< 600px) you have the option to stack the topics instead, by changing the mobile style setting.
Settings
| Name | Description |
|---|---|
| featured tag | |
| number of topics | Display up to 5 topics at max-width |
| hide featured tag | When enabled the tag “featured tag” set above will be invisible to normal users when viewing topics. |
| show on | |
| show for | |
| make collapsible | Make the entire component collapsible |
| show title | displays the text set below (title is always shown when make_collapsible is on) |
| title text | sort by created |
| show all always | By default the amount of shown topics is decreased with the screen size, down to only 1 on mobile. Checking this setting will show all on any screen size. |
| hide closed topics | Hide closed topics from the featured topic list |
| always link to first post | Always link to the first post in the topic, even if it has been read before |
| mobile style | If show_all_always is checked, the topics will be shown via a horizontal scroll by default. You can change this behaviour on smaller screens, and choose to stack them on anything smaller than 600px. |
| featured content position | Advanced theme development: this changes the plugin outlet for the component |
| Translation | Default |
|---|---|
| featured_topic_title |
Last edited by @JammyDodger 2024-06-12T23:33:59Z
Check document
Perform check on document: