Quelqu'un a-t-il ajouté un pied de page personnalisé à Discourse ?

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”. :frowning:

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?

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

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!

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

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.

Here are a few examples

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

Instructions mises à jour pour trouver cela en 2020

  1. Menu hamburger > Paramètres > Personnaliser > [Sélectionner un thème] > Bouton « Modifier CSS/HTML » > Pied de page
  2. Saisissez votre code HTML personnalisé dans la zone et cliquez sur « Enregistrer ».
  3. Répétez l’opération pour chaque thème que les utilisateurs peuvent sélectionner.

Une section de copyright basique et correcte

J’ai commencé avec le code HTML suivant pour mon pied de page de copyright, qui, selon moi, fonctionnait bien à la fois pour les thèmes clair et sombre par défaut :

<div style="text-align: center; color: #999; font-size: 90%; padding: 2em 0;">
Copyright &copy; 2020 INSÉREZ VOTRE SOCIÉTÉ ICI. Tous droits réservés.
</div>

Mise à jour automatique de l’année

Bien sûr, je ne veux pas avoir à modifier l’année dans le pied de page tous les 12 mois, alors je l’ai amélioré avec ce code HTML dans le pied de page :

<div style="text-align: center; color: #999; font-size: 90%; padding: 2em 0;">
Copyright &copy; <span id="footer-copyright-current-year"></span> INSÉREZ VOTRE SOCIÉTÉ ICI. Tous droits réservés.
</div>

Et ceci dans la section <body> (ce n’est probablement pas le code idéal, mais je suis nouveau dans le hacking de 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>

Encore une fois, vous devez le copier/coller dans chaque thème où vous souhaitez qu’il s’affiche.

Quelqu’un vient de m’indiquer que sur leur instance Discourse, le chemin est le suivant :
Hamburger > Admin > Paramètres > …

Sur notre instance (hébergée par Discourse), il n’est pas nécessaire de passer par Admin en premier.

Wow… un beau thème de SmartThings.
Quel thème utilises-tu ? Je vois que c’est un en-tête personnalisé…

L’Open Energy Modelling Initiative utilise un pied de page personnalisé sur notre forum avec nos conditions de licence et des liens cliquables vers d’autres services :

openmod-forum-footer-tight.screenshot-20210224t074253z

Je pense que cela est très utile et également pertinent dans un contexte juridique.

Bien sûr, nous sollicitons également le consentement pour ces conditions de licence au moment de l’inscription :