كشفت عن تصميم بصري جديد للسمات ومكونات السمات

يسعدنا الإعلان عن تحديث كبير لكيفية عرض السمات ومكونات السمات في Discourse! يجلب هذا التحديث تجربة أكثر سهولة وبديهية عند تصفح السمات ومكونات السمات واختيارها وإدارتها لمجتمعك.

:information_source: ما الذي تغير

تجربة معرض مرئي للسمات

تم إعادة تصور صفحة السمات بالكامل بتصميم مرئي يجعل من السهل أكثر من أي وقت مضى رؤية كيف تبدو كل سمة قبل تطبيقها:

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

\u003e :light_bulb: هل ترغب في إضافة معاينات مرئية إلى السمات الخاصة بك؟ اتبع هذا الدليل.

تصميم جدول عملي لمكونات السمات

تتميز مكونات السمات الآن بتصميم جدول مبسط مصمم للكفاءة:

  • معلومات رئيسية بنظرة سريعة: شاهد تفاصيل المكونات ومعلومات الاستخدام بتنسيق واضح ومنظم.
  • فرز وتصفية محسّنة: قم بتضييق نطاق المكونات بسهولة بناءً على احتياجاتك الخاصة.
  • عناصر تحكم سهلة: تحكم بسرعة في تنشيط جميع المكونات من عرض واحد.

تعد هذه التحديثات جزءًا من جهودنا المستمرة لجعل إدارة Discourse أكثر سهولة وبديهية، خاصة للمستخدمين غير التقنيين. يساعد التصميم المرئي للسمات على اتخاذ قرارات مستنيرة بشأن مظهر موقعك، بينما يسهل تصميم الجدول العملي للمكونات توسيع وظائف موقعك.

:eyes: كيف ترى هذه التغييرات

هذه الصفحات الجديدة متاحة بالفعل لجميع مواقع Discourse على استضافتنا. يمكنك العثور عليها بالانتقال إلى صفحة “السمات والمكونات” في مسؤول Discourse الخاص بك. بالنسبة للمواقع المستضافة ذاتيًا، ستحتاج إلى التحديث إلى أحدث إصدار قبل أن تتمكن من رؤية الصفحات الجديدة قيد العمل.

:collision: المزيد من التحسينات قادمة!

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

نود أن نسمع ملاحظاتك حول هذه التغييرات! قم بالرد على هذا الموضوع لإخبارنا برأيك.

25 إعجابًا

أنا أحب جهود التحديث هذه عبر المنتج حتى الآن! من المدهش النظر إلى الوراء حيث بدأت في عام 2021 مع Discourse، استمروا في ذلك :tada:

6 إعجابات

ربما يتغير هذا عند وجود لقطات شاشة. ولكن أكثر من معرض صور، أود حقًا رؤية الأسماء.

لا أعرف لماذا ولأي غرض قد يحتاج المسؤول إلى معارض صور.

يبدو جانب المكونات جيدًا، على الرغم من ذلك.

3 إعجابات

هذا يظهر بشكل غير صحيح. إذا لم تتم إضافة لقطة شاشة إلى السمة، فيجب أن تعرض SVG تم إنشاؤه من لوحة ألوان السمة. يجب أيضًا أن تعرض اسم السمة أسفل تلك الصورة. هذا ما يظهر في الإعلان هنا.

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

هل يمكنك التحقق مما إذا كان لديك أي CSS يؤثر على هذه الصفحة؟

3 إعجابات

اعتقدت أن صور معاينة السمة سيتم استخدامها كطريقة ذكية لعرض لوحة الألوان المحددة، ولكن صورة المعاينة على “سمة الكريمة” الخاصة بي تستمر في التغيير؟

ما الغرض من صورة المعاينة؟

هل كان استخدامها لنقل مخطط الألوان المحدد خيارًا لطيفًا؟

3 إعجابات

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

هل ستجده أكثر فائدة إذا عرض نفس الصورة التي تم إنشاؤها للموضوع عند كل إعادة تحميل للصفحة؟ لقد فكرنا في فعل ذلك، وهو أمر ممكن، لذا فإن ملاحظاتك هناك ستكون مفيدة.

3 إعجابات

عظيم، إذن نحن متفقون على الهدف. دعني أستخدمه أكثر قليلاً.

لا أمانع في بعض التنوع طالما أن كل مثال ينقل الألوان بنفس الفعالية تقريبًا. شكرًا @hugh!

إعجابَين (2)

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

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

كما ذكر @Jagster ، كان قلقي الرئيسي هنا هو إضافة صور لمكونات السمات ، وبينما قد يكون ذلك لطيفًا للبعض ، فإن العدد الهائل منها يمنع عرض المعرض في رأيي.

القائمة الجديدة تغيير ممتاز! :heart_eyes:

ربما يمكن دعم صورة بنوع من التمرير فوقها؟ لا أعرف…

4 إعجابات

[اقتباس=“هيو، المنشور:7، الموضوع:364921”]
هذا يُعرض بشكل غير صحيح
[/اقتباس]

نعم، يحدث ذلك ويظهر وضع الأمان ما ينبغي أن يظهر. غريب. لأنه من المفترض أن لا يوجد لدي شيء يؤثر على الجانب الإداري، لكن من الواضح أن هناك.

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

لكنني سأبدأ في البحث فيما يعبث بإعدادي.

شكرًا.

4 إعجابات

نعم - كان المقصود في البداية أن تكون الصور في مكونات السمات هي التكرار الأول بينما كنا نعمل نحو هذا التخطيط الجديد المستند إلى الجداول. نعتقد أن هذا التخطيط الجديد أكثر عملية وفائدة بكثير ويسعدني أنك معجب به!

آمل أن تتمكن من حل هذه المشكلة!

حسنًا، السمات بصرية بطبيعتها، لذا فإن معاينة مرئية لما يمكن توقعه مفيدة نسبيًا، وتساعد المسؤولين على تحديد السمة التي سيتم إعدادها، حتى في هذه المرحلة من العملية.

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

بما أنك تقارن هذا بـ WordPress، فإن مكتبة السمات في لوحة تحكم WordPress تحتوي أيضًا على صور معاينة مماثلة (على الرغم من أن النسخة الاحتياطية لديهم هي مجرد صورة فارغة إذا لم يوفرها مطور السمة).

بالنسبة لمكتبة سمات مركزية - هذا بالتأكيد شيء ناقشناه! لا شيء يتحرك إلى الأمام هناك في الوقت الحالي، ولكنه على رادارنا.

3 إعجابات

أنا أحب هذا :star_struck:

بعض الأشياء (الطفيفة):

تغيير الصور

نعم، سيكون ذلك أفضل - التنفيذ الحالي مربك حقًا للناس. ويجب ألا تكون الميزة “ممتعة” إلا عندما لا تقلل من الوضوح.

فرز قائمة المكونات

الفلاتر مفيدة، ولكن سيكون من الأفضل لو كان ترتيب عمود الفرز هو: ممكّن - مستخدم - الاسم.

مستخدم بواسطة

أعتقد أن هذا يبدو فوضويًا بعض الشيء حيث يتم تقسيم أسماء السمات على سطرين. ربما يمكن أن تبدو أسماء السمات كعلامة أيضًا، مع لون خلفية مختلف قليلاً لفصلها بصريًا عن “غير المستخدمة”؟

وعندما يمكنني النقر على علامة وفلترة تلقائيًا بحيث أرى فقط المكونات التي تستخدمها السمة المحددة، فسيكون ذلك رائعًا.

ولكن في الوقت الحالي، إنه قريب جدًا من أن يكون رائعًا بالفعل!

9 إعجابات

هذه ملاحظات رائعة - شكرًا لك! يسعدني أنك تحب التخطيط العام.

تم أخذ الملاحظات، وسنعمل على ذلك.

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

شكرًا لتسليط الضوء على هذا - اقتراحك يبدو مثيرًا للاهتمام! سنبحث في أفضل طريقة لتحسين هذا العرض.

ناقشنا إضافة فلتر للسمات مثل هذا إلى أعلى الصفحة، والذي سيتم إضافته قريبًا على الأرجح، وجعله يقوم بنفس الفلتر عند النقر على اسم السمة في هذا العمود سيكون إضافة رائعة. بالتأكيد شيء سننظر فيه.

شكرًا على كل هذا - توقعوا المزيد من التحسينات قادمة!

5 إعجابات

أنا غبي بشكل ميؤوس منه في بعض الأحيان :man_facepalming:
مقتطف CSS الذي أصلح المحاولة الأولى المؤسفة لاستخدام عرض معرض للمكونات… حسنًا، لقد كسر الآن جانب السمة.

لا حاجة للاستخدام بعد الآن
.admin-config.customize {
  .admin-detail {
    padding: 0;
  }
  .themes-cards-container {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    gap: 0;
  }
  .admin-config-area-card__content {
    flex-grow: 0;
    margin: 0;
    padding: 0;
  }
  .theme-card {
    flex-direction: row;
    margin: 0;
    padding: 0.75rem 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid var(--primary-low);
    &__image-wrapper,
    &__content {
      display: none;
    }
    &__footer {
      gap: 1rem;
    }
  }
  .theme-install-card {
    margin-top: 1rem;
  }
}

أعتقد أنه يجب علي إزالة هذه التعليقات. لا تساعد، فقط تلوث الموضوع.

4 إعجابات

يسرني أنك وجدت المشكلة!

لا تقلق بشأن حذف التعليقات - كلنا نتعلم معًا هنا :slight_smile:

6 إعجابات

لقد لاحظت للتو أنني أصل إلى الواجهة القديمة عند النقر على الإشعار في لوحة المعلومات. بعد إعادة التحميل، أرى الواجهة الجديدة.

3 إعجابات