انتقل إلى الواجهة الخلفية للمسؤول واضبط إعدادات مكون السمة هذه يدويًا: شعارات الفئة
منفذ المكون → above-main-container شعارات العلامة
عرض أسفل رأس الموقع → إلغاء تحديد
عرض فوق الحاوية الرئيسية → تحديد
قم بتحرير about.json لإضافة الأصول ومخططات الألوان والمزيد من مكونات السمة
نظرة أقرب على الإعداد
يمتد قالب سمة Canvas فقط على هيكل السمة الافتراضي عن طريق تجميع عدد قليل من مكونات السمة وإضافة بعض ملفات الأنماط الجاهزة. يتم التعامل مع الميزات الفعلية بواسطة مكون سمة منفصل إعدادات Canvas. يخدم هذا المكون وظيفتين:
يقوم بتعيين خصائص مخصصة يمكن استخدامها مع القالب. يمكن العثور على جدول يسرد جميع الخصائص في ملف Readme الخاص بالقالب.
الإعدادات موجودة على مكون السمة المثبت باسم إعدادات الكanvas. ربما يكون من المربك قليلاً أن تُسمى الإعدادات دائمًا إعدادات السمة على واجهة المستخدم، وأيضًا على مكونات السمة.
تظهر لافتة الفئة أيضاً في نفس المكان، فوق الشريط الجانبي. تظهر أحدث المواضيع والمواضيع الشائعة بشكل صحيح في العمود الرئيسي.
أفترض أنه ليس هدف السمة تغطية واجهة المسؤول بالكامل، ومع ذلك، فإن لوحات الألوان الفاتحة والداكنة للمحرر تجعل الشريط الجانبي للمسؤول يبدو مختلفاً تماماً. أنا فضولي لمعرفة ما إذا كان من الممكن التنسيق مع الشريط الجانبي غير المسؤول.
يهدف السمة إلى عرض لافتات بجوار الشريط الجانبي، باستخدام منفذ above-main-container. يستخدم مكون Extra-Banners هذا المنفذ افتراضيًا، ولكن المكونين الخاصين بلافتات الفئات والعلامات يتم عرضه افتراضيًا أسفل الرأس. لا أرغب في نسخ هذه المكونات، فقط لتعيين منفذ افتراضي مختلف. لهذا السبب وضعت هذه التعليمات:
ولكن إذا كان من السهل تفويت ذلك، فربما هناك طريقة أفضل لوضعها؟
نعم، هذا سهل بما فيه الكفاية ويبدو أنه نهج جيد لهذه السمة. لقد أضفت للتو التزامًا!
نعم، أرى كيف وصلنا إلى هنا. لا نريد بالضرورة تغيير الإعدادات الافتراضية في مكونات banners الفئات/الوسوم، ولا نرغب أيضًا في عمل فرع منها. من الصعب تصحيح ذلك، فلنترك الأمر كما هو الآن ونرى إذا واجه الآخرون نفس المشكلة.
التغيير في الشريط الجانبي للمسؤولين يبدو جيدًا بالفعل، شكرًا لك!
هل يمكن توضيح هذه التعليمات قليلاً؟ هل من الممكن عدم التثبيت من واجهة المستخدم الإدارية؟ شكرًا
تحرير: لقد قمت بالتثبيت عبر واجهة المستخدم الإدارية ويبدو أنه يعمل باستثناء أنه لا يبدو أن هناك مكانًا لتعديل scss الآن.
تحرير: لا داعي للقلق، أرى أن هذا ربما يكون متوقعًا وأنك تعرض تعديل ملفات السمة مباشرة. أتساءل عما إذا كان يمكن أن يكون هذا على خارطة الطريق ليحدث هذا عبر واجهة المستخدم الإدارية؟ مثل، وجود محرر متغيرات بنفس الطريقة التي لديك بها محرر إعدادات.
لا أرى علامة زائد على الهاتف المحمول في GitHub. قد أحتاج إلى تجربة سطر الأوامر عند المنزل.
كل ما أراه في GitHub في لوحة التحكم هو خيار إنشاء مستودع جديد ولكن لا يوجد خيار للمطالبة. أنا على حساب مجاني لذلك لست متأكدًا مما إذا كان ذلك قد يكون له علاقة بالأمر.
لقد قمت للتو بتعديل أنماط CSS للشريط الجانبي الصلب، يجب أن يعمل التمرير مرة أخرى!
ومع ذلك، فإن الشريط الجانبي الصلب هو مجرد خيار واحد في مكون الأنماط الذي ذكرته في المنشور أعلاه. إذا كنت ترغب في تعديل المزيد من الأنماط (مثل تباعد قائمة الشريط الجانبي)، فستحتاج إلى اتباع النهج الموضح أعلاه في الاستخدام و نظرة أقرب على الإعداد: استخدم ورقة الأنماط الخاصة بك مع خصائص CSS المخصصة - في هذه الحالة ستكون -d-sidebar-row-height.
لقد قمت بتجميع سمة مثال جديدة بناءً على هذا القالب. كما يوحي الاسم، هذه السمة هي تكريم للسمة المركزية الأصلية!
لقد أحببت التصميم والأسلوب المرئي للسمة المركزية وكنت أقوم بتجميع بعض ميزاتها في مكونات مستقلة، مثل قائمة المستخدم المخصصة والعديد من كتل الشريط الجانبي.
أدركت أنه مع الشريط الجانبي وبعض الأنماط، يمنحك هذا القالب في الواقع طريقة جيدة نحو مظهر وأسلوب السمة الأصلية.
على أي حال، أنا لا أخطط لإعادة بناء السمة المركزية بالكامل.. ولكن قد لا أزال أجرب نمط قائمة مواضيع مخصص في المستقبل. إذا كنت فضوليًا وترغب في إلقاء نظرة، فإن السمة متاحة أيضًا هنا: https://central.kostka.studio
| ملخص | ابدأ تصميم السمة بسرعة باستخدام قالب سمة مُجهز.
|الجمهور| المطورون الجدد الذين يرغبون في البدء في بناء سمات لـ Discourse. المطورون ذوو الخبرة الذين يرغبون في استخدام قالب جاهز. |
|المستودع| Manuel Kostka / Discourse / Canvas / Canvas Theme Template · GitLab |
|دليل التثبيت|كيفية تثبيت سمة أو مكون سمة|
|جديد في سمات Discourse؟| دليل المبتدئين لاستخدام سمات Discourse
شكر كبير لـ Discourse لرعاية تطوير هذا المشروع!
!