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

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

تثبيت مكون هذا الموضوع

الميزات

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

:iphone: الهواتف المحمولة والشاشات الصغيرة

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

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

الإعدادات

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

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

89 إعجابًا

guys this is epic! Huge thx. It would be amazing addition to core

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

“Featured Topics” in the mobile version shouldn’t be plural.

3 إعجابات

This is lovely. Although I already use the Featured Topic Component, but this is not a bad idea too.

A suggestion, though: How about you make this component work with links too and not just tag? Maybe then can we link the contents to be sourced from maybe categories and/or top (to stand for trending) IMHO. With this, one can have the Trending topics feature on the homepage; like Reddit has. What do you think about this @awesomerobot?

Great component, thank you! A little feature request: It would be great, if you could adjust the number of topics on desktop/mobile and also show the author of the post beneath the image…

4 إعجابات

I thing is add slide for ship topic because in mobile we can see one topic only.

To button for ship topic.

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

Maybe your topics don’t have a image?

Amazing component.It gives a nice look to homepage. Would it be possible to showcase also 3 topics on mobile? Maybe with a slider? And also,would it be possible to showcase also featured topics by category?

3 إعجابات

Very nice component :+1:.

I second the suggestion of having the author somewhere. Would also be nice to:

  • have the link on the image to always go to the most recent post (like the one in the title)
  • able to choose an alternative layout like the variant in one of the posts above, the latest created topic on the left with smaller ones on the right
  • able to hide the component title when an empty title is chosen
  • having an horizontal scrolling on mobile (either by small icons below or side arrows) to be able to have the three or four topics available
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/

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