Pinboard، موضوع واجهة مستخدم بسيط

[manuel (Manuel Kostka)]

	الملخص	Pinboard هو سمة بواجهة مستخدم بسيطة. يتناسب جيدًا مع التصنيف المسطح، مثل قائمة بسيطة من الفئات أو العلامات.
	المستودع	GitHub - nolosb/discourse-theme-pinboard
	جديد في سمات Discourse؟	دليل المبتدئين لاستخدام سمات Discourse

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

إعداد ما بعد التثبيت

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

• تبديل الوضع الداكن/الفاتح

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

• مستدير

  • مكون نمط لتدوير عناصر التخطيط. في موقع المعاينة الخاص بي، تم تعيين نصف القطر الافتراضي إلى 10 بكسل ونصف قطر الزر إلى 4 بكسل.

• اللوحات

  • مكون نمط آخر لعرض حاويات القائمة كلوحات. تحتوي السمة على نمط ظل للوحات محدد، يمكنك تمكينه باستخدام المتغير --shadow هذا:

  

ميزات السمة

استخدم مع الفئات أو مع العلامات فقط

يمكنك إخفاء العلامات أو الفئات من الواجهة واستخدام واحدة فقط.

صفحة رئيسية مخصصة

يمكنك بناء تخطيط صفحة رئيسية مخصص مشابه للتخطيط الموجود في المعاينات.

• اختر خيار صفحة رئيسية مخصصة في إعدادات السمة

• اختر صفحتك الرئيسية في إعدادات المسؤول لديك. على سبيل المثال، تم تعيينها هنا على المسار العلوي:
  

  

• قم بتثبيت هذا المكون المساعد لإضافة فئة صفحة رئيسية مخصصة. قم بتعيين صفحتك الرئيسية في إعدادات المكون:

  

• في مكون اللوحات المثبت، اختر عرض اللوحات في القوائم المميزة:
  

• قم بتثبيت مكون القوائم المميزة وقم بتعيين موضع المنفذ الخاص به إلى discovery-list-container-top

[awesomerobot (Kris)]

هذا نسق جميل جداً، أحب بساطته!

[syandriz]

عمل رائع يا أخي..

[Melvin20 (Melvin Fresley)]

رائع! هذا له جمالية رائعة

[techAPJ (Arpit Jalan)]

المظهر رائع! بسيط بطريقة جيدة. أحببت ما فعلته مع الشريط الجانبي.

عمل رائع يا @manuel

[Umashankar_Ankuri (Umashankar)]

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

[twofoursixeight]

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

[manuel (Manuel Kostka)]

هل قمت بالتحقق من الخيار كما هو موضح أعلاه؟

@manuel

اختر خيار صفحة رئيسية مخصصة في السمة

[Umashankar_Ankuri (Umashankar)]

نعم. لقد اخترت هذا الخيار.

[manuel (Manuel Kostka)]

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

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

[Umashankar_Ankuri (Umashankar)]

@manuel شكرا لك.
هذا مفقود بالضبط. الآن هو على ما يرام.

[JackALaing]

هل من المفترض أن يخفي هذا المظهر القائمة العلوية (الأحدث، الأعلى، إلخ)؟ هل هناك طريقة لإعادتها؟

[manuel (Manuel Kostka)]

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

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

[JackALaing]

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

[manuel (Manuel Kostka)]

يُطلق على الأحدث اسم الكل في الشريط الجانبي افتراضيًا. في لقطات الشاشة الخاصة بي، يُطلق عليه اسم الكل.

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

المعلومات السياقية حول المحتوى الجديد في الشريط الجانبي هي نقاط إشعارات تتبع جميع عناصر القائمة التي تحتوي على محتوى جديد للمستخدم المسجل دخوله:

[P2W (Mike Riddick)]

أنا من أشد المعجبين بهذا المظهر.

لسبب ما، لا يظهر مكون المظهر تبديل داكن/فاتح في الرأس.

[manuel (Manuel Kostka)]

شكرا لك

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

في الواقع، انظر هنا: Dark/Light Mode Toggle - #88 by RGJ حاليًا، يظهر التبديل فقط عندما يكون لدى المستخدم تمكين التبديل التلقائي لوضع الألوان.

[JacobDK]

@manuel أحسنت، أحسنت صنعًا. هل حجم الخط كبير عمدًا (كبير في رأيي)؟

لقطة الشاشة من كمبيوتر محمول بحجم 15 بوصة - هل تبدو خارج النسبة؟

هل فكرت في حل قائم على علامات التبويب بدلاً من عرض الفئات في مربعات بتنسيق قائمة - أي أن “الملاحظات” ستكون علامة تبويب بجوار “مرحبًا بك في Pinboard”؟

[manuel (Manuel Kostka)]

لقد دفعت للتو إعادة هيكلة لهذا القالب. هناك تغييرات طفيفة فقط في واجهة المستخدم، ولكن تم إعادة تنظيم كود القالب ويتضمن بعض المكونات الجديدة.

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

للإشارة، إليك تفاصيل ما بعد التثبيت للإصدار 1:

ميزات القالب

• الاستخدام مع الفئات أو مع العلامات فقط
  يمكنك إخفاء العلامات أو الفئات من الواجهة واستخدام واحدة فقط.

• صفحة هبوط مخصصة
  يمكنك بناء صفحة هبوط مخصصة مشابهة لتلك الموجودة في المعاينات.

  • قم بتثبيت مكون Versatile Showcase واضبط موضع المخرج الخاص به على discovery-list-container-top
  • اضبط صفحتك الرئيسية على المسار top
  • اختر خيار custom top page في القالب

ميزات المكون

يقوم القالب تلقائيًا بتثبيت بعض المكونات الإضافية:

• تبديل الوضع الداكن/الفاتح
  اضبط مخطط الألوان الفاتح في إعدادات القالب. اختر مخطط الألوان الداكن في الإعدادات العامة.

• بحث الرأس

• المواضيع القابلة للنقر

• أنماط العلامات
  لاختيار أنماط الألوان للعلامات.

[cristo (Cristobal Caicedo)]

سمة رائعة، نظيفة للغاية!
أنا فقط أتساءل عما إذا كانت هذه السمة مناسبة بشكل أفضل لأجهزة الكمبيوتر المكتبية أو الهواتف المحمولة.