# Front page (home page) layout design

**URL:** https://meta.discourse.org/t/front-page-home-page-layout-design/65172
**Category:** Support
**Created:** [2017年六月27日 07:31 UTC](https://meta.discourse.org/t/front-page-home-page-layout-design/65172 "2017-06-27T07:31:50Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![ysl](https://avatars.discourse-cdn.com/v4/letter/y/4af34b/32.png) [@ysl](https://meta.discourse.org/u/ysl)
#### Post date: [2017年六月27日 07:31 UTC](https://meta.discourse.org/t/front-page-home-page-layout-design/65172/1 "2017-06-27T07:31:50Z")

</div>

Hi I’ve done some searching prior posting this. How to achieve such front page (home page) layout design (where “category” on the left, and “latest” on the right)? Thanks.

[screenshot]

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

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [2017年六月27日 07:39 UTC](https://meta.discourse.org/t/front-page-home-page-layout-design/65172/2 "2017-06-27T07:39:14Z")

</div>

这是一个站点设置。搜索 `desktop category page style` 并选择“分类和最新话题”。

此外，你需要将“分类”拖动到左侧第一位（在“最新”之前），以便首页显示分类。

 ![MuoiH4V](https://global.discourse-cdn.com/meta/original/4X/5/1/7/51791dc7044726da22794eedb4b12479694312f7.png)

---

<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年六月27日 07:45 UTC](https://meta.discourse.org/t/front-page-home-page-layout-design/65172/3 "2017-06-27T07:45:38Z")

</div>

Easier to just run the setup wizard again at `/wizard` provided the user is logged in as admin.

---

<div class="post-metadata">

### Author: ![qmmhardy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/qmmhardy/32/76239_2.png) [@qmmhardy](https://meta.discourse.org/u/qmmhardy)
#### Post date: [2017年八月3日 00:57 UTC](https://meta.discourse.org/t/front-page-home-page-layout-design/65172/4 "2017-08-03T00:57:47Z")

</div>

@codinghorror , when you run /wizard again, will you lose existing content on the forum ?

---

<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年八月3日 01:19 UTC](https://meta.discourse.org/t/front-page-home-page-layout-design/65172/5 "2017-08-03T01:19:52Z")

</div>

No, it’s safe to rerun the setup wizard at any time.

---

<div class="post-metadata">

### Author: ![AshishS](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ashishs/32/120759_2.png) [@AshishS](https://meta.discourse.org/u/AshishS)
#### Post date: [2017年八月3日 05:38 UTC](https://meta.discourse.org/t/front-page-home-page-layout-design/65172/6 "2017-08-03T05:38:49Z")

</div>

this also changes the homepage on mobile. possible to have just the ‘latest’ posts in the mobile homepage and ‘categories and latest topics’ for desktop?

---

<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年八月3日 09:51 UTC](https://meta.discourse.org/t/front-page-home-page-layout-design/65172/7 "2017-08-03T09:51:44Z")

</div>

No, that is not possible.

---

<div class="post-metadata">

### Author: ![MakaryGo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/makarygo/32/187426_2.png) [@MakaryGo](https://meta.discourse.org/u/MakaryGo)
#### Post date: [2017年八月3日 10:21 UTC](https://meta.discourse.org/t/front-page-home-page-layout-design/65172/8 "2017-08-03T10:21:35Z")

</div>

That’s nor _easily_ possible 😛

---

<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年八月3日 10:24 UTC](https://meta.discourse.org/t/front-page-home-page-layout-design/65172/9 "2017-08-03T10:24:15Z")

</div>

This is the compromise we use on our forum

> [@How to default to latest on mobile and categories+latest on desktop?](https://meta.discourse.org/t/how-to-default-to-latest-on-mobile-and-categories-latest-on-desktop/55716/5):
>
> The compromise we reached on our forum was to Set categories as the homepage On mobile, make the logo link to /latest That way the categories view is welcoming to potentially new visitors, while regular users are just 1 tap away from the ‘latest’ page. The suggestion came from somewhere on meta, but I can’t find it right now. The code we use (in the Mobile “Header” section of CSS/HTML customisation) is \<script type="text/discourse-plugin" version="0.4"\> api.changeWidgetSetting('home-logo…

---

<div class="post-metadata">

### Author: ![bck055](https://avatars.discourse-cdn.com/v4/letter/b/22d042/32.png) [@bck055](https://meta.discourse.org/u/bck055)
#### Post date: [2019年一月7日 16:30 UTC](https://meta.discourse.org/t/front-page-home-page-layout-design/65172/10 "2019-01-07T16:30:05Z")

</div>

Hello,

I did as your guide to re-start wizard. but no change as tile question.

---

<div class="post-metadata">

### Author: ![Young](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/young/32/169393_2.png) [@Young](https://meta.discourse.org/u/Young)
#### Post date: [2020年二月21日 17:45 UTC](https://meta.discourse.org/t/front-page-home-page-layout-design/65172/12 "2020-02-21T17:45:51Z")

</div>

是否可以将桌面端和移动端都设置为仅显示最新主题？

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2020年二月21日 17:47 UTC](https://meta.discourse.org/t/front-page-home-page-layout-design/65172/13 "2020-02-21T17:47:00Z")

</div>

我们有一个主题组件，可让您更改移动端的首页

> [@Force Mobile Homepage](https://meta.discourse.org/t/force-mobile-homepage/95705):
>
> Currently the default homepage settings found in the admin panel and user preferences apply to both desktop and mobile. This is a very simple theme component that will allow you to specify a different default homepage for the mobile view of your Discourse forum. It is important to note that this will force mobile to navigate to the homepage you choose in this theme component. Your users will not be able to override the default homepage for mobile via their user preferences at this point. [Repos…](https://github.com/tshenry/discourse-force-mobile-homepage)

---

<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: [2024年一月25日 00:47 UTC](https://meta.discourse.org/t/front-page-home-page-layout-design/65172/14 "2024-01-25T00:47:59Z")

</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: [2024年一月25日 00:54 UTC](https://meta.discourse.org/t/front-page-home-page-layout-design/65172/15 "2024-01-25T00:54:20Z")

</div>