قائمة مواضيع ديسكورش: المؤلفون والناشرون

[Lilly]

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

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

نظرة عامة

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

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

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

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

في عرض الشاشة الصغير (حجم الجوال)، سيظهر المؤلف في مكان صورة الناشر الأحدث.

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

الإعدادات

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

الإعدادات	الوصف
Topic list author avatar size	حجم الصور في عمود صورة المؤلف في مسارات صفحة قائمة المواضيع - small، medium، أو large.
Topic list author avatar border radius	استدارة الصورة في مسارات صفحة قائمة المواضيع: 0% = مربع → 50% = دائرة. tab_style = زوايا دائرية من اليسار
Topic list show last poster only	عرض صورة الناشر الأخير فقط في عمود الناشرين، ولكن فقط إذا كان هناك أكثر من مشارك واحد في الموضوع.
Vertically align row top	مفتاح تبديل لمحاذاة الصفوف من الأعلى أو من المنتصف
Show author on categories page	عرض صورة المؤلف بدلاً من الناشر الأحدث في قوائم المواضيع في صفحة التصنيفات.
Category page topic avatar size	حجم الصور في عمود صورة المؤلف في قوائم المواضيع في صفحة التصنيفات - small، medium، أو large.
Category page avatar border radius	استدارة الصورة في صفحة التصنيفات: 0% = مربع → 50% = دائرة. tab_style = زوايا دائرية من اليسار

لقطات الشاشة

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

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

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

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

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

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

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

الإعدادات الافتراضية للمكون، مع صور دائرية بحجم متوسط وتفعيل 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]

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

[jordanjay29]

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

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

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

[Lilly]

@jordanjay29

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

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

[jordanjay29]

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

[Lilly]

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

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

[jordanjay29]

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

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

[Lilly]

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

تفضل

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