تخطيط غريب بعد التحديث

هل واجه أي شخص مشكلات عند التحديث إلى أحدث إصدار من Discourse؟ تم تشويه جميع الصور المصغرة للفئات الخاصة بي. لقد استخدمت التخصيص فقط في الصفحة الرئيسية ولكن حتى في صفحات الفئات كلها منحرفة.
كيف يمكنني تغيير هذا؟

إعجابَين (2)

لا أحد؟
Laugh Lol GIF by PG Tips

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

ربما قمت بإصلاحه بالفعل، ولكنه يبدو جيدًا عندما أزوره بشكل مجهول:

إعجابَين (2)

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

(على أمل أن يكون @renato على حق وأنها قد تم إصلاحها بنفسها بشكل سحري :crossed_fingers:)

3 إعجابات

هنا أرى أن الصور تبدو مثل لقطة شاشة @renato على Chrome، ولكن مثل لقطة شاشة OP على Safari. هذا بالتأكيد تراجع، نعتذر عن ذلك. لا يبدو أن لديك أي تخصيصات، ولكن لديك بعض الصور الكبيرة جدًا كشعارات للفئات، على سبيل المثال الصورة الموجودة في OP هي 2657x2657.

لذلك، هناك طريقتان للإصلاح:

  1. تحميل صور أصغر. يمكنك المحاولة بصورة بحجم 150x150، يجب أن تعمل هذه الصورة بشكل جيد. (هذا يجعل الصفحات أسرع في التحميل أيضًا، مع الصور الأصغر.)
  2. إذا كنت لا ترغب في إعادة تحميل الصور، جرب هذه القاعدة CSS في مكون سمة:
body .category-logo.aspect-image {
  max-width: 150px;
}
3 إعجابات

نعم، يبدو الأمر جيدًا على كروم ولكن ليس على سفاري. أي أفكار لماذا قد يحدث ذلك؟ لقد جربت إصلاح max-width ولم ينجح. قمت أيضًا بتحميل صور أصغر مربعة بحجم 450 بكسل، ولا يزال الأمر غير ناجح.

هل يمكنك المحاولة باستخدام

@supports (--custom: property) {
  body .category-logo.aspect-image {
    max-width: 150px;
  }
}
3 إعجابات

لست وحدك بالتأكيد. لكنني لا أفهم الحل (كوني مبتدئًا تمامًا). هل هناك مكان يمكنني فيه العثور على مزيد من المعلومات حول ما / أين أحتاج إلى تنفيذ الحل؟ شكرا لك.

مرحباً وأهلاً بك @Richard :slightly_smiling_face:

يمكنك إضافة مقتطفات إضافية من التعليمات البرمجية إلى موقعك عن طريق إنشاء مكون سمة صغير وإرفاقه بسمتك:

  • انتقل إلى /admin/customize/themes
  • انقر على تثبيت ثم إنشاء جديد
  • امنحه اسماً، وحدد ‘مكون’.
  • إنشاء
  • أضفه إلى سمة الخاص بك
  • انقر على زر تحرير CSS/HTML والصق التعليمات البرمجية في علامة التبويب مشترك
  • واحفظ. :+1:
3 إعجابات

أعتقد أنه تمت إضافة بعض الإصلاحات لهذه المشكلة، لذا قد تتمكن من إزالة الكود المخصص الخاص بك بعد التحديث. :+1:

إعجابَين (2)

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.