هل قام أحد بإضافة تذييل مخصص إلى 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.

تعليمات محدثة لكيفية العثور على هذا في عام 2020

  1. قائمة الهامبرغر > الإعدادات > تخصيص > [اختر سمة] > زر “تحرير CSS/HTML” > التذييل
  2. أدخل كود HTML المخصص الخاص بك في المربع واضغط على ‘حفظ’.
  3. كرر العملية لكل سمة يمكن للمستخدمين اختيارها.

قسم حقوق نشر أساسي وجيد

بدأت باستخدام كود HTML التالي لتذييل حقوق النشر الخاص بي، والذي اعتقدت أنه يعمل بشكل جيد لكل من السمة الفاتحة والسمة الداكنة الافتراضيتين:

<div style="text-align: center; color: #999; font-size: 90%; padding: 2em 0;">
حقوق النشر &copy; 2020 أدرج اسم شركتك هنا. جميع الحقوق محفوظة.
</div>

تحديث السنة تلقائيًا

بطبيعة الحال، لا أريد تغيير السنة في التذييل كل 12 شهرًا، لذا قمت بترقيته ليشمل هذا كود HTML في التذييل:

<div style="text-align: center; color: #999; font-size: 90%; padding: 2em 0;">
حقوق النشر &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>

مرة أخرى، تحتاج إلى نسخ/لصقه في كل سمة تريد أن يظهر فيها.

أخبرني شخص ما للتو أنه في مثيل Discourse الخاص به، المسار هو:
قائمة الهامبرغر > المسؤول > الإعدادات > …

أما في مثيلنا (المستضاف بواسطة Discourse)، فلا حاجة للدخول إلى قسم المسؤول أولاً.

واو .. قالب جميل من SmartThings.
أي قالب تستخدم؟ أرى أنه رأس مخصص..

تستخدم مبادرة نمذجة الطاقة المفتوحة تذييلًا مخصصًا في منتدىنا يتضمن شروط الترخيص الخاصة بنا وروابط قابلة للنقر إلى خدمات أخرى:

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

أعتقد أن هذا مفيد جدًا ومفيد أيضًا في السياق القانوني.

وبالطبع، نطلب الموافقة على هذه الشروط الترخيصية وقت التسجيل: