# Do you have original customisations?

**URL:** https://meta.discourse.org/t/do-you-have-original-customisations/75905
**Category:** Community Building
**Created:** [2017年十二月12日 19:54 UTC](https://meta.discourse.org/t/do-you-have-original-customisations/75905 "2017-12-12T19:54:57Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [2017年十二月12日 19:54 UTC](https://meta.discourse.org/t/do-you-have-original-customisations/75905/1 "2017-12-12T19:54:57Z")

</div>

I’m seeing more and more uniquely customised Discourse implementations around and it’s fantastic.

I’d love to build up a list so that people can see what is possible.

If you have customised your community in a way that is unique, please post a link along with a description of what you have done (and how, if you’re willing to share that). Examples might be customised navigation, banner posts, footers, promo spots etc.

**Note: Please only contribute to this topic if you have done something unique to your forum.**

---

<div class="post-metadata">

### Author: ![notriddle](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/notriddle/32/133055_2.png) [@notriddle](https://meta.discourse.org/u/notriddle)
#### Post date: [2018年一月12日 18:37 UTC](https://meta.discourse.org/t/do-you-have-original-customisations/75905/3 "2018-01-12T18:37:39Z")

</div>

assuming that stuff built with webhooks and the API counts

Janitor’s [new blog](https://janitor.technology/blog-new/) uses Discourse for most of the real work. A staff-only tag (published) is used to make it show up on the page, comments are backed by Discourse, and, since we’re actually [doing a one-way sync](https://github.com/JanitorTechnology/janitor/blob/0fb7d16d51ed1f17655e1601835633996221805b/lib/blog.js), the page loads very fast.

---

<div class="post-metadata">

### Author: ![jerdog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jerdog/32/122843_2.png) [@jerdog](https://meta.discourse.org/u/jerdog)
#### Post date: [2018年一月12日 19:00 UTC](https://meta.discourse.org/t/do-you-have-original-customisations/75905/4 "2018-01-12T19:00:54Z")

</div>

That’s fantastic @notriddle - I love the idea. So does the [below](https://github.com/JanitorTechnology/janitor/blob/0fb7d16d51ed1f17655e1601835633996221805b/lib/blog.js#L9) mean that anyone can post a blog topic, but it’s not published until a staff-member tags it?

```
// Discourse is made up of "topics" that contain one or more "posts".
// The first post in a published[^1] blog[^2] topic is considered the blog post itself.
// The rest are comments on it.
//
// [^1] "published" is a staff-only-tag.
// [^2] "blog" is a category, and is not staff-only.

```

---

<div class="post-metadata">

### Author: ![notriddle](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/notriddle/32/133055_2.png) [@notriddle](https://meta.discourse.org/u/notriddle)
#### Post date: [2018年一月12日 19:40 UTC](https://meta.discourse.org/t/do-you-have-original-customisations/75905/5 "2018-01-12T19:40:05Z")

</div>

Yeah, though creating topics in the category is locked to TL1 because there’s no reason for completely new users to be writing blog posts.

---

<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: [2018年一月12日 20:47 UTC](https://meta.discourse.org/t/do-you-have-original-customisations/75905/6 "2018-01-12T20:47:35Z")

</div>

Here’s our forum!:

> **[The Cracking the Code Forum](https://forum.troygrady.com/)**
>
> The Cracking the Code Forum is a place to talk guitar technique, explore the intersection of musical art and science, and learn from one another.

We’re using a pretty vanilla install, i.e. not really any plugins beyond the [WP Discourse](https://github.com/discourse/wp-discourse) plugin for SSO with our Wordpress site. But we’ve done some fairly extensive frontend / design tweaks.

Aside from color scheme and some UI adjustments and simplifications I think the most noticeable thing we did is add a visual header banner for each category. We liked how this looked on some other sites we came across e.g. [Flarum](https://discuss.flarum.org/t/meta) and found it nice to have extra visual distinction for categories. This is done with custom HTML in the “after header” section plus some fairly complicated CSS targeting…luckily Discourse has category slugs included in class names!

Other tweaks we did include a custom header (won’t go into detail b/c there are other great detailed tutorials on that to be found here!); a bunch of minor things w/ text size and button display; and hiding a few things with “display: none” that seemed inessential for our moderately sized forum, to try to minimize visual clutter.

---

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [2018年一月13日 12:07 UTC](https://meta.discourse.org/t/do-you-have-original-customisations/75905/7 "2018-01-13T12:07:38Z")

</div>

> [@bts](#):
>
> Aside from color scheme and some UI adjustments and simplifications I think the most noticeable thing we did is add a visual header banner for each category. We liked how this looked on some other sites we came across e.g. Flarum and found it nice to have extra visual distinction for categories. This is done with custom HTML in the “after header” section plus some fairly complicated CSS targeting…luckily Discourse has category slugs included in class names!

This looks awesome! Could you share this as a theme (component)?

> [@Structure of themes and theme components](https://meta.discourse.org/t/how-to-develop-custom-themes/60848):
>
> Discourse supports [native themes](https://meta.discourse.org/t/native-theme-support/47494/26) that can be sourced from a .tar.gz archive or from a remote git repository including [private repositories](https://meta.discourse.org/t/how-to-source-a-theme-from-a-private-git-repository/82584). An example theme is at: [GitHub - discourse/discourse-simple-theme: Sam's simple discourse theme · GitHub](https://github.com/SamSaffron/discourse-simple-theme) The git repository will be checked for updates ([once a day](https://github.com/discourse/discourse/blob/main/app/jobs/scheduled/check_out_of_date_themes.rb)), or by using the Check for Updates button. When changes are detected the Check for Updates button will change to the Update to Latest. [image] To create a theme you need to foll…

> [@Create and share a font theme component](https://meta.discourse.org/t/create-and-share-a-font-theme-component/62462):
>
> Discourse supports importing themes containing assets from a remote repository. This allows theme authors to share fonts and images. Create a new git repository with the font mkdir discourse-roboto-theme cd discourse-roboto-theme git init . vim about.json For about.json add a skeleton config file { "name": "Roboto theme component", "about\_url": "", "license\_url": "", "assets": { "roboto": "assets/roboto.woff2" } } Add a LICENSE file, I [usually use MIT](https://github.com/SamSaffron/discourse-solarized/blob/master/LICENSE) vim LICENSE Download th…

---

<div class="post-metadata">

### Author: ![subtenko](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/subtenko/32/119524_2.png) [@subtenko](https://meta.discourse.org/u/subtenko)
#### Post date: [2018年四月1日 20:19 UTC](https://meta.discourse.org/t/do-you-have-original-customisations/75905/8 "2018-04-01T20:19:07Z")

</div>

Bro this is what I was looking for! Thank you so much for posting this. Im about to head out but I’ll give it a try, should be simple to figure out the HTML thing. CSS part should be easy as you mentioned category slug styles are ready. I’ll just be using background images instead of colors.

I also gotta try to to this for profile pictures (Have them go full width but everything else stay the same)

---

<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: [2018年四月2日 14:02 UTC](https://meta.discourse.org/t/do-you-have-original-customisations/75905/9 "2018-04-02T14:02:29Z")

</div>

Awesome! Btw just found this other relevant discussion and posted w/ more detail and code examples here:

> [@How difficult would it be to make the Discourse UI more like Flarum?](https://meta.discourse.org/t/how-difficult-would-it-be-to-make-the-discourse-ui-more-like-flarum/83430/9):
>
> Thanks @erlend_sh good catch! Didn’t see this topic yet. Yes we spent some time last year on exactly this, trying to get something close to the Flarum-style headers. This is what it looks like on [our site](https://forum.troygrady.com/): And here’s the gist of the HTML / CSS we came up with for this— CSS: (This is all in “common” — besides this there are also a few minor margin / padding tweaks for desktop vs. mobile I didn’t include below.) /\* GENERAL \*/ body { overflow-x: hidden;…

(Looks like there are a couple different attempts at this so we may be able to merge them / create a theme component at some point!)

---

<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: [2018年四月2日 14:34 UTC](https://meta.discourse.org/t/do-you-have-original-customisations/75905/10 "2018-04-02T14:34:06Z")

</div>

I really like _Discourse_ and there are a lot of possibilities. For example, only using the following code:

`currentUser.get('trust_level');`

We can do the following things: personalize users.

The participant receives the following trust levels, fills in the profile, and participates in the discussion. You can write a lot of rules, but few people like to search the site and read all in different places. There was an idea to create a page where you could put everything in one place. This will be information specific to the individual participant.

- As he filled out the profile.
- Why would he get a diploma and what would it look like?
- Why would he pass a bot?
- What else can he do?

The page can look like anything, for example.

 ![2](https://global.discourse-cdn.com/meta/original/3X/1/b/1bda13ce8621087e583dbb1f55081fd627b55525.gif)

The link to this page can come from different places: from the personal first message or from different widgets. Like this.

 ![1](https://global.discourse-cdn.com/meta/original/3X/f/9/f969decf3f98505f931843f96b5c221450f749d6.gif)

All in one place.

_Google translator. (_

---

<div class="post-metadata">

### Author: ![BlackKnob](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/blackknob/32/93549_2.png) [@BlackKnob](https://meta.discourse.org/u/BlackKnob)
#### Post date: [2018年四月2日 16:20 UTC](https://meta.discourse.org/t/do-you-have-original-customisations/75905/11 "2018-04-02T16:20:16Z")

</div>

> [@bts](#):
>
> Aside from color scheme and some UI adjustments and simplifications I think the most noticeable thing we did is add a visual header banner for each category. We liked how this looked on some other sites we came across e.g. Flarum and found it nice to have extra visual distinction for categories. This is done with custom HTML in the “after header” section plus some fairly complicated CSS targeting…luckily Discourse has category slugs included in class names!

This looks fantastic, a beautiful design. Would love to see your theme published.
