Hello, I am new to many of the developing conventions used by Discourse so I’m just looking for a bit of direction here. I am basically trying to add an image to all four sides of the main-outlet for a theme I’m creating. It seems pretty straight-forward to access the top/bottom by referencing the below-site-header and the above-footer outlets. But it seems less clear on how I would add an image to the left and right side of main-outlet. Any pointers? or the source code of other themes that have done something similar?

Why not just use: Custom Layouts Plugin - plugin - Discourse Meta? Widget dev guide here: Pavilion

The plugin is indefinitely supported, so why not focus on just building the bespoke widgets, then you limit what you have to re-invent? The whole point is that you can create a widget once, then move it around, and change its order relative to other widgets using only settings. There’s also a compatible custom html widget that allows you to push out arbitrary html, but creating a native widget is ultimately the way to get full integration at the JavaScript level.

Adding elements to the left and right side of main-outlet in a theme

Development

piffy March 28, 2022, 8:21am 3

Great, this looks similar to what I’m looking for. I will check out the source, thanks!

Topic		Replies	Views
Customizing main layout Product Support	5	1373	October 2, 2020
Adding custom html under header (d-header-wrap) instead of main-outlet Development	1	1150	January 31, 2023
How to modify the header HTML, but still remaining the default founctions Product Support	3	3920	May 25, 2018
How to add the two floating sidebar banners? Product Support	1	1605	November 7, 2019
How to extend the Discourse sidebar? Development sidebar	7	811	April 1, 2024

Adding elements to the left and right side of main-outlet in a theme

Related topics