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

[Discourse]

	ملخص	يسمح لك “Topic List Thumbnails” بعرض صور مصغرة للمواضيع في عروض قائمة المواضيع.
	معاينة	معاينة على منشئ مواضيع Discourse (نمط المدونة) معاينة على منشئ مواضيع Discourse (شبكة) معاينة على منشئ مواضيع Discourse (قائمة) معاينة على منشئ مواضيع Discourse (تخطيط متداخل) معاينة على منشئ مواضيع Discourse (شبكة مبسطة)
	رابط المستودع	https://github.com/discourse/discourse-topic-thumbnails
	جديد في مواضيع Discourse؟	دليل المبتدئين لاستخدام مواضيع Discourse

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

بما أن هذا مكون موضوع رسمي تُديره فريق Discourse، فيمكن تقديم طلبات Support و Contribute > Bug و Contribute > UX و Contribute > Feature في الفئات المقابلة هنا على Meta، مع وضع علامة التصنيف المناسبة للمكون. انقر على أحد الروابط أدناه لبدء واحد.

 الدعم  خطأ  تجربة المستخدم  ميزة

الميزات

يتم إنشاء صور محسّنة للقوائم، وتتاح دقات مختلفة للشاشات عالية الدقة. يتم تحميل الصور بشكل كسول أثناء التمرير (حيما يكون دعم المتصفح الأصلي متاحًا).

بشكل افتراضي، سيستخدم Discourse أول صورة في المنشور الأصلي للموضوع. إذا أردت اختيار صورة مختلفة من المنشور الأصلي، أضف |thumbnail إلى التنسيق المميز. على سبيل المثال:

![alttext|100x100](upload://aaa)
![alttext|100x100|thumbnail](upload://bbb) << هذه ستكون الصورة المصغرة

هناك خمسة أوضاع، قابلة للتكوين حسب الفئة أو الوسم باستخدام إعدادات الموضوع.

على سبيل المثال:

وضع الشبكة:

وضع التداخل:

وضع القائمة:

نصائح وحيل

إذا أردت أن تولد Oneboxes في منشوراتك صورًا مصغرة، ستحتاج إلى تفعيل إعداد الموقع هذا: download_remote_images_to_local. ستحتاج أيضًا إلى إعادة معالجة المنشورات ذات الصلة.

الإعدادات

الاسم	الوصف
default_thumbnail_mode	أي وضع عرض للصورة المصغرة يجب استخدامه بشكل افتراضي
docs_thumbnail_mode	إذا كان مكون المستندات مفعّلًا، أي وضع عرض للصورة المصغرة يجب استخدامه لمواضيع المستندات
blog_style_categories	سيتم استخدام عرض نمط المدونة في هذه الفئات. يستخدم هذا النمط مقتطفات المواضيع إذا كان مفعّلًا عبر موضوع أو مكون موضوع
minimal_grid_categories	سيتم استخدام عرض الشبكة المبسطة في هذه الفئات
grid_categories	سيتم استخدام عرض الشبكة في هذه الفئات
masonry_categories	سيتم استخدام عرض التداخل في هذه الفئات
list_categories	سيتم استخدام عرض القائمة في هذه الفئات
blog_style_tags
minimal_grid_tags	سيتم استخدام عرض الشبكة المبسطة لهذه الوسوم
grid_tags	سيتم استخدام عرض الشبكة لهذه الوسوم
masonry_tags	سيتم استخدام عرض التداخل لهذه الوسوم
list_tags	سيتم استخدام عرض القائمة لهذه الوسوم
suggested_topics_mode	أي وضع عرض للصورة المصغرة يجب استخدامه للمواضيع المقترحة؟ إذا كان فارغًا، سيتبع إعداد “تفعيل خارج قوائم المواضيع”
enable_outside_topic_lists	تفعيل الصور المصغرة في صفحات غير قوائم المواضيع (مثل نشاط المستخدم، الرسائل الشخصية، المواضيع المقترحة)
placeholder_icon	الأيقونة المعروضة للمواضيع التي لا تحتوي على صور مصغرة
mobile_thumbnails	تفعيل الصور المصغرة على الأجهزة المحمولة
list_thumbnail_size	الحجم الأساسي للصور المصغرة في عرض “القائمة”

مُستضاف لدينا؟ مكونات المواضيع متاحة للاستخدام في خطط Pro و Business و Enterprise الخاصة بنا.

[merefield (Robert)]

أتساءل من أين أتيت بهذه الفكرة؟

مذهل حقًا أن الفريق الأساسي يولي اهتمامًا أكبر لتسليم الصور وعرضها. أنا أحب هذا الاتجاه!

(إذا لم تحل هذه الميزة محل معاينات قائمة المواضيع بالكامل، فهناك الآن على الأقل إمكانية لإلغاء الكثير من عمل واجهات برمجة التطبيقات المخصصة الذي لن أضطر إلى صيانته بعد الآن، عمل رائع!)

ملاحظة: لقد اختبرتها للتو، ومن الجميل جدًا لو أن الاستطلاعات تولد صورة مصغرة حتى تظهر الرسوم البيانية…

[Krischan]

@دافيد، مشاركة:1، موضوع:150602

إذا كنت ترغب في اختيار صورة مختلفة من المنشور الأصلي، أضف |thumbnail إلى التنسيق النصي.

هذه ميزة رائعة. هل تأتي هذه الميزة مع إصدار Discourse 2.7 كما هو مذكور هنا؟ أم أن بناء الجملة مختلف؟

@نيل، مشاركة:2، موضوع:166607

السماح بأولوية صور المصغرة للمشاركات/المواضيع عبر التنسيق النصي

[david (David Taylor)]

متوفر في إصدار Discourse 2.7 المستقر، نعم. الصيغة نفسها

[davidkingham]

لدي مشكلة غريبة جدًا تنطبق فقط على عضو واحد في موقعي. بعض الصور المصغرة لا تظهر، ويبدو ذلك بشكل عشوائي. تظهر أيقونة افتراضية وكأنه لا توجد صورة، بينما تظهر الصورة المصغرة لي ولجميع المستخدمين الآخرين. طلبت منه التحقق من وحدة التحكم في المتصفح (Console) ولم يجد أي شيء ذي صلة، كما لم نجد أي شيء في السجلات (Logs). لقد طلبت منه مسح ذاكرة التخزين المؤقت (Cache)، وتجربة متصفحات وأجهزة مختلفة، واستخدام مزود خدمة إنترنت (ISP) آخر. بل وحتى طلبت منه تجربة قالب مع تفعيل هذا المكون فقط. بغض النظر عن ما يجربه، لا تزال المشكلة قائمة. لقد حاولت حتى انتحال شخصيته، ولكن المشكلة لم تحدث بالنسبة لي. هل لديكم أي أفكار أخرى لاستكشاف المشكلة وحلها؟ شكرًا!

[codinghorror (Jeff Atwood)]

اطلب منه تجربة الأمر على الهاتف المحمول مع تعطيل Wi-Fi حتى لا يستخدم شبكة المنزل، بل الشبكة الخلوية. سيؤدي ذلك إلى استبعاد أي شيء في شبكته قد يتسبب في تداخل.

ولكن إذا جربت بالفعل “مزود خدمة إنترنت مختلف”، فقد لا يكون هذا هو السبب.

[bartv (Bart)]

@دافيد، المنشور:1، الموضوع:150602

إذا أردت اختيار صورة مختلفة من المنشور الأصلي، أضف |thumbnail إلى تنسيق المارك داون.

لم أعد أستطيع جعل هذا يعمل، هل تم التراجع عن هذه الميزة ربما؟

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

[davidkingham]

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

[david (David Taylor)]

@bartv

@david

إذا كنت ترغب في اختيار صورة مختلفة من المنشور الأصلي، أضف |thumbnail إلى تنسيق الماركداون.

لا أستطيع جعل هذا يعمل بعد الآن، هل تم التراجع عن هذه الميزة ربما؟

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

![image|690x460](upload://1lGVHoB5KKnftUZoEYVgANxKdWL.jpeg)
![image|612x500|thumbnail](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg)

وقد تم اختيار الصورة الثانية بشكل صحيح كصورة مصغرة.

@bartv

هل من الممكن إضافة خيار لاختيار الصورة المصغرة إلى «اختيار الحجم» في المعاينة؟

أتفق بأن ذلك سيكون رائعًا، لكنني لا أعتقد أنه سيكون مطلوبًا لمعظم المواقع. أعتقد أنه سيكون مكونًا ممتازًا لموضوع منفصل.

[bartv (Bart)]

ها، هذا محرج، بالطبع إنه يعمل الآن..

[Terrapop]

@david

![image|612x500|thumbnail](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg)

مرحبًا @david،

لديّ المتطلب التالي، وربما يمكنك توجيهي حول كيفية تحقيقه.

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

كيف يمكن تحقيق شيء من هذا القبيل، مثل إضافة “hide” إلى الأحجام ثم إضافة فئة إلى حاوية الصورة تطبق “display: none;”؟

![image|612x500|hide](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg)

[david (David Taylor)]

ربما يمكنك استخدام Generic bbcode wrapper for theme components للقيام بشيء مثل

[wrap=hidden]
  ![image|612x500|hide](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg)
[/wrap]

ثم بعض CSS مثل

div[data-wrap="hidden"]{
  display: none;
}

[Terrapop]

أوه، لم أكن أعرف بهذا الأمر. رائع، شكرًا لك!

[davidkingham]

يتداخل شريط alert-info مع الصور المصغرة، هل هذا مقصود أم أنه خطأ؟

[david (David Taylor)]

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

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

[bartv (Bart)]

هل من الممكن عرض عدد الإعجابات على بطاقات الصور المصغرة، وجعلها قابلة للنقر حتى يمكن الإعجاب بالصور مباشرة من عرض المعرض؟

[th21]

قائمة الفئات لا تعمل في وضع الهاتف المحمول حتى عند تفعيل خيار تمكين الصور المصغرة على الأجهزة المحمولة؟

[yhmtsai]

مرحبًا، الأمر رائع حقًا.
هل من الممكن استخدام رابط الصورة المباشر (من موقع مثل imgur) كصورة مصغرة؟

[ChanTallyagora]

مرحباً، لقد قمت للتو بتعيين فئة المدونة لاستخدام قوائم الفئات، لكنها تظهر في جميع الفئات. هل قمت بخطأ في خطوة الإعداد؟