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

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

تثبيت مكون السمة هذا

الميزات

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

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

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

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

الإعدادات

الاسم الوصف
الوسم المميز
عدد المواضيع عرض ما يصل إلى 5 مواضيع عند العرض الأقصى
إخفاء الوسم المميز عند التمكين، سيكون الوسم “الوسم المميز” الذي تم تعيينه أعلاه غير مرئي للمستخدمين العاديين عند عرض المواضيع.
إظهار على
إظهار لـ
جعل قابلًا للطي جعل المكون بأكمله قابلًا للطي
إظهار العنوان يعرض النص المحدد أدناه (يتم عرض العنوان دائمًا عندما يكون make_collapsible مفعلاً)
نص العنوان ترتيب حسب الإنشاء
إظهار الكل دائمًا بشكل افتراضي، يتم تقليل عدد المواضيع المعروضة مع حجم الشاشة، ليصل إلى موضوع واحد فقط على الهاتف المحمول. سيؤدي تحديد هذا الإعداد إلى إظهار الكل على أي حجم شاشة.
إخفاء المواضيع المغلقة إخفاء المواضيع المغلقة من قائمة المواضيع المميزة
ربط دائم بالمشاركة الأولى ربط دائم بالمشاركة الأولى في الموضوع، حتى إذا تم قراءتها مسبقًا
أسلوب الهاتف المحمول إذا تم تحديد show_all_always، سيتم عرض المواضيع عبر تمرير أفقي بشكل افتراضي. يمكنك تغيير هذا السلوك على الشاشات الأصغر، واختيار تكديسها على أي شيء أصغر من 600 بكسل.
موضع المحتوى المميز تطوير السمات المتقدم: هذا يغير منفذ الإخراج للمكون
الترجمة الافتراضي
featured_topic_title

:discourse2: مستضاف من قبلنا؟ سمات المكون متاحة للاستخدام على خططنا القياسية، والأعمال، والمؤسسية.

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/

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