عرض شعار ترويسة مختلف حسب الفئة؟

هل توجد طريقة لعرض شعار رئيسي مختلف في الرأس (في الزاوية العلوية اليسرى) عند تصفح المواضيع ضمن فئة معينة أو فئاتها الفرعية؟ شكرًا لك.

أعتقد أن الجسم يتضمن فئة category-{الفئة هنا}، والتي يمكنك استخدامها لتغيير تنسيقات CSS الخاصة بكل فئة.

لا أعرف كيفية تنفيذ سكريبت بعد تحميل محتوى الصفحة (أنا مهتم بمعرفة ذلك أيضًا!)، ولكن لتغيير صورة الشعار، يمكنك القيام بما يلي:

// في شرط مثل if category == "somecategory" ثم...
document.getElementById("#site-logo").src = settings.theme_uploads.logo_cat1;

حيث logo_cat1 هو اسم المتغير الخاص بشعار مخصص:
image

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

يمكنك استخدام CSS والاستفادة من الفئات الموجودة في عنصر body لاكتشاف الفئة التي تنتمي إليها.

// لا تعرض شعار الموقع العادي
body.category-something #site-logo {
    display: none;
}

// اعرض صورة أخرى في العنوان
body.category-something .home-logo-wrapper-outlet {
    height: 50px;
    width: 100px;
    background-image: url($category-something-image);
}

آمل أن يكون هذا منطقيًا :slight_smile:

أعتقد أنك ستحتاج إلى وضع صورتك على عنصر <a>، وإلا فإن رابط الشعار سينهار.

// عرض صورة أخرى في العنوان
body.category-something .d-header .title a {
...
}

آه، صحيح، كنت أركز في الغالب على محددات CSS. شكرًا لتصحيح ذلك.