مرحبًا، أيها المجتمع!
لقد قمت مؤخرًا بتثبيت Discourse وأرغب في تخصيص المظهر.
لكنني لا أعرف كيفية اختيار مجموعات من الأقسام ذات مسافات بادئة عن الأقسام الأخرى، ولا كيفية إنشاء قائمة بالأقسام الفرعية في عمود واحد.
لقد راجعت الإعدادات في لوحة الإدارة، لكنني لم أجد أي شيء مشابه يمكن أن يساعدني.
سأكون ممتنًا لأي مساعدة.
لقد بدأت مؤخرًا في دراسة هذه المنصة.
شكرًا لكم!
على سبيل المثال، لتحويل قائمة الأقسام الفرعية إلى عمود واحد، أحتاج إلى تغيير القيم هنا (category-list.scss)
إلى هذه القيم
لكن كيف يمكنني القيام بذلك بشكل صحيح من خلال لوحة الإدارة دون تعديل الملفات نفسها على الخادم؟
display: block;
align-items: baseline;
margin-right: 0;
هذا هو نمط CSS الافتراضي للفئات الفرعية. ببساطة، قم بتعيين “الفئة الأب” في مربع حوار تحرير الفئة، واجعل الفئة الفرعية والفئة الأب لهما نفس اللون.
لا أفهم حقًا ما علاقة اللون بذلك.
افتراضيًا، تُعرض الفئات الفرعية على النحو التالي: واحدة تلو الأخرى، أفقيًا
بعد تطبيق كود CSS الذي حددته أعلاه، تترتب الأقسام الفرعية في وضع عمودي كما أردت.
أردت فقط أن أعرف: هل إضافة كود CSS بالطريقة التي أشرت إليها — عبر لوحة الإدارة — هي الطريقة الصحيحة؟
والسؤال الرئيسي الثاني هو: كيف يمكن جعل الأقسام نفسها مفصولة عن بعضها البعض بمسافات بادئة، كما في مثال لقطة الشاشة من منتدى أمازون؟
آه، فهمت.
الخطوة الصحيحة هي وضع هذا الـ CSS في مكون سمة، وهو ما يختلف قليلاً فقط عما تفعله!
إذا قمت بتحرير سمة Light، فلن تظهر التغييرات على سمة Dark.
أنشئ مكون سمة واحدًا لجميع التخصيصات المحلية لموقعك!
شكرًا لك على النصيحة بشأن ما هو أفضل لتخصيصه كعناصر.
إذا تحدثنا عن مثال محدد Amazon - فليس الأمر يتعلق بـ CSS فقط، بل إن ترميزهم أيضًا يختلف عن الترميز القياسي (HTML).
كيف يمكن تنظيم نفس العرض بسرعة؟
للأسف، لدي معرفة سطحية بالتنسيق، فأنا مطور خلفية، لذا فإن التنسيق صعب بالنسبة لي.
هل يمكنني نقل هذا التنسيق دون تغيير كود ملفات المصدر نفسها؟
لقد تصفحت العديد من القوالب الجاهزة المختلفة
لكن معظمها متشابه، ولم أجد قوالب مختصرة مثل أمازون. هل يمكننا العمل على ذلك معًا مع المجتمع؟ يبدو أكثر اختصارًا مع مسافات بين الأقسام
يختلف تنسيقهم جزئيًا لأنهم لم يبدوا أنهم قاموا بتحديث موقعهم منذ فترة طويلة
إضافة هذا الـ CSS تأخذك إلى حد كبير في تنسيق الفئات الفرعية…
.category-list .subcategories .subcategory {
display: flex;
}
إذا كنت ترغب في إجراء تغييرات على التنسيق (markup)، فستحتاج إلى البدء في استكشاف كيفية عمل تجاوزات القوالب في Discourse… وهذا موجود في القسم المتقدم من دليل المطور لسمات Discourse