ميزة الصفحة الرئيسية

:discourse2: ملخص يعرض مكون Homepage Feature ما يصل إلى 5 مواضيع تحتوي على صور على الصفحة الرئيسية لمجتمعك.
:eyeglasses: معاينة معاينة على Discourse Theme Creator
:hammer_and_wrench: رابط المستودع https://github.com/discourse/discourse-homepage-feature-component
:open_book: جديد في قوالب Discourse؟ دليل المبتدئين لاستخدام قوالب Discourse

تثبيت هذا المكون الخاص بالقالب

الميزات

بشكل افتراضي، سيعرض القالب أحدث 3 مواضيع تحمل علامة featured (مميز) وسيعرض أول صورة من الموضوع. في الإعدادات، يمكنك اختيار علامات مخصصة، إخفاء العلامة، تعيين عنوان مخصص، وتكوين مكان ظهور المكون.

:iphone: الأجهزة المحمولة والشاشات الصغيرة

بشكل افتراضي، سيخفي الموضوعات حتى يتبقى موضوع واحد فقط على الأجهزة المحمولة.

يمكنك تغيير هذا السلوك الافتراضي عن طريق تفعيل خيار إظهار الكل دائماً. سيؤدي هذا إلى جعل المكون قابلاً للتمرير أفقياً على الشاشات الأصغر (< 1000 بكسل).
على الشاشات الأصغر حجماً (< 600 بكسل)، لديك خيار تكديس الموضوعات بدلاً من ذلك، عن طريق تغيير إعداد نمط الهاتف المحمول.

الإعدادات

الاسم الوصف
featured tag حدد العلامة أو العلامات لاستخراج الموضوعات منها. يتم عرض الموضوعات التي تطابق أي من العلامات المحددة.
number of topics عرض ما يصل إلى 5 مواضيع على أقصى عرض
max number of topics الحد الأقصى لعدد المواضيع المميزة. إذا تم تعيينه أعلى من number of topics، ستظهر أسهم للتنقل بين صفحات الموضوعات.
pages loop إذا تم تفعيل الترقيم (max number of topics > number of topics)، فإن التمرير بعد الصفحة الأخيرة يعيدك إلى الأولى.
hide featured tag عند التفعيل (الافتراضي)، يتم إخفاء علامة أو علامات “المميز” المحددة أعلاه عن المستخدمين العاديين عند عرض الموضوعات. لا يزال بإمكان الموظفين رؤيتها.
show on أين يظهر المكون: homepage (الصفحة الرئيسية)، صفحات top_menu (الصفحات المحددة في إعدادات القائمة العلوية للموقع)، أو all (جميع الصفحات).
show for من يرى المكون: everyone (الجميع)، فقط المستخدمين logged_in (المسجلين الدخول)، أو فقط الزوار logged_out (غير المسجلين/المجهولين).
make collapsible جعل المكون بالكامل قابلًا للطي
show title يعرض النص المحدد أدناه (يظهر العنوان دائمًا عند تفعيل make_collapsible)
title text نص العنوان، إذا كنت تريد توحيد هذا النص لغوياً استخدم ترجمة featured_topic_title بدلاً من ذلك
sort by created قم بإلغاء التفعيل للترتيب حسب آخر الردود بدلاً من ذلك
show all always بشكل افتراضي، يقل عدد المواضيع المعروضة مع حجم الشاشة، ليصل إلى موضوع واحد فقط على الأجهزة المحمولة. تفعيل هذا الإعداد سيظهر الكل على أي حجم شاشة.
hide closed topics إخفاء المواضيع المغلقة من قائمة المواضيع المميزة
always link to first post الارتباط دائماً بالمشاركة الأولى في الموضوع، حتى لو تم قراءتها من قبل
mobile style إذا تم تفعيل show_all_always، ستُعرض المواضيع عبر التمرير الأفقي بشكل افتراضي. يمكنك تغيير هذا السلوك على الشاشات الأصغر، واختيار تكديسها على أي شاشة أصغر من 600 بكسل.
featured content position تطوير القوالب المتقدم: هذا يغير منفذ الإضافة (plugin outlet) للمكون
featured image sizes متغيرات الصور المعاد تغيير حجمها (WIDTHxHEIGHT) المتاحة للصور المميزة. يقوم المتصفح بتحميل أصغر صورة تناسب المكان الحالي وحجم الشاشة وكثافة البكسل، مما يوفر عرض النطاق الترددي. قدم بضعة أحجام تغطي الشاشات القياسية وعالية الدقة.
الترجمة الافتراضي
featured_topic_title

:discourse2: استضافة معنا؟ مكونات القوالب متاحة للاستخدام على خططنا Pro وBusiness وEnterprise.

89 إعجابًا

يا شباب، هذا رائع! شكرًا جزيلًا. سيكون إضافة مذهلة للنواة.

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

“المواضيع المميزة” في النسخة المحمولة لا يجب أن تكون بصيغة الجمع.

3 إعجابات

هذا رائع. على الرغم من أنني أستخدم بالفعل مكون الموضوع المميز، إلا أن هذه فكرة جيدة أيضًا.

لكن لدي اقتراح: كيف لو جعلت هذا المكون يعمل مع الروابط أيضًا وليس فقط مع الوسوم؟ ربما حينها يمكننا ربط المحتوى ليُستمد من التصنيفات و/أو “الأعلى” (لتمثيل الأكثر رواجًا) في رأيي. مع هذا، يمكن إضافة ميزة المواضيع الأكثر رواجًا في الصفحة الرئيسية؛ مثلما يفعل Reddit. ما رأيك في ذلك @awesomerobot؟

مكون رائع، شكرًا لك! طلب ميزة بسيط: سيكون رائعًا إذا أمكنك تعديل عدد المواضيع على سطح المكتب/الجوال، وعرض اسم مؤلف المنشور أسفل الصورة…

4 إعجابات

أعتقد أنه يجب إضافة شريحة لموضوع السفن، لأنه في الجوال يمكننا رؤية موضوع واحد فقط.

زران لموضوع السفن.

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

ربما لا تحتوي مواضيعك على صورة؟

مكون رائع. يمنح الصفحة الرئيسية مظهراً جميلاً. هل من الممكن عرض ثلاثة مواضيع أيضاً على الجوال؟ ربما باستخدام شريط تمرير؟ وهل من الممكن أيضاً عرض المواضيع المميزة حسب الفئة؟

3 إعجابات

مكون رائع جداً :+1:.

أؤيد اقتراح وجود اسم المؤلف في مكان ما. سيكون من الجميل أيضاً:

  • جعل الرابط على الصورة يؤدي دائماً إلى أحدث منشور (مثل الموجود في العنوان)
  • إمكانية اختيار تخطيط بديل مثل النسخة الموجودة في أحد المنشورات أعلاه، حيث يكون أحدث موضوع منشور على اليسار مع مواضيع أصغر على اليمين
  • إمكانية إخفاء عنوان المكون عند اختيار عنوان فارغ
  • وجود تمرير أفقي على الأجهزة المحمولة (إما عبر أيقونات صغيرة في الأسفل أو أسهم جانبية) للسماح بعرض ثلاثة أو أربعة مواضيع متاحة
3 إعجابات

وجدت خطأً في كيفية تفاعل هذا المكون مع بطاقات المستخدمين.

لسبب ما، يبدو أن بطاقات المستخدمين غير مدركة أن المكون يضيف ارتفاعًا للصفحة.

إليك لقطة شاشة من معاينة المظهر، عند النقر على ملف المستخدم تظهر البطاقة. كما تلاحظ، يبدو أن بطاقة المستخدم غير مدركة للمواضيع المميزة:

لقد جربت عدة محاولات لإصلاح هذا، لكنني غير متأكد من سبب عدم أخذ ارتفاع المكون في الاعتبار عند حساب موضع بطاقة المستخدم.

شكرًا لك!

إعجابَين (2)

لقد قمت للتو بتحديث يعالج المشكلة.

الطريقة التي كنت أستخدمها سابقًا كانت تتعارض مع بعض الانهيارات في الهوامش… مما أخل بحسابات التموضع العلوي لدينا لبطاقات المستخدمين… تم تغطية هذا الأمر بإيجاز هنا: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing، وكان هذا مرتبطًا بـ “عدم وجود محتوى يفصل بين العنصر الأب ونسله.”

9 إعجابات

إضافة رائعة للمظهر!

هل من الممكن عشوائية التدوير؟ لقد قمت بضبطه لعرض عنصرين، وهو يعرض الخيطين اللذين لديهما أحدث نشاط.

مرحباً @awesomerobot، هذا المكون من القالب رائع. ومع ذلك، أود أن أعرف ما إذا كان من الممكن في النسخة المحمولة ألا يظهر عنصر واحد فقط، بل شريط تمرير يعرض 3 قوالب مميزة يمكنك رؤيتها في الصفحة الرئيسية. أعتقد أن هذا يعطي مظهراً جميلاً للصفحة الرئيسية. كما سيكون من الرائع أيضاً إذا أمكن إضافة قوالب مميزة في كل صفحة تصنيف. آمل أن تتمكن من تقديم بعض التعليقات، وشكراً جزيلاً على هذا!

3 إعجابات

تمكنت من تنفيذ بعض الحيل في CSS، والآن يمكنني التمرير في وضع الهاتف المحمول! لكن فقط عموديًا، ولا أعرف كيف يمكن أن يكون أفقيًا :smiley:

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

مكون رائع!
الشيء الوحيد هو أنه في منتداي، على الهاتف المحمول، يبدو أن هناك مساحة كبيرة جدًا أسفل المحتوى المميز.

لذا، هل يمكنني إصلاح ذلك بطريقة ما أم أنه من الأفضل على الأقل تعطيله في عرض الهاتف المحمول؟
شكرًا لك!

إعجابَين (2)

شكرًا لك على هذا، إنه رائع حقًا.
هل توجد طريقة لجعل الهاتف المحمول يعرض الثلاثة في وضع الشريط المتحرك؟

قد تكون ميزة رائعة أخرى إذا دخلت إلى فئة أو وسم، أن تقوم بتصفية وسومك “المميزة” وعرضها خصيصًا لتلك الفئة أو الوسم.

على أي حال، هذا رائع حقًا. شكرًا لك.

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

هذا غريب، لا أرى مساحة كبيرة من جهتي… هل من الممكن أن يكون لديك سمات أخرى مثبتة قد تسبب ذلك؟ (ك ملاحظة جانبية، يبدو هذا كعرض سطح المكتب على الجوال، وليس كعرض الجوال)

إليك اختباري بدون تفعيل أي سمات أخرى:

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

مرحبًا،
في اليوم السابق، ظهرت صور مصغرة بشكل ممتاز لثلاث منشورات (لم تتضمن منشوران منها صورًا بل فيديو من يوتيوب)، وقد استخرج النظام الصورة المصغرة بنجاح وكان كل شيء على ما يرام.

ومفاجأة اليوم، لم تعد الصور المصغرة تظهر للمنشورين اللذين يحتويان على فيديو من يوتيوب. هل هناك مشكلة معروفة في هذا الشأن؟

https://www.tournamust.com/

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