Has anyone added a custom footer to Discourse?

[Erik_Manger]

Hi everyone,

Props to whomever can help. Does anyone customized the footer of Discourse to include copyright text, links, etc.?

I am looking to do this for my site but honestly cannot figure out how to properly code the footer to where it looks and works good.

All help is appreciated, right now it feels like my Discourse site is “pantless”.

[downey (Michael Downey)]

Ours is just basic centered text so not much to help you with there. Do you have any kind of graphic mockup of what you’d like to achieve?

[riking (Kane York)]

Just go to Admin, Customize, CSS/HTML, Bottom, and put your links in there

[Erik_Manger]

Perhaps some fancy social media icons with text would work fine… I am checking http://codecanyon.net also in hopes of finding something potential to work with the site…

Thanks for your reply!

[downey (Michael Downey)]

Cool. Once you figure out the HTML you need, adding it shouldn’t be too difficult using the steps @riking mentioned above.

[gooseegg]

Hi. I recently found the footers over at BootSnipp http://bootsnipp.com/tags/footer?page=1 and wanted to use one of these in my own Discourse forum. Bootsnipp separates HTML, CSS, Javascript - so it is easy to cut’n paste that code into the Customize sections of my Discourse.

I tried several but each one does not center on my Discourse. I thought there might be a conflict among generic tag names (like “row” or “container” - so I tried adding “footer-” to the front, but that did not help.)

There seem to be at least 2 issues:

1. the centering doesn’t seem to work
2. the CSS columns effect also does not work.

Is there a setting I can change in my Discourse Settings area to allow these effects to happen in the footer? Should I be using certain tag names?

I hope to add links to websites related to my forum down there. I may also try adding a banner zone like I used to have in our pre-Discourse days.

[zogstrip]

Here are a few examples

• https://twittercommunity.com/
• https://community.smartthings.com/

If you want to center your footer, either use flex to do it yourself, or use the “container” class.

[evolvable (Graham Lea)]

Обновленные инструкции по поиску этой настройки в 2020 году

1. Меню (гамбургер) > Настройки > Настроить > [Выберите тему] > кнопка «Изменить CSS/HTML» > Подвал
2. Введите ваш собственный HTML-код в поле и нажмите «Сохранить».
3. Повторите процедуру для каждой темы, которую могут выбрать пользователи.

Приличный базовый раздел с копирайтом

Я начал со следующего HTML-кода для своего подвала с копирайтом, который, как мне казалось, хорошо работал как для стандартной светлой, так и для темной темы:

<div style="text-align: center; color: #999; font-size: 90%; padding: 2em 0;">
Copyright &copy; 2020 ВСТАВЬТЕ СЮДА НАЗВАНИЕ ВАШЕЙ КОМПАНИИ. Все права защищены.
</div>

Автоматическое обновление года

Конечно, я не хочу менять год в подвале каждые 12 месяцев, поэтому я улучшил его, добавив в подвал этот HTML-код:

<div style="text-align: center; color: #999; font-size: 90%; padding: 2em 0;">
Copyright &copy; <span id="footer-copyright-current-year"></span> ВСТАВЬТЕ СЮДА НАЗВАНИЕ ВАШЕЙ КОМПАНИИ. Все права защищены.
</div>

А также этот код в секцию </body> (возможно, это не идеальный код, но я новичок в модификации Discourse):

<script>
    function setCopyrightYear() {
        var el = document.getElementById("footer-copyright-current-year");
        if (el) {
            el.innerHTML = new Date().getFullYear();
        } else {
            setTimeout(setCopyrightYear, 100);
        }
    }
    document.addEventListener("DOMContentLoaded", setCopyrightYear);
</script>

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

[evolvable (Graham Lea)]

@evolvable

Гамбургер > Настройки > Настроить > [Выберите тему] > Кнопка «Изменить CSS/HTML» > Подвал

Кто-то только что сказал мне, что в их экземпляре Discourse путь такой:
Гамбургер > Админ > Настройки > …

В нашем экземпляре (хостинг от Discourse) сначала переходить в Админ не нужно.

[djcyry (Cosmin)]

Вау, классная тема от SmartThings.
Какую тему вы используете? Я вижу, что это кастомный заголовок…

[robbie.morrison]

Инициатива по открытому энергетическому моделированию Open Energy Modelling Initiative использует пользовательский нижний колонтитул на нашем форуме с нашими условиями лицензирования и кликабельными ссылками на другие сервисы:

Я считаю, что это довольно полезно и также имеет значение в правовом контексте.

Конечно, мы также запрашиваем согласие на эти условия лицензирования в момент регистрации: