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

:discourse2: Краткое описание Easy Responsive Footer позволит вам создать полностью адаптивный подвал, используя только обычный текст.
:eyeglasses: Предпросмотр Предпросмотр в конструкторе тем Discourse
:hammer_and_wrench: Ссылка на репозиторий https://github.com/discourse/Discourse-easy-footer
:open_book: Новичок в темах Discourse? Руководство для начинающих по использованию тем Discourse

Установить этот компонент темы

Возможности

Рабочий стол

Мобильное устройство

Настройки

Имя Описание
heading Текст заголовка в подвале — например, можно использовать название вашего сайта — Максимальная длина 25 символов
blurb Введите короткое описание вашего сообщества — Максимальная длина 180 символов
sections Секции, которые будут отображаться в подвале
small links Маленькие ссылки в нижней части подвала, такие как Условия использования и Политика конфиденциальности
social links Социальные ссылки, которые вы хотите добавить в подвал
show footer on login required page Установите этот параметр, если хотите, чтобы подвал отображался на странице, требующей входа (применяется только если ваш сайт приватный)
svg icons Список иконок FontAwesome 7, используемых в настройке социальных ссылок выше.

В этом компоненте есть шесть настроек, которые помогут легко его настроить

1. Заголовок

Текст заголовка в подвале — например, можно использовать название вашего сайта — Максимальная длина 25 символов

2. Описание

Короткое описание вашего сообщества — Максимальная длина 180 символов

3. Секции ссылок

Добавьте секции ссылок. Идеальное количество секций — шесть. Один элемент в строке в следующем порядке: Текст, заголовок
Текст: то, что отображается в подвале
Заголовок: текст, который появляется при наведении на элемент.

4. Ссылки

Добавьте ссылки в секции ссылок. Один элемент в строке в следующем порядке:
Родитель, текст, URL, цель, заголовок
Рекомендуется, чтобы количество ссылок в каждой секции было примерно одинаковым
Родитель: имя родительской секции, под которой отображается эта ссылка. Используйте значение text из списка выше
Текст: текст, отображаемый для этой ссылки
URL: путь, по которому ведет ссылка. Можно использовать относительные пути.
Цель: выберите, откроется ли ссылка в новой вкладке или в той же. Используйте blank для открытия в новой вкладке или self для открытия в той же.
Заголовок: текст, который появляется при наведении на ссылку.

5. Маленькие ссылки

Вы можете добавить маленькие ссылки в нижней части подвала, такие как Условия использования и Политика конфиденциальности. Один элемент в строке в следующем порядке:
Текст, URL, цель
Текст: текст, отображаемый для маленькой ссылки
URL: путь ссылки
Цель: используйте blank для открытия ссылки в новой вкладке или self для открытия в той же

6. Социальные ссылки

Введите социальные ссылки, которые вы хотите добавить в подвал, в следующем формате:
провайдер, заголовок, URL, цель
Провайдер: название провайдера, например Facebook или Twitter
Заголовок: текст, который появляется при наведении на ссылку
URL: путь, который должна иметь ссылка
Цель: используйте blank для открытия ссылки в новой вкладке или self для открытия в той же

Примечания

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

  2. Этот компонент будет использовать цветовую схему вашей темы для генерации цветов, используемых для элементов в нем. Однако все элементы имеют уникальные классы, добавленные к ним, на случай, если вы захотите что-то переопределить.

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


:discourse2: Размещено нами? Компоненты тем доступны для использования в наших тарифных планах Pro, Business и Enterprise.

111 лайков