# Orientating users with a Discourse 'homepage'

**URL:** https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756
**Category:** UX
**Created:** [2017 年 7 月 6 日午後 5:30 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756 "2017-07-06T17:30:11Z")
**Posts on this page:** 20
**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 年 7 月 6 日午後 5:30 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/1 "2017-07-06T17:30:11Z")

</div>

I’m an unashamed Discourse fan and have been for years but there is one thing that the enterprise platforms do better out of the box IMO, and that is orientate new users.

Members that are new to either Discourse, forums or a specific community sometimes need handholding in order to transition past lurking.

I’ve been working on a homepage/portal that directs people to try and overcome that.

We only launched today and are still tweaking, but you can [see it in action here](https://experts.feverbee.com/). It uses no plugins so is feasible for hosted sites. If you like it, talk to @joebuhlig – he did the hard work.

 ![](https://global.discourse-cdn.com/meta/original/3X/3/0/30a724f09e4c628d5cc4d468fabeecb7d94fc2d0.jpg)

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [2017 年 7 月 6 日午後 5:58 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/2 "2017-07-06T17:58:21Z")

</div>

That looks awesome! Is there some other server involved, or is it entirely built with discourse themes & theme components?

---

<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 年 7 月 6 日午後 5:59 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/3 "2017-07-06T17:59:07Z")

</div>

Thanks. It’s entirely Discourse.

---

<div class="post-metadata">

### Author: ![LeoMcA](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/leomca/32/87233_2.png) [@LeoMcA](https://meta.discourse.org/u/LeoMcA)
#### Post date: [2017 年 7 月 6 日午後 6:04 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/4 "2017-07-06T18:04:11Z")

</div>

Very cool.

Just a small bug report @joebuhlig: the “Start Discussion”, “Post” and “Share Link” buttons all do nothing when logged out.

---

<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 年 7 月 6 日午後 6:05 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/5 "2017-07-06T18:05:36Z")

</div>

Good point. They should redirect to the registration page. Thanks.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [2017 年 7 月 6 日午後 6:22 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/6 "2017-07-06T18:22:14Z")

</div>

I looks really good, a couple of nitpicks.

- As anon clicking “start discussion”/ “share link” / “post” does nothing.

- On mobile it is a bit hard to grok all the huge amount of data

---

<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 年 7 月 6 日午後 6:31 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/7 "2017-07-06T18:31:19Z")

</div>

> [@sam](#):
>
> On mobile it is a bit hard to grok all the huge amount of data

Yeah, I’m torn on this one. I considered not having it available for mobile, but our audience isn’t mobile heavy.

---

<div class="post-metadata">

### Author: ![joebuhlig](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joebuhlig/32/193054_2.png) [@joebuhlig](https://meta.discourse.org/u/joebuhlig)
#### Post date: [2017 年 7 月 6 日午後 6:38 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/8 "2017-07-06T18:38:05Z")

</div>

Good catch, @LeoMcA and @sam. I’ve got that one resolved. 👍

---

<div class="post-metadata">

### Author: ![barryvan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/barryvan/32/82635_2.png) [@barryvan](https://meta.discourse.org/u/barryvan)
#### Post date: [2017 年 7 月 7 日午前 4:11 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/9 "2017-07-07T04:11:39Z")

</div>

This is brilliant – awesome work @joebuhlig and @HAWK! ❤

Are you planning on making it available for people to hack on? This is one of those things which, now that I’ve seen it, I’ve always wanted. 😉

---

<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 年 7 月 9 日午後 8:02 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/10 "2017-07-09T20:02:54Z")

</div>

> [@barryvan](#):
>
> Are you planning on making it available for people to hack on? This is one of those things which, now that I’ve seen it, I’ve always wanted.

Not in this particular case, I’m afraid. I’m not going to be staying in the organisation much longer so it’s not my call. Joe may have other ideas or examples.

---

<div class="post-metadata">

### Author: ![regnatarajan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/regnatarajan/32/67916_2.png) [@regnatarajan](https://meta.discourse.org/u/regnatarajan)
#### Post date: [2017 年 7 月 13 日午前 2:40 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/11 "2017-07-13T02:40:50Z")

</div>

🙂 @ grok. Heinlein. Haven’t heard that for decades.

---

<div class="post-metadata">

### Author: ![ron\_jeremy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ron_jeremy/32/56621_2.png) [@ron\_jeremy](https://meta.discourse.org/u/ron_jeremy)
#### Post date: [2017 年 7 月 13 日午前 4:39 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/12 "2017-07-13T04:39:53Z")

</div>

That is a fantastic looking site. You did a great job of ‘blending’ your Wordpress website with your Discourse community – it all looks quite seamless.

---

<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 年 7 月 13 日午前 4:49 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/13 "2017-07-13T04:49:17Z")

</div>

Appreciated.

I did most of it myself by hacking around with the CSS and I’m a real novice, so anyone can do it. It’s one of the things that I love most about Discourse. I’d recommend giving it a go.

The clever bits at the top are the work of a pro, obviously, so I won’t claim those.

---

<div class="post-metadata">

### Author: ![s\_scarduzio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/s_scarduzio/32/73814_2.png) [@s\_scarduzio](https://meta.discourse.org/u/s_scarduzio)
#### Post date: [2017 年 7 月 13 日午前 9:34 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/14 "2017-07-13T09:34:55Z")

</div>

How can I get something like your “about-us” page? Where in Discourse management interface did you write that code into? Or is it some ruby hack?

---

<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 年 7 月 13 日午後 6:20 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/15 "2017-07-13T18:20:45Z")

</div>

All the pages in the main nav outside of Community are built with WordPress.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2017 年 7 月 20 日午前 9:11 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/16 "2017-07-20T09:11:06Z")

</div>

This seems related to the work @erlend_sh did with us to make category landing pages more “knowledge base” like, using the box subcategory style:

 ![](https://global.discourse-cdn.com/meta/original/3X/2/8/284ed78687a2a5fe34f177275fdf5b8514c2fac9.png)

---

<div class="post-metadata">

### Author: ![lostintime](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lostintime/32/54115_2.png) [@lostintime](https://meta.discourse.org/u/lostintime)
#### Post date: [2017 年 7 月 31 日午前 10:23 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/17 "2017-07-31T10:23:32Z")

</div>

Any pointers as how to do this, @codinghorror, @erlend_sh? I would really like to implement this look for my community’s **howto** category.

Thanks!

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [2017 年 7 月 31 日午前 10:35 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/18 "2017-07-31T10:35:57Z")

</div>

For the look `@codinghorror` screenshotted, here’s some instructions:

> [@Display boxes for subcategories above topic list](https://meta.discourse.org/t/displaying-sub-categories-in-boxes/59371):
>
> bookmark This guide explains how to display boxes for subcategories above the topic list in Discourse. person_raising_hand Required user level: Administrator (or moderator if the moderators manage categories setting is enabled) There are four ways to display a list of sub-categories within the parent category: in rows (the default style) in rows with a list of some featured topics in boxes with only the name, logo, and description in boxes with name, logo, and a list of some featured t…

---

<div class="post-metadata">

### Author: ![lostintime](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lostintime/32/54115_2.png) [@lostintime](https://meta.discourse.org/u/lostintime)
#### Post date: [2017 年 7 月 31 日午前 10:38 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/19 "2017-07-31T10:38:36Z")

</div>

That’s brilliant, David. Thanks!

---

<div class="post-metadata">

### Author: ![olegbc1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/olegbc1/32/154008_2.png) [@olegbc1](https://meta.discourse.org/u/olegbc1)
#### Post date: [2019 年 11 月 1 日午後 10:10 UTC](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756/20 "2019-11-01T22:10:43Z")

</div>

このスレッドを掘り起こすのは恐縮ですが、@joebuhlig さん、「人気トピック」ボタンや「これらの人を助けていただけますか？」コンポーネントの実装方法を共有していただけますか？

[Next page](https://meta.discourse.org/t/orientating-users-with-a-discourse-homepage/65756.md?page=2)
