قائمة مواضيع المؤلفين والناشرين

[Lilly (Lillian)]

	ملخص	يضيف مؤلف الموضوع إلى العمود الأيسر من صفحات قوائم المواضيع، بالإضافة إلى خيار لعرض آخر منشّر فقط في عمود المنشّرين الافتراضي. يمكن أيضًا تحديد حجم وشكل صورة ملف تعريف المؤلف.
	معاينة	https://discourse.theme-creator.io/theme/Lilly/discourse-topic-list-author-posters
	مستودع	https://github.com/Lillinator/topic-list-author-posters
	دليل التثبيت	كيفية تثبيت موضوع أو مكون موضوع

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

نظرة عامة

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

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

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

هناك أيضًا مفتاح تبديل لمحاذاة محتويات الصف عموديًا في الأعلى أو في المنتصف.

في شاشات العرض الصغيرة (حجم الهاتف المحمول)، سيظهر المؤلف حيث تظهر صورة ملف تعريف آخر منشّر.

يعمل هذا المكون بشكل جيد مع مقتطفات قائمة المواضيع وملخصات Discourse AI gists.

الإعدادات

لقطة شاشة للإعدادات مع الخيارات الافتراضية في صفحة إدارة المكون

الإعدادات	الوصف
حجم صورة ملف تعريف مؤلف قائمة المواضيع	حجم صور الملفات التعريفية في عمود صورة ملف تعريف مؤلف مسارات صفحة قائمة المواضيع - صغير، متوسط، أو كبير.
نصف قطر حدود صورة ملف تعريف مؤلف قائمة المواضيع	تدوير صورة الملف التعريفي في مسارات صفحة قائمة المواضيع: 0% = مربع → 50% = دائرة. tab_style = زوايا يسرى مستديرة
إظهار آخر منشّر فقط في قائمة المواضيع	إظهار صورة ملف تعريف آخر منشّر فقط في عمود المنشّرين، ولكن فقط إذا كان هناك أكثر من مشارك واحد في الموضوع.
محاذاة الصف عموديًا في الأعلى	مفتاح تبديل لمحاذاة الصفوف في الأعلى أو في المنتصف
إظهار المؤلف في صفحة الفئات	إظهار صورة ملف تعريف المؤلف بدلاً من آخر منشّر في قوائم المواضيع في صفحة الفئات.
حجم صورة ملف تعريف موضوع صفحة الفئات	حجم صور الملفات التعريفية في عمود صورة ملف تعريف مؤلف قوائم المواضيع في صفحة الفئات - صغير، متوسط، أو كبير.
نصف قطر حدود صورة ملف تعريف صفحة الفئات	تدوير صورة الملف التعريفي في صفحة الفئات: 0% = مربع → 50% = دائرة. tab_style = زوايا يسرى مستديرة

لقطات شاشة

إليك بعض لقطات الشاشة مع إعدادات مختلفة لحجم وشكل صورة الملف التعريفي، بالإضافة إلى إظهارها مع ملخصات gists الممتدة لـ AI.

لقطات شاشة لصفحات قائمة مواضيع مختلفة مع تمكين إعدادات مكون مختلفة، وإظهار وضع gists المدمج والممتد، وشريط جانبي ممتد/مطوي

مع الإعدادات الافتراضية:

شكل صورة ملف تعريف tab_style كبير مع ملخصات gists الممتدة:

صور ملفات تعريف صغيرة مع شكل نصف قطر حدود 15% وتمكين Topic_list_show_last_poster_only:

صور ملفات تعريف متوسطة الحجم مع نصف قطر حدود 0% (مربع) مع تمكين Topic_list_show_last_poster_only، وملخصات gists الممتدة:

لقطات شاشة لصفحة الفئة التي تظهر 2 أحجام وأشكال مختلفة لصور الملفات التعريفية مع المؤلف أو آخر منشّر.

إعدادات المكون الافتراضية، مع صور ملفات تعريف دائرية متوسطة الحجم وتمكين Show_author_on_categories_page:

صور ملفات تعريف tab_style كبيرة وتعطيل Show_author_on_categories_page:

لقطة شاشة لعرض حجم الهاتف المحمول

مع صور ملفات تعريف مؤلف tab_style:

---

ملاحظات

• يُدرج صورة ملف تعريف المؤلف ويغير عمود المنشّرين حيثما كان متوقعًا في علامات تبويب صفحة الملف الشخصي.
• سلوك الهاتف المحمول هو نفسه الافتراضي في قوائم تذييل المواضيع (المواضيع المقترحة/المتعلقة) وفي صفحات علامات تبويب الملف الشخصي والبريد الوارد.
• غير متوافق حقًا مع موضوع horizon.

---

مهام مستقبلية محتملة

• إضافة مفتاح تعطيل للهاتف المحمول؟
• استثناءات للفئات والعلامات؟
• دعم من اليسار إلى اليمين؟
• أشكال صور ملفات تعريف المنشّرين؟

كما هو الحال دائمًا، شكرًا لـ @Moin على الفكرة والتغذية الراجعة ومساعدة التصحيح.

---

اطلع على مشاريع Discourse الأخرى الخاصة بي

[jordanjay29]

شكرًا لك على صنع هذا، لقد حل مشكلة محتملة بالنسبة لي على الفور!

@Lilly

تحسينات تصميم إضافية

ربما تم التخطيط لهذا بالفعل، أردت أن أذكر أنني لاحظت أن الحشو والمحاذاة لعمود صورة الملف الشخصي للمُرسِل على اليسار به مسافة بادئة غريبة (غير موجودة على الهاتف المحمول عند تعطيل المكون، للمقارنة). يبدو أن السمة text-align الخاصة بـ td.posters تؤثر على الصورة أيضًا.
كما يتغير محاذاة قائمة صور الملف الشخصي للمُرسِلين عند تمكينها، ويبدو أن محاذاة td.topic-list-data تتجاوز الإعداد الافتراضي. من السهل إجراء تغييرات على نمط أوراق الأنماط من جهتي إذا كنت راضيًا عن هذه الأمور بخلاف ذلك.
مكون رائع، شكرًا لك مرة أخرى.

[Lilly (Lillian)]

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

[jordanjay29]

محاذاة الصورة الرمزية إلى اليسار أفضل على سطح المكتب. أضفت هذا الـ CSS لضبط عمود الملصق الأوسط حسب تفضيلاتي:

td.posters.topic-list-data {
    vertical-align: middle !important;
}

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

[Lilly (Lillian)]

@jordanjay29

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

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

[jordanjay29]

قد يكون المحاذاة الرأسية قد تم تطبيقها على نطاق واسع جدًا في ملف CSS الخاص بك، ومن المحتمل أنها تحتاج فقط إلى استهداف custom-author-column حيث تستخدم td.topic-list-data. أظن أن تغيير الهدف إلى td.custom-author-column.topic-list-data سيحل المشكلة ويزيل الحاجة إلى تصميم مخصص للإصلاح من جهتي.

[Lilly (Lillian)]

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

لقد دفعت تغييرًا صغيرًا للجوال.

[jordanjay29]

بما أن منتدى لا يستخدم مقتطفات أو مقتطفات برمجية (gists) أو ملخصات الذكاء الاصطناعي، فإن المظهر الافتراضي لـ Discourse هو المفضل. يبدو لي أن هذا التغيير منطقي أكثر في مكون سمة مخصص، لكننا نختلف، وقد أصلحته من جهتي، فلا ضغينة.

المظهر على الهاتف المحمول أفضل قليلاً، شكراً!

[Lilly (Lillian)]

@jordanjay29 بعد التفكير في هذا الأمر أكثر، قررت إضافة تبديل للمحاذاة (كان الأمر سهلاً بما فيه الكفاية).

تفضل

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