هل يمكن لأحد مساعدتي في كود التعديل المنزلي هذا؟

الدعم
2

إذا كنت ترغب في إزالة العمود عن طريق تجاوز قالب، فهذه نقطة انطلاق جيدة:

https://meta.discourse.org/t/beginners-guide-to-developing-discourse-themes/93648#overriding-discourse-templates-23

يشرح هذا كيفية تجاوز القوالب لإزالة عمود.

الحل المباشر

  1. في لوحة الإدارة الخاصة بك، انتقل إلى تخصيص → المظهر → المظهر الخاص بك → تحرير CSS/HTML

  2. في علامة التبويب “الرأس” (Head)، الصق هذا الرمز:

    <script type="text/x-handlebars" data-template-name="list/topic-list-item.hbr">

</script>

  3. بين علامتي <script>، الصق محتوى القالب الأصلي:
    https://raw.githubusercontent.com/discourse/discourse/main/app/assets/javascripts/discourse/app/templates/list/topic-list-item.hbr

  4. قم بإزالة هذا الجزء:

    <td class="num views {{topic.viewsHeat}} topic-list-data">
  {{raw-plugin-outlet name="topic-list-before-view-count"}}
  {{number topic.views numberKey="views_long"}}
</td>

  5. انتقل إلى علامة التبويب CSS وأدخل هذا الرمز:

    .topic-list-header th.views {
    display: none;
}

  6. لا تنس حفظ تغييراتك.

النتيجة:

image
image971×606 25 KB

حل CSS فقط (أقصر بكثير):

.topic-list {
    .views {
        display: none;
    }
}

أضيف أن تجاوز القالب يتطلب “مراقبة” أكبر لأن رمز قوالب Discourse يمكن أن يتغير من إصدار إلى آخر وسيكون من الضروري تغيير تجاوزك وفقًا لذلك.

حل CSS أكثر مرونة.

4 إعجابات