How to make your side have a side-bar and external links

I’m trying to have a header/side bar that is universal between my entire domain.
This is kind of the idea I’m looking for: https://discourse.aurelia.io/

If you notice, the links on the left go to different pages and I want to be able to accomplish something like-so.

I’m not the best at HTML, nor CSS, but given the right path, I will find a way.

There’s a slight illusion here — they didn’t create one nav bar to use universally, they’ve created the nav bar on their site (aurelia.io) and then duplicated it within their Discourse site (https://discourse.aurelia.io/) so it looks identical.

So the steps would be:

  1. Create your main site
  2. Setup Discourse
  3. Create a theme in Discourse to match your main site’s nav

Some resources for building Discourse themes:
Beginner's guide to using Discourse themes
Developer’s guide to Discourse Themes

4 Likes

Problem is, my site is built on Bootstrap…
So in terms of converting it to discourses css, is a little tough for me.

Unfortunately it’s the only way we support, you’ll need to know enough HTML & CSS to recreate your nav in Discourse.

You could potentially go the opposite route (which might be a little simpler) and use a pre-built theme component in Discourse like Brand header theme component… and then match your main site’s nav to Discourse. But then of course if you wanted to customize the look of the nav further than what that theme component contains, you’d need to know some HTML & CSS.

2 Likes

Can I take that header and move it to the side?
edit I know it’s possible, but wouldnt it be easier to just hard code it into the theme?