What are good plugins or theme components for a forum emphasizing pictures?

Hi!

I’m creating a Discourse that focuses on images, at least on the majority of its categories.
I remember seeing one or several Discourse forums dedicated to art and especially photography.
I’d like to have an alternative preview of the topic list that shows the first image of each topic, for example.

Do you know any plugin/theme/components (preferably official) that would be adapted to my goal?
Do you have any URL of existing Discourse forums that makes use of that kind of customizations, and present their content “images first” (but text or legends will be important too)?

To be more precise, what I have in mind is a forum dedicated to atmospheric optic phenomena, like https://www.reddit.com/r/atoptics/.
So, pictures are important, but I also want my forum to be a place to sort of, discover wonders that most people don’t even know they exist, with clear and simple text explanations (kind of like the “simple.” version of Wikipedia).

A place to visit to learn and share.

I’m just starting the thing and made only categories. It’s looking currently like this:

I’m using only Category icons component for now.

6 Likes

The Topic List Previews Theme Component easily fits that description.

6 Likes

Maybe also interesting

6 Likes

@davidkingham runs a photography site with a lot of customization at https://community.naturephotographers.network so that could be useful to look at

I think it uses Topic List Thumbnails Theme Component and Featured Tiles Theme Component (amongst others!)

8 Likes

Topic List Thumbnails is what I’m using, I used to use Topic List Previews as well. Either one will get you what you’re looking for, they primarily just look a little different with TLP being a bit more customizable.

9 Likes

Thank you so much, it’s exactly what I was looking for!
I tried the Masonry display, but finally, I think this presentation for content that is meant to be displayed by date (by default) is confusing.

Anyway, it’s starting to look good to me thanks to your suggestions. I’m excited to explore more of these tweaks.

8 Likes

Just wondering- what is the plugin you are using for that top bar?

1 Like
3 Likes

if by top bar you mean this

it’s the Welcome link banner theme component

i have a customized version of it running on my forum

Above main container mode:

Below site header mode:

CSS code for the above result (not including the banner background image and icons, which are set in the component)
// banner links

.above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper .welcome-content, 
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper .welcome-content {
    display: none;
}

.above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper .featured-banner-link, 
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper .featured-banner-link {
    padding: 0em;
}

.above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper, 
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper {
    width: 95%;
    margin: 1.5em auto;
    background: rgba(black, .8);
}

.above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper .featured-banner-link>div a .d-icon, 
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper .featured-banner-link>div a .d-icon {
    margin-bottom: .2em;
}
4 Likes

It may also be worth checking out Versatile Banner if you want something more complex:

5 Likes

Alright, thank you guys!

1 Like