أعتقد أن هذا مكون رائع!
أعترف بأنني قضيت يومين أو ثلاثة أيام أحاول تعلم إنشاء مكون سمة (theme component) للقيام بالضبط بما يفعله هذا المكون. لا أشعر أن ذلك كان وقتاً ضائعاً لأنني تعلمت الكثير، ولكني أتمنى لو أنني اتبعت نصيحة ask.discourse في وقت أبكر واطلعت على هذا المكون.
شيء واحد لا أستطيع فهمه
أعجبني تنسيق البطاقة (card layout) ولكني أود عرض صورة مصغرة ومقتطف (excerpt) في تنسيق البطاقة. أي تلميحات ستكون موضع تقدير
بدلاً من ذلك، استقريت على تنسيق القائمة (list layout) ولكني أردت تغيير بعض الأشياء. أضفتها إلى علامة التبويب common.css الخاصة بي. ربما سيساعد هذا شخصًا آخر
لإزالة وسم الموضوع (topic tag)
.featured-topics__topic-tag {
display: none;
}
لإزالة الصورة الرمزية للمؤلف (author avatar)
.featured-topics__wrapper .topic-author {
display: none;
}
لإزالة رابط الفئة (category link)
.featured-topics__wrapper .category-link {
display: none;
}
تعديل للإضافة:
سأترك المنشور الأصلي أعلاه سليماً ولكني أردت أن أضيف
كيفية إظهار المقتطف في عرض البطاقة
.featured-topics__topic-container.thumbnail .topic-excerpt {
display: contents;
}
أيضًا، لقد أعجبت بتنسيق عرض القائمة على سطح المكتب أكثر من تنسيق البطاقة ولكنه يبدو فظيعًا على الهاتف المحمول. الصورة المصغرة على اليسار والعنوان والمقتطف في عمود ضيق على اليمين. لم أكتشف كيفية جعل النص يلتف حول الصورة المصغرة أو تكديس كل شيء في عمود واحد.
بما أنني اكتشفت كيفية جعل الصورة المصغرة والمقتطف يظهران في تنسيق البطاقة، والذي يبدو لائقًا على الهاتف المحمول، فقد تحولت إلى ذلك التنسيق لأنني أشك في أن معظم المستخدمين يتصفحون الموقع عبر الهاتف.