معاينات قائمة المواضيع (التقليدية)

[merefield (Robert)]

هذا أصبح الآن مكونًا للمظهر، والإضافة ملغاة

الموضوع الجديد هو معاينات قائمة المواضيع - مكون مظهر - Discourse Meta

المستودع: احصل على الكود من هنا

راجع المزيد هنا: Pavilion

أمثلة: راجع القائمة أدناه.

اطلب ميزة

أبلغ عن خطأ

تبرع: نحن نراجع نظام التبرعات لدينا. يرجى التحقق لاحقًا :).

المشرفون: @merefield

نظرة عامة

تتيح لك معاينات قائمة المواضيع ما يلي:

• إضافة صور، مقتطفات، أزرار وإحصائيات المواضيع إلى عناصر قائمة المواضيع؛ و

• تغيير تخطيط ونمط عناصر قائمة المواضيع

• إضافة مواضيع “مميزة” فوق قوائم المواضيع والمواضيع.

• إضافة جدار المستخدم إلى صفحة نشاط المستخدم (المعروفة باسم ميزة “المحفظة”).

يمكن تطبيق هذه الإعدادات على جميع قوائم المواضيع أو بعضها، سواء على مستوى الموقع بأكمله أو على مستوى فئة محددة.

تتيح لك مجموعة الميزات المرنة هذه إنشاء مجموعة متنوعة من أنماط قوائم المواضيع المختلفة، بما في ذلك

النمط الأساسي

الإعدادات ذات الصلة

• صورة مصغرة لقائمة المواضيع
• مقتطف قائمة المواضيع
• إجراء قائمة المواضيع

نمط بينتيريست (Masonry) المعروف أيضًا باسم “البلاط”

الإعدادات ذات الصلة

• بلاط قائمة المواضيع
• صورة مصغرة لقائمة المواضيع
• مقتطف قائمة المواضيع
• إجراء قائمة المواضيع
• عرض الصورة المصغرة لقائمة المواضيع
• ارتفاع الصورة المصغرة لقائمة المواضيع

الصور المميزة

الإعدادات ذات الصلة

• وسم الصور المميزة لقائمة المواضيع
• عدد الصور المميزة لقائمة المواضيع
• عرض الصور المميزة لقائمة المواضيع
• ارتفاع الصور المميزة لقائمة المواضيع
• عنوان الصور المميزة لقائمة المواضيع
• مقتطف الصور المميزة لقائمة المواضيع
• ترتيب الصور المميزة لقائمة المواضيع

توجد الإعدادات الرئيسية وإعدادات الاكتشاف في الإعدادات → الإضافات. أما الإعدادات المكافئة للفئات فتوجد في إعدادات كل فئة.

أمثلة في العالم

• شبكة مصوري الطبيعة، الذين يستخدمون أيضًا “المواضيع المميزة”.

• VFX في الوقت الفعلي، الذين يستخدمون الصور المصغرة والمقتطفات.

• SE23.life، الذين يستخدمون الصور المصغرة مع بعض CSS المخصص.

المزيد من المعلومات:

يتوفر الكثير من المعلومات في: Pavilion

المساهمون

ساهم العديد من الأشخاص في تطوير هذه الإضافة من خلال تقديم التعليقات وأيضًا العمل المباشر على التطوير. على وجه الخصوص:

• @angus هو المؤلف الأصلي

• @pmusaraj الذي ساهم بعدة قطع من الكود

• وعدد كبير من المستخدمين الذين قدموا تعليقات قيمة، وعلى وجه الخصوص @Johani، @Pad_Pors، @bartv، @_vincent، @keith1، @ChrisBeach و @ckshen.

[merefield (Robert)]

حسناً، نرجو من جميع مستخدمي معاينات قائمة المواضيع الانتباه إلى ما يلي.

كيفية التحديث بأمان عند استخدام إضافاتنا:

جدول تحديثات Pavilion

تُعد معاينات قائمة المواضيع واحدة من مجموعة إضافات Pavilion مفتوحة المصدر.

من الآن فصاعداً، سيركز فريق Pavilion على ضمان توافق مجموعة أساسية من إضافاته مع فرع tests-passed من نواة Discourse خلال أول 5 أيام من كل شهر فقط.

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

ستدخل هذه السياسة الجديدة حيز التنفيذ في 1 مايو 2020

لماذا نطلق هذه السياسة

ليس لدينا سيطرة على التغييرات في نواة Discourse. وهذا هو الوضع الطبيعي. ومع ذلك، ومع نمو إضافاتنا وتطورها، أصبح من المتزايد عبئاً ضمان عملها مع كل تحديث لنواة Discourse. لم يعد من الممكن ضمان الحفاظ على التوافق الفوري.

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

كما ينبغي أن تساعدك هذه السياسة في تحقيق استقرار أكبر ومنحك يقيناً أكبر حول متى يمكنك التحديث بأمان.

كيفية إجراء التحديث الخاص بك

اسعى إلى تحديث مثيل Discourse الإنتاجي الخاص بك (كلا نواة Discourse وإضافاتنا) خلال أول 5 أيام من كل شهر. أبلغنا عبر موضوع الإضافة ذي الصلة على Meta عن أي مشاكل تواجهها. ستحصل على دعم أكثر تركيزاً من فريق Pavilion لأي مشاكل تتعلق بإضافاتهم خلال هذه الفترة.

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

لسلامة أكبر

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

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

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

شكراً لتفهمكم!

(سنقوم قريباً بإضافة ملاحظة هذه السياسة إلى جميع إضافاتنا الأساسية، وقد أضفتها إلى المنشور الأصلي لهذا الموضوع).

[tomwrench]

هل من الممكن الحصول على صور مصغرة لمعاينة قائمة المواضيع في مواضيع ‘الأحدث’ في العرض الهجين؟

[merefield (Robert)]

نعم، قد يكون ذلك ممكنًا من خلال تعديل هذا القالب وإضافة الإعدادات ذات الصلة ودعم المسارات: https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/app/templates/components/latest-topic-list-item.hbs

نظرًا لنقص المساحة، لم يتم إعطاء هذه الميزة أولوية. وقد ركزت الأولويات الأخيرة على حل الأخطاء المعروفة.

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

[merefield (Robert)]

حسناً يا مجتمع، تمشياً مع منشور الخاص بـ @ozkn، هل يفضل الأعضاء استخدام الأيقونات أم الكلمات في تيتلز ميتا؟

أي هذا كما هو حالياً:

أو تحديثه إلى شيء أقرب إلى هذا؟:

• الالتزام بالحروف
• استخدام الأيقونات

[merefield (Robert)]

يبدو هذا اتجاهًا واضحًا، لذا…

لا يمكنني الوعد بمثل هذا الوقت القصير للتسليم في كل طلب جديد، لكن تم إنجاز ذلك:

استمتع

Merge pull request #147 from merefield/replace_meta_word_with_icons

لقد قمت أيضًا ببعض الإصلاحات البسيطة الأخرى لتنسيق الجوال.

[ozkn (Mathx)]

شكرًا على الرد السريع @merefield

[merefield (Robert)]

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

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

سنكرر فترة “الترقية المدعومة” الشهر المقبل بنفس الجدول الزمني المكون من 5 أيام.

شكرًا لتفهمكم.

[merefield (Robert)]

أصدرت منصة Discourse بعض التغييرات الكبيرة لدعم الصور المصغرة (thumbnails) بشكل أصلي. وقد أدى ذلك إلى تعطيل بعض التبعيات الموجودة مسبقًا.

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

سأعمل على معالجة هذه المشكلات حيثما أمكن، ودمج ميزات منصة Discourse الجديدة.

وفي الوقت الحالي، لم تعد إضافة TLP متوافقة تمامًا مع أحدث إصدار من Discourse الذي اجتاز الاختبارات.

يرجى عدم تحديث موقعك حتى إشعار آخر ما لم تكن مستعدًا لتحمل بعض التناقضات البسيطة.

أبرز التناقضات التي حددتها حتى الآن هي:

• لن يعمل إعداد الروابط المباشرة (hotlink) بعد الآن، لذا تأكد من تعطيله. سأقوم بإزالة هذه الميزة نظرًا لأن إنشاء الصور المصغرة أصبح مدعومًا بشكل أصلي.
• قد يعرض منتقي الصور المصغرة معاينة خاطئة، لكنه يبدو أنه لا يزال يعمل في النهاية.

قد يستغرق مني الأمر بعض الوقت… آمل أن أتمكن من إظهار شيء ما قبل بداية الشهر المقبل، وأرجو أن يكون ذلك في وقت أقرب.

[Bcat]

هل هذا هو السبب في أنه بعد تحديث الحقول، لا يمكن العثور على image_url في https://meta.discourse.org/latest.json

لكن عند استخدام مستكشف البيانات، تم العثور عليه. إذن لماذا لا يبقى؟

هل هناك طريقة للتعامل مع هذا يدويًا أثناء انتظار التحديث؟

[merefield (Robert)]

هل يساعد إيقاف الربط المباشر؟

قد تستغرق التحديثات بعض الوقت. إن سياسة Pavilion الحالية هي عدم دعم بيئة الإنتاج خارج الأيام من 1 إلى 5 من الشهر.

[merefield (Robert)]

للعلم يا أصدقاء، أعمل على نسخة تجريبية من مكون السمة (Theme Component) للإضافة.

تفتقر بعض الميزات ولا تزال هناك مشكلات مختلفة. استخدمها للمتعة، لكنها غير مدعومة (بعد)!

GitHub - merefield/discourse-tc-topic-list-previews: Enriches the content and layout of topic lists

[icaria36]

أمس كان علي إعادة بناء Discourse لأسباب أخرى، وجاء معه ترقية. يبدو أن الأمر يعمل حتى الآن (نحن لا نستخدم الروابط المباشرة).

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

اقتراح: حاليًا، عدد القلوب يتعلق بالمنشور الأول فقط. هل من الممكن عرض إجمالي عدد القلوب في الموضوع بأكمله؟ هذا سيزيد الأرقام، كما سيحقق عدالة أكبر للموضوع (أحيانًا قد يكون للمنشور الأول إعجاب واحد أو اثنين فقط، لكن النقاش بأكمله يحظى بالكثير من الإعجاب). سيكون ذلك متسقًا مع بيانات المشاهدات والردود، التي تشير إلى الموضوع بأكمله.

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

[internet_cookie (Nick)]

هذا رائع! هل يعني هذا أنه سيتم الآن تقديم الصور المصغرة من عناوين URL الخاصة بشبكة CDN في S3 بدلاً من تقديمها مباشرة من S3؟

شكرًا جزيلاً لك على كل ما تبذله من جهد في معاينات قائمة المواضيع!

[merefield (Robert)]

شكرًا لك!

هذا شيء نحتاج إلى توضيحه مع فريق Discourse.

يتم تطوير إصدار مكون السمة لاستكشاف إمكانية دعم الامتدادات الناشئة لواجهة برمجة التطبيقات الأساسية التي ناقشها ديفيد هنا.

يعتمد الأمر على Discourse من أين تأتي هذه الامتدادات وكيفية التعامل معها، حيث لا يحتوي مكون السمة على أي واجهة برمجة تطبيقات.

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

[merefield (Robert)]

شكرًا لك على ملاحظاتك الطيبة!

@icaria36

اقتراح: حاليًا، عدد القلوب يتعلق بالمنشور الأول فقط. هل من الممكن إظهار العدد الإجمالي للقلوب في الموضوع بأكمله؟ هذا يرفع الأرقام، كما أنه أكثر عدلاً للموضوع (أحيانًا قد يكون للمنشور الأول إعجاب واحد أو اثنين فقط، لكن النقاش محبب جدًا). سيكون ذلك متسقًا مع بيانات المشاهدات والردود، التي تشير إلى الموضوع بأكمله.

لا أستطيع الوعد بأن ذلك سيكون سهلًا أو ذا أداء عالٍ، لكنه فكرة رائعة!

@icaria36

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

بالنسبة للبلاط (Tiles)، لن ينجح ذلك لأنه سيبدو غريبًا جدًا ألا تشغل الصورة معظم عرض البلاطة. ربما سيبدو أقل ضبابية، لكنه سيبدو أيضًا فوضويًا بعض الشيء لأنك ستُضيف حوافًا عمودية جديدة اعتباطية في الصفحة.

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

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

[davidkingham]

لا أعرف ما إذا كنت تبحث عن تعليقات بعد، لكن هذا هو الشكل الذي يبدو عليه الأمر في موقعي التجريبي staging site لقد قمت بتعطيل TLP وTopic Thumbnails.

[thwright]

@merefield

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

ماذا لو تم توسيط الصور الأصغر حجمًا عموديًا وأفقيًا داخل مربع يتطابق حجمه مع حجم المنشورات الأخرى؟

[merefield (Robert)]

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

إذا حصلت على نتيجة جيدة، يرجى مشاركتها.

[Bcat]

الصور المميزة: هل هي image_url أم thumbnails؟
إذن هل «إصدار مكون السمة للإضافة» يحل المشكلة الحالية؟