إضافة فئة تصنيف إلى صفحة منشورة

مطور
1

إذا لم نتمكن من استخدام type="text/discourse-plugin" في علامة نص برمجي، فهل هناك طريقة للحصول على اسم الفئة الحالي لصفحة منشورة؟
الغرض هو إضافة فئة جديدة تحتوي على الاسم في وسم HTML للصفحة.

إعجابَين (2)
2

مرحباً،

لست متأكداً من أنني أفهم ذلك تماماً ولكن الفئة متاحة على الجسم حتى تتمكن من استهدافها.

على سبيل المثال:

Screenshot 2022-11-01 at 17.42.55
Screenshot 2022-11-01 at 17.42.55598×127 17.1 KB

يمكنك استهداف جميع مواضيع فئة الصالة باستخدام:

.published-page.lounge {
  ...
}
إعجابَين (2)
3

عذرًا، لم أكن واضحًا بما فيه الكفاية وكان يجب أن أشرح الغرض بشكل أفضل.

حاليًا، لا يستخدم نشر الصفحة خلفية الفئة.

الإعداد:

image
image636×743 82.3 KB

عرض الموضوع:

image
image1432×772 71.6 KB

عرض الصفحة المنشورة:

image
image898×330 19 KB

يتم تعريف خلفية الفئة في color_definitions.scss:

body.category-test-category {
    background-image: url(/uploads/default/original/1X/1851d5e9eb66a9ecf49f0dc747dfbad1a0fd220b.jpeg)
}

الصفحة المنشورة لا تحتوي على الفئة category-test-category، وبالتالي لا ترث صورة الخلفية.

فكرتي هي استخدام جافا سكريبت للحصول على معرف الفئة وإضافة فئة category-[category slug] إلى وسم body، مهما كان اسم الفئة، بحيث يتم تطبيق خلفيات الفئة تلقائيًا، بدلاً من كتابة CSS مخصص لكل فئة من فئات الصفحات المنشورة، مثل:

.published-page {
    &.test-category {
        background-image: url("/uploads/default/original/1X/1851d5e9eb66a9ecf49f0dc747dfbad1a0fd220b.jpeg");
    }
}
4 إعجابات
4

أتفق، فكرة جيدة جداً :+1:

إعجابَين (2)
5

حسنًا، أفهم… نعم، إنها فكرة جيدة ولكن للأسف لا أعتقد أنه من الممكن تعديل صفحة منشورة باستخدام مكون سمة (جافاسكريبت)… ربما باستخدام إضافة أو إضافة الجزء category- في النواة قبل اسم الفئة.

أعتقد أن الطريقة اليدوية تعمل حاليًا. إنشاء مكون سمة مع SCSS المناسب لفئات الصفحات المنشورة وإضافة إعدادات لذلك.

أعني شيئًا كهذا ربما: GitHub - VaperinaDEV/published-page-category-background-image

ولكن ربما هناك حل أفضل لست متأكدًا. :slightly_smiling_face:

3 إعجابات
6

هذا حل ذكي جدًا، ولكني أتفق على أن وجود شيء كهذا افتراضيًا (أو قابل للتخصيص) في النواة يمكن أن يكون لطيفًا. القصد الحالي هو وجود خلفية افتراضية بشكل صريح باستخدام ألوان السمة، كما نرى في publish.scss:

.published-page {
  background-color: var(--secondary);
  color: var(--primary);

ماذا عن تخزين عناوين URL لصور خلفية الفئات المخصصة في متغيرات CSS يمكننا الوصول إليها بسهولة في CSS المخصص الخاص بنا؟ على الأقل، لن نزعج أنفسنا باستخدام عنوان URL الكامل للصورة في CSS الخاص بنا.

لقد قدمت طلب ميزة هنا: Published pages could inherit categories' background image setting

4 إعجابات