# How to make 2 sidebars and the topic list in the middle?

**URL:** https://meta.discourse.org/t/how-to-make-2-sidebars-and-the-topic-list-in-the-middle/110169
**Category:** Support
**Created:** [February 26, 2019, 9:29pm UTC](https://meta.discourse.org/t/how-to-make-2-sidebars-and-the-topic-list-in-the-middle/110169 "2019-02-26T21:29:10Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![Jay91](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jay91/32/135181_2.png) [@Jay91](https://meta.discourse.org/u/Jay91)
#### Post date: [February 26, 2019, 9:29pm UTC](https://meta.discourse.org/t/how-to-make-2-sidebars-and-the-topic-list-in-the-middle/110169/1 "2019-02-26T21:29:10Z")

</div>

Hello,

We use Discourse as Q&A website and i found the wordpress theme below which the idea behind its design is awesome

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/6/06f868474ecd79063ddb30aff876a206f04a23e4.jpeg)

see how the list is in middle and 2 sidebars… my question is how to achieve something like this in discourse ?

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [February 26, 2019, 9:55pm UTC](https://meta.discourse.org/t/how-to-make-2-sidebars-and-the-topic-list-in-the-middle/110169/2 "2019-02-26T21:55:41Z")

</div>

My first step would be to [use the search function](https://meta.discourse.org/search?q=Sidebar). See how far you get with that then follow-up if there are any specifics you can’t figure out.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [February 26, 2019, 10:02pm UTC](https://meta.discourse.org/t/how-to-make-2-sidebars-and-the-topic-list-in-the-middle/110169/3 "2019-02-26T22:02:35Z")

</div>

Take a look at the post [A native sidebar system](https://meta.discourse.org/t/a-native-sidebar-system/108236)

---

<div class="post-metadata">

### Author: ![Jay91](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jay91/32/135181_2.png) [@Jay91](https://meta.discourse.org/u/Jay91)
#### Post date: [March 1, 2019, 3:00pm UTC](https://meta.discourse.org/t/how-to-make-2-sidebars-and-the-topic-list-in-the-middle/110169/4 "2019-03-01T15:00:42Z")

</div>

Nothing helpful 😥

---

<div class="post-metadata">

### Author: ![bts](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bts/32/184556_2.png) [@bts](https://meta.discourse.org/u/bts)
#### Post date: [March 1, 2019, 6:41pm UTC](https://meta.discourse.org/t/how-to-make-2-sidebars-and-the-topic-list-in-the-middle/110169/5 "2019-03-01T18:41:52Z")

</div>

There’s nothing out of the box that will let you do this with zero customization; it would definitely require a plugin + custom configuration. But as others have mentioned, you have some options that may provide a good starting point! These plugins for example both look very promising:

> [@Layouts Plugin](https://meta.discourse.org/t/custom-layouts-plugin/55208):
>
> This plugin is a framework for custom Discourse layouts. Its main use case is adding sidebars to Discourse. Desktop Mobile (closed) Mobile (open)desktop_computer[Get the code](https://github.com/paviliondev/discourse-layouts)page_facing_up [Read the documentation](https://coop.pavilion.tech/c/documentation/discourse-layouts/92)bug [Report a bug](https://coop.pavilion.tech/w/bug-report)Quick Links [The advantages of the Layouts Plugin](https://coop.pavilion.tech/t/using-the-layouts-plugin/1737)[Installation and Setup](https://coop.pavilion.tech/t/installation-and-setup/1606)[Widget Development](https://coop.pavilion.tech/t/widget-development/1618)wave Before you post in this …

> [@Discourse Sidebar Blocks](https://meta.discourse.org/t/discourse-sidebar-blocks/51457):
>
> warning This plugin is now deprecated. Please use the [Right Sidebar Blocks](https://meta.discourse.org/t/right-sidebar-blocks/231067) theme component instead. This plugin shows a list of blocks as a sidebar on all discovery list pages (latest, new, unread, categories but not on the single topic page). The available blocks at this point (Oct. 12 2016) are the following: multiple category posts (6 items max per category) latest replies (5 items) a custom html block Blocks can be ordered in the plugin settings. Speaking of which, there are these se…

If you’ve installed and tested these plugins and are having problems, I’m sure folks could help further. But just replying “nothing helpful” when multiple people direct you to the most likely places to learn more…is itself not really a helpful reply 🙂

---

<div class="post-metadata">

### Author: ![Stranik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stranik/32/85638_2.png) [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [March 1, 2019, 7:06pm UTC](https://meta.discourse.org/t/how-to-make-2-sidebars-and-the-topic-list-in-the-middle/110169/6 "2019-03-01T19:06:36Z")

</div>

We did this, and this is quite simple for one site, but our approach proved difficult to repeat further.

 ![Toxu](https://global.discourse-cdn.com/meta/original/3X/c/e/ce8f54bd478c78f1f38235e59991833c3f4d401f.png)

 ![2](https://global.discourse-cdn.com/meta/original/3X/5/2/5237b26efbc6d367ce7d73b8d80df8a590cd4a7e.png)

In any case, you may have to work with the file:

[https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/templates/discovery.hbs](https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/templates/discovery.hbs)

We used to use plugins, but for more rational use you need to do on components. They do not require a restructuring of Discourse. And you can change everything on the fly.

The links above are a 100% solution to what you need. Maybe not ready, and you have to work with CSS (html).

---

<div class="post-metadata">

### Author: ![Jay91](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jay91/32/135181_2.png) [@Jay91](https://meta.discourse.org/u/Jay91)
#### Post date: [March 1, 2019, 8:20pm UTC](https://meta.discourse.org/t/how-to-make-2-sidebars-and-the-topic-list-in-the-middle/110169/7 "2019-03-01T20:20:22Z")

</div>

> [@bts](#):
>
> If you’ve installed and tested these plugins and are having problems, I’m sure folks could help further. But just replying “nothing helpful”

in fact i tested these plugins before not working the way i want to go with here in this post, i said not helpful i meant the search results, not the friends answers.. So maybe yo got me wrong. and i gave likes to them before i reply to show my appreciation.

---

<div class="post-metadata">

### Author: ![bts](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bts/32/184556_2.png) [@bts](https://meta.discourse.org/u/bts)
#### Post date: [March 1, 2019, 8:33pm UTC](https://meta.discourse.org/t/how-to-make-2-sidebars-and-the-topic-list-in-the-middle/110169/8 "2019-03-01T20:33:10Z")

</div>

Gotcha, no worries! Didn’t realize you’d tested various plugins already. More a general point that it can be hard to give more detailed suggestions without knowing exactly what you’re trying to do and where you’re getting stuck. Good luck!

---

<div class="post-metadata">

### Author: ![Jay91](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jay91/32/135181_2.png) [@Jay91](https://meta.discourse.org/u/Jay91)
#### Post date: [March 2, 2019, 8:05pm UTC](https://meta.discourse.org/t/how-to-make-2-sidebars-and-the-topic-list-in-the-middle/110169/9 "2019-03-02T20:05:20Z")

</div>

Am not good with coding so you can say i cant start it anyway. all is i want to achieve is having 2 sidebars.

And the way my friend **Stranik** is suggesting is a little bit difficult… so your help is much appreciated.

---

<div class="post-metadata">

### Author: ![Stranik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stranik/32/85638_2.png) [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [March 2, 2019, 10:14pm UTC](https://meta.discourse.org/t/how-to-make-2-sidebars-and-the-topic-list-in-the-middle/110169/10 "2019-03-02T22:14:19Z")

</div>

The difficulty is not to make another 2 columns, if static html code will be placed there.

 ![06f868474ecd79063ddb30aff876a206f04a23e4](https://global.discourse-cdn.com/meta/original/3X/6/5/65eeb233d8c8cf9321a33f544232681a1f6cb868.jpeg)

And the fact that these columns contain dynamic (changing) content. Which is very individual from the desire, and accordingly from site to site.

One person wants to have tags, another, categories, and a third last answers or statistics. This is the complexity. It is difficult to do something so that it is a constructor and that will suit many.

Moreover, the same should probably be not only on the central page, but also on the category page … And again. It is not recommended to do this plugin. The plugin must be installed, components, it is preferable. But the universal component (as a designer), which is suitable for many, here is the complexity.

I myself still think how best to do it. If we think of something, we will definitely publish it here.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [March 3, 2019, 6:57am UTC](https://meta.discourse.org/t/how-to-make-2-sidebars-and-the-topic-list-in-the-middle/110169/11 "2019-03-03T06:57:23Z")

</div>

Jay,

Imho the best solution to this is to use the Custom Layouts plugin and add your own custom widgets. The former takes care of most of the heavy layout lifting and neatly isolates you from the main Discourse elements and protects you from core upgrades to a large extent.

Given you don’t appear to have the personal expertise, unless you are willing to put in the extensive time it would take to learn, you should probably consider hiring a developer to help build your widgets. Put an ad with mockups in #Marketplace

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [April 9, 2022, 3:46am UTC](https://meta.discourse.org/t/how-to-make-2-sidebars-and-the-topic-list-in-the-middle/110169/12 "2022-04-09T03:46:20Z")

</div>



---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [April 9, 2022, 8:37am UTC](https://meta.discourse.org/t/how-to-make-2-sidebars-and-the-topic-list-in-the-middle/110169/13 "2022-04-09T08:37:16Z")

</div>


