# Самый простой способ изменить дизайн приложения сообщества на Discourse

**URL:** https://meta.discourse.org/t/easiest-way-to-change-the-design-of-the-community-app-on-discourse/195012
**Category:** Support
**Created:** [25.Июнь.2021 12:47:22 UTC](https://meta.discourse.org/t/easiest-way-to-change-the-design-of-the-community-app-on-discourse/195012 "2021-06-25T12:47:22Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![Richard\_Millington](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richard_millington/32/78904_2.png) [@Richard\_Millington](https://meta.discourse.org/u/Richard_Millington)
#### Post date: [25.Июнь.2021 12:47:22 UTC](https://meta.discourse.org/t/easiest-way-to-change-the-design-of-the-community-app-on-discourse/195012/1 "2021-06-25T12:47:22Z")

</div>

Привет,

Запрашиваю от имени клиента: какой самый простой способ изменить дизайн приложения Discourse для сообщества?

Мы ограничены одним дизайном, который отражает главную страницу, или можем использовать один дизайн для десктопа и другой для приложения?

---

<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: [27.Июнь.2021 20:58:46 UTC](https://meta.discourse.org/t/easiest-way-to-change-the-design-of-the-community-app-on-discourse/195012/3 "2021-06-27T20:58:46Z")

</div>

Вы точно говорите о приложении (то есть скачанном из магазина приложений) или имеете в виду мобильную версию браузера? Это разные вещи.

---

<div class="post-metadata">

### Author: ![Richard\_Millington](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richard_millington/32/78904_2.png) [@Richard\_Millington](https://meta.discourse.org/u/Richard_Millington)
#### Post date: [28.Июнь.2021 08:50:02 UTC](https://meta.discourse.org/t/easiest-way-to-change-the-design-of-the-community-app-on-discourse/195012/4 "2021-06-28T08:50:02Z")

</div>

Речь точно идет о приложении, скачанном из App Store и открытом через DiscourseHub. 🙂

---

<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: [28.Июнь.2021 10:00:46 UTC](https://meta.discourse.org/t/easiest-way-to-change-the-design-of-the-community-app-on-discourse/195012/5 "2021-06-28T10:00:46Z")

</div>

> [@Richard\_Millington](#):
>
> и доступен через DiscourseHub

Представление, которое вы видите в DiscourseHub, просто отражает веб-представление. Таким образом, любые изменения, которые вы вносите в мобильный веб-клиент, будут видны в DiscourseHub.

DiscourseHub делает представление более чистым, поскольку устраняет необходимость в дополнительных элементах интерфейса браузера.

Следовательно, если вас интересует только представление в DiscourseHub, вам достаточно подготовить ваши модификации и развернуть их в компонентах тем и/или плагинах, как обычно.

---

<div class="post-metadata">

### Author: ![Richard\_Millington](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richard_millington/32/78904_2.png) [@Richard\_Millington](https://meta.discourse.org/u/Richard_Millington)
#### Post date: [29.Июнь.2021 14:40:27 UTC](https://meta.discourse.org/t/easiest-way-to-change-the-design-of-the-community-app-on-discourse/195012/6 "2021-06-29T14:40:27Z")

</div>

Глупый вопрос, но как изменить только мобильный веб-клиент?

Я предполагаю, что это отличается от десктопной версии?

---

<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: [29.Июнь.2021 23:33:46 UTC](https://meta.discourse.org/t/easiest-way-to-change-the-design-of-the-community-app-on-discourse/195012/7 "2021-06-29T23:33:46Z")

</div>

Верно. При создании или настройке темы существуют общие разделы, а также разделы для настольных и мобильных устройств. Для мобильных версий потребуется дополнительная разметка.

[![](https://global.discourse-cdn.com/meta/original/3X/6/d/6d5c61c4333e4d90c51e9bed1ff455e4ce6be035.png) ](https://dl.dropboxusercontent.com/s/mybu913iao73n4c/Screen%20Shot%202021-06-30%20at%2011.33.01%20AM.png?dl=0)

---

<div class="post-metadata">

### Author: ![Richard\_Millington](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richard_millington/32/78904_2.png) [@Richard\_Millington](https://meta.discourse.org/u/Richard_Millington)
#### Post date: [30.Июнь.2021 13:15:30 UTC](https://meta.discourse.org/t/easiest-way-to-change-the-design-of-the-community-app-on-discourse/195012/8 "2021-06-30T13:15:30Z")

</div>

Отлично, спасибо @HAWK. Просто дублирование настройки для мобильных устройств — это именно то, что мне нужно было знать!

---

<div class="post-metadata">

### Author: ![Richard\_Millington](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richard_millington/32/78904_2.png) [@Richard\_Millington](https://meta.discourse.org/u/Richard_Millington)
#### Post date: [16.Июль.2021 12:33:24 UTC](https://meta.discourse.org/t/easiest-way-to-change-the-design-of-the-community-app-on-discourse/195012/9 "2021-07-16T12:33:24Z")

</div>

На самом деле, я как раз работаю над этим, и похоже, что у моего клиента в сообществе это не происходит.

Мобильная версия не полностью дублирует десктопную — она близка, но не точна. Список тем отображается рядом с соответствующими категориями. Мы хотим показывать на мобильном только последние обсуждения. Есть ли простой способ сделать это через CSS?

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [16.Июль.2021 18:41:45 UTC](https://meta.discourse.org/t/easiest-way-to-change-the-design-of-the-community-app-on-discourse/195012/10 "2021-07-16T18:41:45Z")

</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: ![Richard\_Millington](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richard_millington/32/78904_2.png) [@Richard\_Millington](https://meta.discourse.org/u/Richard_Millington)
#### Post date: [16.Июль.2021 21:20:52 UTC](https://meta.discourse.org/t/easiest-way-to-change-the-design-of-the-community-app-on-discourse/195012/11 "2021-07-16T21:20:52Z")

</div>

Ты гений, это сработало идеально. Спасибо @Johani

---

<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: [15.Август.2021 21:21:41 UTC](https://meta.discourse.org/t/easiest-way-to-change-the-design-of-the-community-app-on-discourse/195012/12 "2021-08-15T21:21:41Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
