| الملخص | مكون موضوع في Discourse يعرض صورة غلاف ملء الشاشة فوق المنتدى بالكامل عند تحميل الصفحة. | |
| المستودع | GitHub - communiteq/discourse-tc-fullscreen-coverimage · GitHub | |
| دليل التثبيت | كيفية تثبيت موضوع أو مكون موضوع | |
| جديد في مواضيع Discourse؟ | دليل المبتدئين لاستخدام مواضيع Discourse |
تثبيت هذا المكون للموضوع
مكون موضوع في Discourse يعرض صورة غلاف ملء الشاشة فوق المنتدى بالكامل عند تحميل الصفحة.
تم تطويره في الأصل لوكالة حكومية (“تم مصادرة هذا الموقع”)، لكنه عام بما يكفي لأي حالة استخدام — إشعارات الصيانة، شاشات الترحيب، إعلانات الفعاليات، إلخ.
كيف يعمل
عند تحميل الصفحة، يتم عرض الصورة في منتصف الشاشة، مقيّسة لتملأ أكبر قدر ممكن من منطقة العرض مع الحفاظ على نسبة العرض إلى الارتفاع (object-fit: contain). يتم ملء المنطقة المتبقية خارج الصورة بلون خلفية قابل للتكوين.
يختفي التراكب عند استيفاء أي من الشرطين التاليين أولاً:
- مرور عدد الثواني المكون، أو
- نقرة المستخدم على التراكب بعدد النقرات المحدد.
اضبط أيًا من القيمتين على 0 لتعطيل طريقة الإغلاق هذه.
الإعدادات
| الإعداد | النوع | الافتراضي | الوصف |
|---|---|---|---|
cover_image |
رفع | (لا يوجد) | الصورة المراد عرضها ملء الشاشة |
trigger_after |
نص | (لا يوجد) | تاريخ ووقت UTC بصيغة ISO-8601 بعد تفعيل التراكب، مثل 2026-04-01T08:00:00Z |
display_seconds |
عدد صحيح | 5 |
الثواني قبل الإغلاق التلقائي (0 = أبداً) |
dismiss_on_clicks |
عدد صحيح | 3 |
عدد النقرات المطلوبة للإغلاق (0 = معطل) |
background_color |
نص | #000000 |
لون CSS للمنطقة خارج الصورة |
سلوك ملفات تعريف الارتباط
بمجرد أن يقوم الزائر بإغلاق التراكب (عن طريق المؤقت أو النقرات)، يتم تعيين ملف تعريف ارتباط باسم tc_coverimage_seen يسجل قيمة trigger_after. لن يظهر التراكب مرة أخرى حتى يتم تغيير trigger_after إلى قيمة جديدة — مما يعيد تعيين حالة “تمت المشاهدة” للجميع ويتسبب في ظهوره مرة أخرى في التنقل التالي للصفحة.
مثال
اضبط trigger_after: "2026-04-01T00:00:00Z"، display_seconds: 0، dismiss_on_clicks: 1 للحصول على شاشة ترحيب بنقرة واحدة تُفعّل عند منتصف الليل بتوقيت UTC في 1 أبريل، ولا يراها كل زائر إلا مرة واحدة.
من الواضح أن هذا المكون للموضوع لم يتم تطويره لوكالة حكومية بل لـ @WorldIsMine الذي قام برفعه كمصدر مفتوح بكل لطف ![]()
