سمة Mint

||||\n-|-|-|\n:discourse2: | الملخص | Mint - سمة عصرية مع لمسة من النعناع. :slight_smile: \n| :eyeglasses: | المعاينة | المعاينة على منشئ سمات Discourse\n:hammer_and_wrench: | رابط المستودع | \u003chttps://github.com/discourse/discourse-mint-theme\u003e\n:open_book: |جديد في سمات Discourse؟ | دليل المبتدئين لاستخدام سمات Discourse\n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-mint-theme\" repoName="Mint Theme"]\nتثبيت هذه السمة\n[/wrap]\n\n[quote]\n\n:discourse2: نظرًا لكونها سمة #رسمية تتم صيانتها بواسطة فريق Discourse، يمكن تقديم طلبات #الدعم، و #تقارير الأخطاء، و #اقتراحات تجربة المستخدم (UX)، وطلبات #نصائح التطوير في الفئات المعنية هنا على Meta، ووضع العلامة المناسبة للسمة. انقر على أحد الروابط أدناه لبدء إحدى هذه الإجراءات. :+1: \n\n\u003ckbd\u003e [:question:\u0026nbsp;الدعم](https://meta.discourse.org/new-topic?category_id=6\u0026tags=mint-theme "اطلب الدعم بشأن تكوين واستخدام سمة Mint") \u003c/kbd\u003e \u003ckbd\u003e [:bug:\u0026nbsp;خطأ](https://meta.discourse.org/new-topic?category_id=1\u0026tags=mint-theme "تقرير الخطأ يعني أن هناك شيئًا معطلاً، مما يمنع الاستخدام العادي/النموذجي للسمة") \u003c/kbd\u003e \u003ckbd\u003e [:eyes:\u0026nbsp;تجربة المستخدم](https://meta.discourse.org/new-topic?category_id=9\u0026tags=mint-theme "مناقشة حول واجهة المستخدم لسمة Mint، وكيفية عرض الميزات (بما في ذلك اللغة وعناصر واجهة المستخدم)") \u003c/kbd\u003e \u003ckbd\u003e [:artist:\u0026nbsp;تطوير](https://meta.discourse.org/new-topic?category_id=7\u0026tags=mint-theme "نصيحة حول كيفية تخصيص هذه السمة لموقعك")\u003c/kbd\u003e\n\n[/quote]\n\n### الميزات\n\nسمة عصرية مع لمسة من النعناع. :slight_smile: \n\n:herb: :ice_cube: \n\nالصفحة الرئيسية (الفئات)\n\nScreenshot 2021-09-06 at 19.48.04\n\nScreenshot 2021-09-06 at 19.48.43\n\nالأحدث\n\nScreenshot 2021-09-07 at 17.08.01\n\nالموضوع\n\nScreenshot 2021-09-07 at 17.22.56\n\n\nالبحث المتقدم\n\nScreenshot 2021-09-07 at 17.22.11\n\nتتضمن هذه السمة المكون التالي:\n\n- فئات معروضة في Discourse\n\n### نصائح\n\n### إعدادات Discourse\n\nتتطلب تغييرات الإعدادات التالية لكي يتم عرض هذه السمة بشكل صحيح:\n\n- يجب تعيين القائمة العلوية (top menu) على category, latest, new, unread, top\n- يجب تعيين نمط صفحة الفئة لسطح المكتب (desktop category page style) على Boxes with Subcategories\n\n### لافتة الترحيب\n\nانتقل إلى صفحة المسؤول > لافتة الترحيب (/admin/config/welcome-banner).\n\n- في القائمة المنسدلة مُمكّن على السمات… (Enabled on themes…)، حدد Mint Theme\n- في القائمة المنسدلة رؤية الصفحة (Page visibility)، حدد الصفحة الرئيسية فقط (Homepage only)\n- في القائمة المنسدلة الموقع (Location)، حدد أسفل رأس الموقع (Below site header)\n- يمكن تعيين صورة الخلفية (Background image) حسب متطلباتك\n\n[^update]: اعتبارًا من 4 أكتوبر 2022 و هذا الالتزام، ستقوم السمة نفسها تلقائيًا بتعيين و ترتيب مكونات السمة في المنافذ الصحيحة.\n\n### فئات معروضة في Discourse\n\nفي الخيارات الخاصة بمكون السمة Showcased Categories، تتطلب التغييرات التالية لكي يتم عرض هذه السمة بشكل صحيح:\n\n- حدد feed one category و feed two category حسب متطلباتك\n- املأ feed one title و feed two title حسب متطلباتك\n- القيمة الموصى بها لـ max list length هي 3.\n\n\u003cbr\u003e\n\n\u003e:discourse2: مستضاف لدينا؟ السمات متاحة للاستخدام في خططنا القياسية (Standard) والأعمال (Business) والمؤسسات (Enterprise).

66 إعجابًا

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

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

شكرًا لك :smiley:

5 إعجابات

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

5 إعجابات

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

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

3 إعجابات

قم بإزالة

#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 وستكون جاهزًا للعمل :slight_smile:

6 إعجابات

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

إعجابَين (2)

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

إعجابَين (2)

شكرًا! :slight_smile:

نعم. لتغيير الألوان، تحتاج إلى إنشاء نسخة فرعية من القالب (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%);

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

"secondary": "F6FBFC"

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

إعجاب واحد (1)

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

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

إعجاب واحد (1)

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

إعجابَين (2)

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

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

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

  • discourse-search-banner
  • Showcased Categories

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

إعجاب واحد (1)

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

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

3 إعجابات

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

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

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

إعجاب واحد (1)

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

إعجاب واحد (1)

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

إعجاب واحد (1)