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 custom tags, 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 behavior 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
Set the tag(s) to pull topics from. Topics matching any of the selected tags are featured.
number of topics
Display up to 5 topics at max-width
max number of topics
Maximum number of featured topics. If set higher than number of topics, arrows are shown for paging through the topics.
pages loop
If pagination is enabled (max number of topics > number of topics), paging past the last page loops back to the first.
hide featured tag
When enabled (the default), the featured tag(s) set above are hidden from normal users when viewing topics. Staff can still see them.
show on
Where the component appears: homepage, top_menu pages (the pages set in the top menu site setting), or all pages.
show for
Which visitors see the component: everyone, only logged_in users, or only logged_out (anonymous) visitors.
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
text for the title, if you want to localize this use the featured_topic_title translation instead
sort by created
disable to sort by recent replies instead
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 behavior 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
Hosted by us? Theme components are available to use on our Pro, Business, and Enterprise plans.
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…
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?
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.
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.”
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!
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.
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)
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?
Mobile & small screens
.
