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

[Lilly]

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

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

نظرة عامة

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

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

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

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

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

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

الإعدادات

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

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

[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 بعد التفكير في هذا الأمر أكثر، قررت إضافة تبديل للمحاذاة (كان الأمر سهلاً بما فيه الكفاية).

تفضل

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