قالب Mint

[Discourse]

||||
-|-|
| الملخص | Mint - سمة عصرية بلمسة من النعناع.
| | معاينة | معاينة على منشئ سمات Discourse
| رابط المستودع | https://github.com/discourse/discourse-mint-theme
| جديد على سمات Discourse؟ | دليل المبتدئين لاستخدام سمات Discourse

تثبيت هذه السمة

بما أن هذه سمة #رسمية تحافظ عليها فريق Discourse، يمكن طرح قضايا #الدعم، وإعدادات #المساهمة: تقارير الأخطاء، واقتراحات #المساهمة: تجربة المستخدم، وطلبات #نصيحة_البرمجة في الفئات ذات الصلة هنا في Meta، مع وسمها بالوسم المناسب للسمة. انقر على أحد الروابط أدناه لبدء واحدة.

 الدعم  الخطأ  تجربة المستخدم  البرمجة

الميزات

سمة عصرية بلمسة من النعناع.

الصفحة الرئيسية (الفئات)

الأحدث

الموضوع

البحث المتقدم

تتضمن هذه السمة المكون التالي:

• فئات Discourse المعروضة

نصائح

إعدادات Discourse

التغييرات التالية في الإعدادات مطلوبة حتى تعمل هذه السمة بشكل صحيح:

• يجب تعيين القائمة العلوية إلى الفئة، الأحدث، جديد، غير مقروء، الأعلى
• يجب تعيين أسلوب صفحة الفئة على سطح المكتب إلى صناديق مع الفئات الفرعية

لافتة الترحيب

انتقل إلى صفحة الإدارة > لافتة الترحيب (/admin/config/welcome-banner).

• في القائمة المنسدلة مفعّلة على السمات… اختر Mint Theme
• في القائمة المنسدلة رؤية الصفحة اختر الصفحة الرئيسية فقط
• في القائمة المنسدلة الموقع اختر تحت رأس الموقع
• يمكن تعيين صورة الخلفية وفقًا لمتطلباتك

فئات Discourse المعروضة

في الخيارات لمكون السمة فئات معروضة، التغييرات التالية مطلوبة حتى تعمل هذه السمة بشكل صحيح:

• اختر تغذية فئة واحدة و تغذية فئة ثانوية وفقًا لمتطلباتك
• املأ عنوان التغذية الأولى و عنوان التغذية الثانية وفقًا لمتطلباتك
• القيمة الموصى بها لـ الحد الأقصى لطول القائمة هي 3.

مستضافة لدينا؟ السمات متاحة للاستخدام على خططنا القياسية والأعمال والمؤسسية.

[IAmGav (Gavin Perch)]

قالب رائع حقًا

ربما أجربه بلون الأزرق الملكي (لوني المفضل) على موقعي التجريبي.

شكرًا لك

[P2W (Mike Riddick)]

@مغنى تصنع قوالب مذهلة. تبدو رائعة. سأقوم بنشرها وتجربتها.

[Rebecca_Chen]

مظهر رائع! شكرًا لك على إنشائه

أتساءل عما إذا كان هناك طريقة لإزالة المربع والدائرة في الخلفية؟ أقدر أي مساعدة يمكن أن توجهني في الاتجاه الصحيح

[tjot (Tomasz)]

قم بإزالة

#main-outlet:after  {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  width: 500px;
  height: 500px;
  border-radius: 2000px;
  background: $color-blue;
  right: 1px;
  top: -57px;
}

#main-outlet:before {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  width: 300px;
  height: 300px;
  border-radius: 30px;
  background: -webkit-linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
  // background: linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
  background: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
  left: 70px;
  top: 350px;
  transform: rotate(74deg);
  transform-origin: 0 100%;
}

من desktop.scss وستكون جاهزًا للعمل

[Rebecca_Chen]

شكرًا جزيلاً لك، توماز، نقدر ذلك

[adalo_jesse (Jesse Haywood)]

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

[meghna (Meghna Jalan)]

@adalo_jesse

هذا القالب رائع. شكرًا لك على صنعه!

شكرًا!

@adalo_jesse

هل أقوم بتنزيل ملف القالب وتعديله هناك؟

نعم. لتغيير الألوان، تحتاج إلى إنشاء نسخة فرعية من القالب (fork) وتحديث كود اللون وفقًا لاحتياجاتك. إليك كيفية القيام بذلك:

في variables.scss، غيّر كود اللون حسب رغبتك:

$color-blue: #e5f8ff;
$color-square-gradient: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
$color-square-webkit-gradient: -webkit-linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);

@adalo_jesse

أود تغيير لون الخلفية.

لتغيير لون الخلفية، حدّث اللون secondary في about.json (لاحظ أن هذا سيغير أيضًا لون نص بعض الأزرار):

"secondary": "F6FBFC"

[Nick_Chomey]

أنا أحب هذا القالب - فهو يتناسب تمامًا مع هوية علامتنا التجارية! ومع ذلك، إذا قمت بتفعيل الوضع المظلم، يختل شكل القالب. هل هذا متوقع؟ وهل توجد طريقة لمنع المستخدمين من تفعيل الوضع المظلم؟

[Nick_Chomey]

سيكون من الرائع أيضًا أن نتمكن من تعديل CSS من الواجهة الأمامية، كما هو الحال مع السمات الافتراضية.

[cvx (Jarek Radosz)]

هناك مشكلتان صغيرتان في المُؤلف. زر الترس له خلفية تعمل دائمًا، وشكل الزر الأول عند التحويم لا يتطابق مع انحناء الإطار:

[meghna (Meghna Jalan)]

تم إصلاح كلتا المشكلتين عبر:

UX: better composer button styling

[Pika (Patrick)]

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

[meghna (Meghna Jalan)]

قد يكون هناك احتمال بأن سمة أو مكونًا آخر يتداخل مع تنسيق السمة mint. هل يمكنك محاولة تعطيل السمات/المكونات الأخرى التي ربما تكون قد قمت بتثبيتها؟

[Pika (Patrick)]

إنها تثبيت نظيف مع سمة افتراضية غير نشطة وهذه المكونات فقط:

• discourse-search-banner
• Showcased Categories

[meghna (Meghna Jalan)]

هذا غريب. هل يمكنك إرسال رابط مثيل Discourse الخاص بك عبر رسالة خاصة وسألقي نظرة؟

[meghna (Meghna Jalan)]

@Pika

خلفية لافتة البحث الخاصة بي ليست بزوايا دائرية وبكامل عرضها.

تم إصلاح مشكلة اللافتة الآن عبر:

UX: custom banner styling for mint theme (#3)

كانت هناك مشكلة أيضًا في المكون الإضافي للفئات المعروضة التي لفت انتباهي إليها باتريك. تم إصلاح ذلك أيضًا.

UX: fix header for showcased category boxes (#11)

[Ivan_Rapekas]

مرحباً، لقد لعبت مع الوضع المظلم على جهاز به سمة Mint رائعة. لقد أجريت بعض التغييرات لدعم الوضع المظلم. للاختبارات فقط.

discourse-mint.zip (5.1 كيلوبايت) قد يحتوي على أخطاء بالطبع لهذا السبب لن أقوم بإنشاء طلب سحب من github.

لقد أجريت بعض التعديلات على كتل التعليمات البرمجية، وتنسيق نمط gitlab، وصفحة واسعة، إلخ… لم يتم اختبار الجهاز المحمول.

[meghna (Meghna Jalan)]

شكراً على جهودك يا إيفان! لقد راجعت عملك وهناك بعض التغييرات المخصصة التي لا تحتاج إلى أن تكون في النواة. سألقي نظرة على التغييرات الخاصة بالوضع المظلم وسأقوم بها في النواة بعد المزيد من الاختبار.

[Ivan_Rapekas]

على الرحب والسعة يا ميغنا! أعتقد أنه سيكون كافياً تطبيق قيمة revert على بعض العناصر باللون الأبيض.