صورة غلاف ملء الشاشة

:information_source: الملخص مكون موضوع في Discourse يعرض صورة غلاف ملء الشاشة فوق المنتدى بالكامل عند تحميل الصفحة.
:hammer_and_wrench: المستودع GitHub - communiteq/discourse-tc-fullscreen-coverimage · GitHub
:question: دليل التثبيت كيفية تثبيت موضوع أو مكون موضوع
:open_book: جديد في مواضيع 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 الذي قام برفعه كمصدر مفتوح بكل لطف :smiling_face_with_three_hearts:

10 إعجابات

هذا رائع! سأقوم بتطبيق هذا على منتداي اليوم :grin:

مكون رائع. شكرًا لك! :slight_smile:

3 إعجابات

يمكنك مشاهدته مباشرة (فقط اليوم) على SWAPD. يجب أن أقول إن هذه النكتة الخاصة بيوم كذبة أبريل تتجاوز الحدود، فهي تُشعر كل عضو تقريبًا بنوبة قلبية.

3 إعجابات

الآن بعد أن فكرت في الأمر، سيكون هذا مفيدًا في المستقبل. لضمان أن يراه الجميع دون استثناء عند الحاجة إلى الإعلان عن شيء ما.

3 إعجابات

هاها، أعجبني ذلك! مرحبًا يا رفاق، نكتة لطيفة.

إعجابَين (2)

هاهاها رائع - لقد وقع العديد من أعضاء منتداي في الفخ أيضًا. شخص واحد كان في عطلة خارج البلاد، فقد أعصابه وكان على وشك حرق الوثائق حتى تذكر ما هو التاريخ اليوم.

إعجابَين (2)

الأمر نفسه بالنسبة لي. لا أظن أنني رأيت تعليقًا واحدًا يقول “كنت أعرف ذلك”. هذا المكوّن جعلني أدرك كم يعتمد الناس على موقعنا، حيث تلقينا الكثير من التعليقات مثل هذا:

استيقظت، أمسكت هاتفي، وفتحت SWAPD… ثم هبط قلبي. أول ما خطر بذهني: “ما هذا؟ هل وصلنا إلى هذه النقطة؟”
جلست فقط أنظر إلى السقف لبضع دقائق، أفكر:
هل يجب أن أبحث عن عمل؟
هل يجب أن أبدأ ببيع المخدرات؟
هل يجب أن أعود للكلية؟
لم يكن أي من ذلك في خططي الليلة الماضية… لكن اليوم، بدا كل ذلك حقيقيًا. قمت بتحديث الصفحة عدة مرات أخرى، آمل في فرصة ثانية… والحمد لله، عاد الموقع للعمل.

والآن أنا هنا آكل البيتزا، أتصفح المنشورات، وأضحك على الأشخاص الذين ما زالوا يعتقدون أن SWAPD قد تم الاستيلاء عليه. الحياة جميلة.

إعجاب واحد (1)