# Простой адаптивный подвал

**URL:** https://meta.discourse.org/t/easy-responsive-footer/95818
**Category:** Theme component
**Tags:** official, easy-responsive-footer
**Created:** [28.Август.2018 08:19:17 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818 "2018-08-28T08:19:17Z")
**Posts on this page:** 20
**Page:** 4

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [04.Август.2023 15:32:14 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/205 "2023-08-04T15:32:14Z")

</div>

Рад, что это помогло @volanar 🙂

---

<div class="post-metadata">

### Author: ![volanar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/volanar/32/318163_2.png) [@volanar](https://meta.discourse.org/u/volanar)
#### Post date: [04.Август.2023 15:44:06 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/206 "2023-08-04T15:44:06Z")

</div>

Скорее всего, стоит внести изменения в компонент, чтобы всё работало идеально по умолчанию, без необходимости писать дополнительный код.

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [04.Август.2023 15:46:14 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/207 "2023-08-04T15:46:14Z")

</div>

Я полагаю, что обратная цветовая схема предназначена для этого компонента, а различные классы позволяют настраивать подвал под конкретные нужды форума, как у вас сейчас есть 🙂

Возможно, стоит создать PR с опцией для переключения цветовых переменных? 🤔

---

<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: [22.Сентябрь.2023 20:54:12 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/208 "2023-09-22T20:54:12Z")

</div>

Привет, любители подвала! Этот компонент недавно был рефакторирован: [DEV: use dasherize, update user-input classnames to data-attrs (#33) · discourse/Discourse-easy-footer@68b9972 · GitHub](https://github.com/discourse/Discourse-easy-footer/commit/68b997268d4b73898b97e8f505da4ca421cc981d)

Это не затронет большинство пользователей, но я удалил имена классов, которые применялись к каждой ссылке — ранее к каждой ссылке добавлялся класс, содержащий имя ссылки, и, к сожалению, это означало, что если вы случайно назвали свою ссылку так же, как какой-либо класс в Discourse, могли возникнуть нежелательные последствия.

Например, если у вас была ссылка с именем «alert» или «spinner», вы могли столкнуться с непреднамеренными конфликтами стилей внутри Discourse:

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/9/4/6942bd764a0e29888e7076ed87b5d8463a4cb7d0.png)

Это наиболее очевидные примеры, но существует сотни потенциальных имен классов, в которые можно попасть.

Поэтому после обновления, если вы ранее использовали CSS для редактирования этих ссылок каким-либо образом, вам нужно будет обновить имена классов:

Ранее:

```css
.my-link-name {
  background: red;
}

```

Обновлено:

```css
[data-easyfooter-link="my-link-name"] {
  background: red;
}

```

Это исключает любые возможные конфликты имен.

---

<div class="post-metadata">

### Author: ![digitaldominica](https://avatars.discourse-cdn.com/v4/letter/d/97f17d/32.png) [@digitaldominica](https://meta.discourse.org/u/digitaldominica)
#### Post date: [30.Декабрь.2023 17:18:44 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/209 "2023-12-30T17:18:44Z")

</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: [09.Январь.2024 15:02:24 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/210 "2024-01-09T15:02:24Z")

</div>

В чате элемент `html` получает класс `has-full-page-chat`… поэтому, вероятно, это можно решить с помощью небольшого CSS:

```css
.has-full-page-chat .below-footer-outlet.custom-footer {
  display: none;
}

```

---

<div class="post-metadata">

### Author: ![Aaron\_Walsh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aaron_walsh/32/312661_2.png) [@Aaron\_Walsh](https://meta.discourse.org/u/Aaron_Walsh)
#### Post date: [14.Январь.2024 09:19:36 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/211 "2024-01-14T09:19:36Z")

</div>

Доброе утро,

Есть ли способ уменьшить заметность некоторых устаревших тем на главной странице? Я предпочёл бы отображать только темы за последний месяц или два, чтобы минимизировать загромождение.

Я проверил раздел admin/site\_settings/category/basic, где, как мне кажется, может быть найдено решение. Однако там есть несколько вариантов на выбор.

В результате я смог добавить удобную адаптивную подвал на форум. Однако, чтобы увидеть его, нужно прокрутить главную страницу до самого конца, где отмечено начало работы форума в 2021 году.

---

<div class="post-metadata">

### Author: ![jmlord](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jmlord/32/354569_2.png) [@jmlord](https://meta.discourse.org/u/jmlord)
#### Post date: [18.Январь.2024 16:26:18 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/212 "2024-01-18T16:26:18Z")

</div>

Спасибо @awesomerobot за это решение проблемы с CSS.

К сведению, я использую его, потому что футер неожиданно появляется в личном чате, уменьшая высоту, доступную для сообщений и клавиатуры. На некоторых телефонах это становится проблемой. Это удивительно, поскольку на всех других страницах футер скрыт, пока мы не прокрутим его вверх.

Редакция: протестировано как в приложениях для Android, так и для iPhone.

---

<div class="post-metadata">

### Author: ![Lize\_Gibson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lize_gibson/32/290043_2.png) [@Lize\_Gibson](https://meta.discourse.org/u/Lize_Gibson)
#### Post date: [05.Февраль.2024 12:42:59 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/213 "2024-02-05T12:42:59Z")

</div>

**Новый логотип Twitter/X**

Приношу извинения, если вопрос звучит слишком просто,

Как все обновляют ссылку на Twitter до логотипа X? Я пытался найти правильное имя fab для добавления в настройки футера, но у меня не получается.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [05.Февраль.2024 12:50:13 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/214 "2024-02-05T12:50:13Z")

</div>

> [@Updating Twitter icon to X logo](https://meta.discourse.org/t/updating-twitter-icon-to-x-logo/274265?u=moin):
>
> [professor farnsworth futurama GIF] We’ve temporarily added the X logo as an available icon in core Discourse to allow everyone to make the branding switch on their own. Upgrading the entirety of Font Awesome in Discourse is a very large project, so this is meant to allow a workaround in the mean time. If you’re looking to make the change, you can follow these steps: Add temporary-twitter-x to your svg icon subset site setting Create a new theme component and add the following code to th…

---

<div class="post-metadata">

### Author: ![ecki](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ecki/32/264025_2.png) [@ecki](https://meta.discourse.org/u/ecki)
#### Post date: [07.Февраль.2024 12:17:46 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/215 "2024-02-07T12:17:46Z")

</div>

Будет хорошо, если вы сможете оставить поле «Блёрб» и «Заголовок блёрба» пустыми, и тогда _div_ для этого контента также будет пропущен (так что заголовки ссылок начнутся слева — или, что ещё лучше, сделайте это настраиваемым: должны ли они начинаться слева или растягиваться).

---

<div class="post-metadata">

### Author: ![hellekin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hellekin/32/51636_2.png) [@hellekin](https://meta.discourse.org/u/hellekin)
#### Post date: [12.Февраль.2024 10:22:07 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/216 "2024-02-12T10:22:07Z")

</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: [12.Февраль.2024 10:36:39 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/217 "2024-02-12T10:36:39Z")

</div>

Ах да, извините за это. Думаю, это было связано с обновлением настроек темы. Если вы сохраните настройки заново, всё должно исправиться. Например, добавьте пробел в значение настройки и сохраните (а затем удалите лишний пробел и сохраните снова).

---

<div class="post-metadata">

### Author: ![Michael\_Baker](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/michael_baker/32/361055_2.png) [@Michael\_Baker](https://meta.discourse.org/u/Michael_Baker)
#### Post date: [15.Февраль.2024 10:35:25 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/218 "2024-02-15T10:35:25Z")

</div>

Я попробовал это, но это выглядит странно, когда вы удаляете колонки. Есть ли версия, которую можно установить без необходимости в текстовых колонках? Как изменить цвета?

Предположим, я хочу добавить, например, код JavaScript для подписки на YouTube?

---

<div class="post-metadata">

### Author: ![fokx](https://avatars.discourse-cdn.com/v4/letter/f/958977/32.png) [@fokx](https://meta.discourse.org/u/fokx)
#### Post date: [28.Февраль.2024 13:17:35 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/219 "2024-02-28T13:17:35Z")

</div>

Это действительно отличный компонент темы!  
Можно ли поддерживать HTML в секции `Blurb`? Я хочу вставить туда несколько ссылок `<a href=""></a>`. Также считаю, что ограничение по количеству слов _действительно_ бесполезно.  
Спасибо!

---

<div class="post-metadata">

### Author: ![Mat\_Came](https://avatars.discourse-cdn.com/v4/letter/m/898d66/32.png) [@Mat\_Came](https://meta.discourse.org/u/Mat_Came)
#### Post date: [04.Апрель.2024 21:23:10 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/220 "2024-04-04T21:23:10Z")

</div>

Привет,  
может быть, кто-то сможет мне помочь.  
Подвал работает отлично, но почему-то он не отображается на странице входа, хотя опция «показывать подвал на странице входа…» включена, а установка Discourse приватная (установлен параметр login\_required).  
Не упустил ли я что-то?  
Спасибо за помощь!

---

<div class="post-metadata">

### Author: ![Mat\_Came](https://avatars.discourse-cdn.com/v4/letter/m/898d66/32.png) [@Mat\_Came](https://meta.discourse.org/u/Mat_Came)
#### Post date: [11.Апрель.2024 06:54:52 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/221 "2024-04-11T06:54:52Z")

</div>

@JimPas

Внезапно на странице входа появился подвал.  
К сожалению, я не могу отследить изменения, которые привели к решению, но, полагаю, помогла пересборка Discourse (./_launcher_ rebuild app).

---

<div class="post-metadata">

### Author: ![tgxworld](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tgxworld/32/106117_2.png) [@tgxworld](https://meta.discourse.org/u/tgxworld)
#### Post date: [24.Апрель.2024 05:24:19 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/222 "2024-04-24T05:24:19Z")

</div>

Это была ошибка в компоненте темы, и она была исправлена в

> <https://github.com/discourse/Discourse-easy-footer/commit/12ff98a76db2e4cd37c962c5e1c4065b93ef6c01>
>
> This is fixes a regression introduced in a7663469b5704f37c2a2e61d669c0f1362f2d9c…0

---

<div class="post-metadata">

### Author: ![tgxworld](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tgxworld/32/106117_2.png) [@tgxworld](https://meta.discourse.org/u/tgxworld)
#### Post date: [24.Апрель.2024 05:33:37 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/223 "2024-04-24T05:33:37Z")

</div>

Хочу сообщить, что сегодня я объединил изменение, которое переносит настройки темы `link_sections` и `links` в тип `type: objects`, который [мы недавно выпустили](https://meta.discourse.org/t/new-objects-type-for-theme-setting/305009?u=tgxworld).

> <https://github.com/discourse/Discourse-easy-footer/commit/3e06c5051b1d1c25001c45ae989c474b8c080791>
>
> This commit migrates the \`link\_sections\` and \`links\` setting to a \`sections\` obj…ects typed settting. Since https://github.com/discourse/discourse/commit/a440e15291e98a866f80a6566d5ec0597ab77e2e, we have started to support objects typed theme setting so we are switching this theme component to use it instead as it provides a much better UX for configuring the settings required for the theme component.

Мы не ожидаем, что этот перенос вызовет сбои, но если что-то пойдет не так, пожалуйста, напишите об этом здесь.

---

<div class="post-metadata">

### Author: ![sfg85](https://avatars.discourse-cdn.com/v4/letter/s/e36b37/32.png) [@sfg85](https://meta.discourse.org/u/sfg85)
#### Post date: [30.Апрель.2024 04:42:06 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/224 "2024-04-30T04:42:06Z")

</div>

Спасибо за этот отличный компонент. При попытке обновиться до последней версии я получаю следующее сообщение об ошибке:

```plaintext
Произошла ошибка: вы передали недопустимые параметры в запрос:
Свойство по JSON Pointer '/0/links/0/referrer_policy' должно быть одним из следующих ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "unsafe-url"].
Свойство по JSON Pointer '/1/links/0/target' должно быть одним из следующих ["_blank", "_self", "_parent", "_top"]. Свойство по JSON Pointer '/1/links/0/referrer_policy' должно быть одним из следующих ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "unsafe-url"].
Свойство по JSON Pointer '/2/links/0/target' должно быть одним из следующих ["_blank", "_self", "_parent", "_top"]. Свойство по JSON Pointer '/2/links/0/referrer_policy' должно быть одним из следующих ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "unsafe-url"].

```

Я отстаю на 4 коммита, если эта информация полезна.

[Предыдущая страница](https://meta.discourse.org/t/easy-responsive-footer/95818.md?page=3)

[Следующая страница](https://meta.discourse.org/t/easy-responsive-footer/95818.md?page=5)
