¿Alguien ha añadido un pie de página personalizado a Discourse?

Soporte
1

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:

2

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?

3

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

4

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!

5

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

6

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.

8

Here are a few examples

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

10

Instrucciones actualizadas para encontrar esto en 2020

  1. Menú hamburguesa > Configuración > Personalizar > [Seleccionar un tema] > Botón “Editar CSS/HTML” > Pie de página
  2. Ingresa tu código HTML personalizado en el cuadro y haz clic en “Guardar”.
  3. Repite el proceso para cada tema que los usuarios puedan seleccionar.

Una sección de derechos de autor decente y básica

Comencé con el siguiente código HTML para mi pie de página de derechos de autor, que pensé funcionaba bien tanto para el tema claro predeterminado como para el oscuro:

<div style="text-align: center; color: #999; font-size: 90%; padding: 2em 0;">
Derechos de autor &copy; 2020 INSERTA AQUÍ TU EMPRESA. Todos los derechos reservados.
</div>

Actualización automática del año

Por supuesto, no quiero tener que cambiar el año en el pie de página cada 12 meses, así que lo he mejorado para incluir este código HTML en el pie de página:

<div style="text-align: center; color: #999; font-size: 90%; padding: 2em 0;">
Derechos de autor &copy; <span id="footer-copyright-current-year"></span> INSERTA AQUÍ TU EMPRESA. Todos los derechos reservados.
</div>

Y este código en la sección <body> (probablemente no sea el código ideal, pero soy nuevo en la modificación 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>

De nuevo, necesitas copiar y pegarlo en cada tema donde quieras que aparezca.

11

Alguien me acaba de decir que en su instancia de Discourse es:
Hamburguesa > Administrador > Configuración > …

En nuestra instancia (alojada por Discourse) no es necesario ir primero a Administrador.

12

¡Vaya… qué buen tema de SmartThings! ¿Qué tema estás usando? Veo que es un encabezado personalizado.

13

La Iniciativa de Modelado de Energía Abierta utiliza un pie de página personalizado en nuestro foro con nuestros términos de licencia y enlaces clicables a otros servicios:

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

Creo que esto es bastante útil y también tiene utilidad en un contexto legal.

Por supuesto, también solicitamos consentimiento para estos términos de licencia en el momento del registro:

openmod-forum-signup.screenshot-20210224t075440z
openmod-forum-signup.screenshot-20210224t075440z885×310 26 KB