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

[merefield (Robert)]

هذا مكوّن سمة لكن لديه خيار لإضافة مكوّن إضافي مكمّل.

	ملخص	مكوّن معاينة المواضيع الأصلي الذي يتيح لك إضافة الصور والمقتطفات (والمزيد!) إلى قائمة المواضيع، مع إمكانية تحديد الإضافات التي تظهر في كل قائمة.
	رابط المستودع	GitHub - merefield/discourse-tc-topic-list-previews: Enriches the content and layout of topic lists · GitHub
	دليل التثبيت	Installing a theme or theme component
	الرعاية	يُرجى النظر في أن تصبح راعياً دائماً لأعمالي مفتوحة المصدر بمستوى يناسب مواردك واحتياجاتك أو موارد مؤسستك واحتياجاتها، لضمان حصول هذا المكوّن على الصيانة التي يستحقها ومواصلته العمل لموقعك في المستقبل.

هل تستمتع بهذا مكوّن السمة؟ يُرجى وضع له على GitHub

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

يعمل بشكل جيد جداً مع Discourse Bars 🍻 🍸 (a sidebar framework)!

نظرة عامة

يتيح لك Topic List Previews ما يلي:

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

المكوّن الإضافي (Sidecar)

يمكن تكملة ذلك بـ المكوّن الإضافي ‘sidecar’: https://github.com/merefield/discourse-topic-previews-sidecar-pro

هذا مستودع خاص حالياً، حيث يحصل رعاتي على GitHub الذين يساهمون بمبلغ 7 دولارات شهرياً أو أكثر على الوصول إليه.

لإضافة الميزات التالية:

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

دليل تثبيت المكوّن الإضافي: Install plugins on a self-hosted site

تحتاج على الأقل إلى مكوّن السمة، أما المكوّن الإضافي فهو اختياري.

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

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

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

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

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

نمط Pinterest (الماسوني) أو ما يُعرف بـ ‘البلاطات’

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

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

والذي لديه خيار التنسيق الواسع (خلف الإعداد topic_list_tiles_wide_format):

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

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

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

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

تبديل المقتطفات:

قدمتُ هذه الميزة منذ فترة لاستخدامها مع مكوّن ملخصات المواضيع بالذكاء الاصطناعي الخاص بي.

يمكنك استخدامه مع TLP:

GitHub - merefield/discourse-tc-excerpts-toggle: A small Discourse theme component that adds a...

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

• https://www.artofsm.art/

الدعم

لا أقدم أي دعم مضمون مجاناً. يمكنني تقديم الدعم للشركات أو المؤسسات التي تسجّل في إحدى فئات الرعاية الشهرية GOLD أو PLATINUM الخاصة بي.

هناك أيضاً خيار لمعالجة الأخطاء لمرة واحدة.

[raghukamath (Raghavendra Kamath)]

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

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

[merefield (Robert)]

علامة؟ لا، ولكن هناك هذا الخيار للترتيب حسب تاريخ الإنشاء:

[merefield (Robert)]

تحذير: سأقوم بتطبيق تغيير في تخطيط البلاط (عنصر) قريبًا جدًا. إذا كان لديك بعض التعديلات على CSS، فقد تحتاج إلى … حسنًا … تعديلها:

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

حاليًا، التغيير موجود على فرع beta.

[raghukamath (Raghavendra Kamath)]

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

[merefield (Robert)]

أنا أستخدم فقط الخيارات الأصلية المتاحة ضمن واجهة برمجة تطبيقات Discourse (إنها مكون سمة في جوهرها لذا لا يمكنك تغيير واجهة برمجة التطبيقات). عندما أحصل على فرصة، سألقي نظرة على الترتيب مرة أخرى. ومع ذلك، ظهر هذا منذ فترة ولقد أجريت تغييرًا لمساعدة أحد المستخدمين. Topic List Previews (legacy) - #1154 by merefield. أنا متفاجئ من أن هذا لا يعمل كما هو محدد. هل تتوقع أن يظل created_at للموضوع ثابتًا على الرغم من المشاركات الجديدة؟ هل أنت متأكد من أنك قمت بتغيير الإعداد وتحديث المتصفح؟

[merefield (Robert)]

@raghukamath لقد اختبرت هذا للتو ويبدو أنه يعمل كما هو مقصود؟ لا يزال لن يغير الترتيب استجابةً للمشاركات الجديدة ويحترم تاريخ created_at. يرجى تحديث متصفحك وتجربته مرة أخرى.

[raghukamath (Raghavendra Kamath)]

لا مشكلة. سأقوم بالمزيد من الاختبارات. ربما كنت مرتبكًا بسبب السلوك عند تمكين الخيار. آسف لإزعاجك كثيرًا.

قضية أخرى أبرزها أعضائي هي حول عدم تطبيق إصلاح CSS الخاص بلون الموضوعات غير المقروءة والمقروءة على متصفحات الجوال.

[merefield (Robert)]

@raghukamath

أبرز أعضائي مشكلة أخرى تتعلق بعدم تطبيق إصلاح CSS الخاص بلون الموضوعات غير المقروءة والمقروءة على متصفحات الجوال.

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

[flash]

مرحباً، كنت أحاول العمل مع المكون الإضافي المهمل الخاص بـ git عندما لم أتمكن من تجاوز CSS على الصورة المصغرة للجوال. استمر في العودة إلى ارتفاع 80 بكسل. بدأت في البحث ورأيت أنه تم نقله إلى المكون. هل سأواجه نفس المشكلة وأحتاج إلى استنساخ المكون لتغييره أم أن هناك حلاً بديلاً آخر؟ أريد أن يكون للجوال عرض كامل على متصفح الجوال.

[merefield (Robert)]

هل التصميم هنا لن يناسب احتياجاتك: Topic List Previews (TLP) - #4 by merefield يناسب احتياجاتك؟ تتميز الصور المصغرة الجديدة بعرض كامل. هذا حاليًا على فرع beta. قم بتثبيته إذا كنت ترغب في ذلك كمكون سمة إضافي وجربه. تذكر تحديد الفرع عند التثبيت وتعديل اسم مكون السمة لجعله واضحًا أنه النسخة التجريبية.

[flash]

هذا بالتأكيد سيفعل. لدي الآن العرض الكامل كما أردت. شكرا لك.

[merefield (Robert)]

لقد قمت بدمج فرع beta:

• تم تحديث وتنسيق التصميم الداخلي للبلاطات. أصبحت الصور المصغرة الآن بعرض العمود بالكامل.
• هناك عدد من التبسيطات في CSS
• تم إجراء بعض التحسينات الطفيفة على تخطيط الأجهزة المحمولة للعناصر غير البلاطية.
• يجب أن تعكس عناوين البلاطات الزيارات السابقة على الأجهزة المحمولة الآن أيضًا.

Layout changes

[sofi.pocketful (Sofi)]

مرحباً،

شكراً على هذه المكونة الرائعة! أحببت التصميم

أنا جديد نسبياً في Discourse ولا أعرف الكثير عن المصطلحات التقنية.

لقد واجهت مشكلة في عدم ظهور الصور في مكون القائمة. لسبب ما، تظهر الصور في معاينة المكونة ولكن عندما أقوم بتحميل الشيء الحقيقي، تختفي الصور.

^ هذه هي معاينة المكونة

[sofi.pocketful (Sofi)]

^ هذه هي الطريقة التي تبدو بها عند تحميل الصفحة الحقيقية

الآن، أعتقد أن الأمر يتعلق بإعدادات الـ discourse الخاصة بي؟؟

هل هناك إعداد معين يجب تفعيله لكي تعمل هذه المكونة؟ أنا حقًا لا أعرف لماذا لا تعمل بالطريقة التي يجب أن تعمل بها…

[merefield (Robert)]

مرحباً، شكراً لاهتمامك.

إليك بعض الأمور:

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

[sofi.pocketful (Sofi)]

مرحباً روبرت،

شكراً على ردك! سأقوم باختبار ما اقترحته على موقعي

[flash]

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

[merefield (Robert)]

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

[raghukamath (Raghavendra Kamath)]

@merefield

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

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