بطاقات الوجه المميزة

تعديل على مكون السمة البطاقات المميزة. يعرض المواضيع المميزة في صف من بطاقات اللف:

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

في أي حال، يكون الأمر أكثر متعة إذا كان لديك المزيد واستخدمت ميزة التنظيم العشوائي:

Screenshot from 2021-06-18 21-06-49

وبهذه الطريقة ستحصل دائمًا على توزيع جديد للبطاقات :black_joker:

22 إعجابًا

يبدو جيدًا! للمعلومية، يحدث هذا في سفاري:

هل هناك إمكانية لإضافة خيار اقتصاص مربع؟ لا يبدو جيدًا مع نسب العرض إلى الارتفاع المختلفة، أو ربما نسخة ضبابية من الصورة خلفها مشابهة لما تفعله صور مصغرة للمواضيع؟ مجرد طرح بعض الأفكار لك :+1:

إعجابَين (2)

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

بخصوص المزيد من الخيارات، أضفت إعدادات قابلة للتعديل لنسبة العرض إلى الارتفاع للبطاقات وكيفية تغيير حجم الصور المصغرة:

4 إعجابات

هل توجد إمكانية لزيادة عدد المواضيع المميزة على الهاتف المحمول وتمكين التمرير الأفقي؟ سيكون ذلك رائعًا

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

Safari

Chrome

موقعي الإلكتروني

إعجاب واحد (1)

لا يمكنني تكرار هذه المشكلة في موقعي، لكنني ألاحظ أنك قمت بتثبيت مكونات مختلفة للعرض فوق منطقة القائمة، ولا يتم عرض أي منها باستثناء “من متصل حاليًا”. ربما تفحص هذا؟

إعجاب واحد (1)

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

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

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

إعجابَين (2)

هل هناك أي أخبار حول مشكلة سفاري؟

يستخدم المكون خاصية aspect-ratio. ظننت أنها مدعومة في Safari، لكن يبدو أنها متاحة فقط من الإصدار التالي (15).

لجعلها تعمل حتى الآن، أضفت حلاً سريعًا للإعدادات. ستحتاج إلى إضافة نسبة مئوية محسوبة، وسيتم محاكاة نسبة العرض إلى الارتفاع باستخدام خدعة CSS:

3 إعجابات

شكرًا لك! يعمل بامتياز في مجتمعنا
الموسم الثاني رقص GIF بواسطة ذا فريش برينس أوف بيل-إير

إعجابَين (2)

طلب ميزة.

هل يمكننا الحصول على خيار لعرض هذا في صفحة فئة معينة؟

أي إذا كنت تشاهد “Lounge” ، فسيتم عرض البطاقات المميزة هنا.

الصورة المعروضة هي صورة الفئة. أنا أستخدم سمة Air. تطبيق لعرض المواضيع المميزة المتعلقة بتلك الفئة من فئتها الفرعية “Frontier news”.

ما هو حجم الصورة الموصى به لصورة البطاقة؟

هذه هي فكرتي حول تطبيق لعرض المواضيع المميزة فوق فئة معينة ذات أهمية.

أنا أستخدم سمة Air. ستحتاج إما أو بالأحرى ربما يكون لديها خيار إعداد لوضعها أسفل شعار الفئة. وإذا أمكن أن يكون هناك خيار للعرض في فئات متعددة محددة.

أي لدي فئة رئيسية مع عدد قليل من الفئات الفرعية التي أود عرض فئة الأخبار الفرعية.