ثيم القارئ المولع

[Discourse]

إذا قمت بتثبيت المظهر قبل 7 يونيو 2023، فستحتاج إلى إعادة تثبيته باستخدام رابط المستودع الجديد على GitHub.

	ملخص	يُعد “Avid Reader” مظهرًا يركز على سهولة القراءة، مستوحى من مظهر Pocket.
	رابط المستودع	https://github.com/discourse/avid-reader
	جديد على مظاهر Discourse؟	دليل المبتدئين لاستخدام مظاهر Discourse

تثبيت هذا المظهر

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

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

الميزات

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

لقطات الشاشة

مكونات المظهر

يتضمن المظهر مكونات المظهر التالية:

• Discourse Clickable Topic Component
• Versatile Banner بواسطة @tshenry

بالنسبة لـ Versatile Banner، نستخدم عددًا قليلًا من الميزات فقط لعرض رسالة ترحيب بسيطة مع وصف فقط في الصفحة الرئيسية. يمكنك التحقق من لقطة الشاشة أدناه لتكرار إعداداتنا:

عرض الإعدادات الكاملة لـ Versatile Banner

وهنا الكود الذي استخدمناه لرسالتنا الترحيبية + الوصف:

<h2 class="x-title">
  رسالتك الترحيبية
</h2>
<div class="description">
  <p>
    وصف موجز عما يدور حوله Discourse الخاص بك
  </p>
</div>

توصياتنا

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

نمط التصنيفات

نفضل أن يكون نمط التصنيفات شريطًا بدلاً من الرصاصة الافتراضية. يمكن تغيير ذلك في:

Admin > Settings > Basic Setup > category style > bar

نمط صفحة التصنيفات على سطح المكتب

اخترنا استخدام خيار ‘الصناديق’ لصفحة التصنيفات. يمكن تغيير ذلك في:

Admin > Settings > Basic Setup > desktop category page style > boxes with subcategories

ألوان التصنيفات

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

عرض قيم ألوان HEX

#8ECEA0
#20A9AB
#946F96
#CF9D2B
#366B80
#F69A9B
#9FD8DF
#00917C
#F27072
#C1CEBF
#6B7AA1
#F4D6A2
#F0C928
#C6B4CE
#65516B
#C56183

يمكنك إضافة قيم HEX هذه في:

Admin > Settings > Basic Setup > category colors

إزالة إعداد خلفية بطاقة المستخدم

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

لكن هذا يحد من جانب من جوانب التعبير الذاتي للمستخدم. قررنا تركه كإعداد، ليراجع المسؤول القرار.

---

هذا هو مظهرنا الأول حقًا، وهو أول شيء حقيقي نقوم به من حيث البرمجة. نأمل أن تستمتع به، ونحن سعداء جدًا لاستقبال أي ملاحظات قد تكون لدى المجتمع. شكرًا لـ Discourse على دعم هذا العمل!

مُستضاف لدينا؟ تتوفر المظاهر للاستخدام في خططنا القياسية، والأعمال، والمؤسسية.

[P2W (Mike Riddick)]

مظهر رائع، مريح للعين.

[Jagster (Jakke Flemming)]

لا تتغير ألوان المواضيع إلى لون آخر، مثل الرمادي، عند فتحها. عندما يكون كل شيء باللون الأسود، يصعب تحديد المواضيع غير المقروءة على الفور. هل الأمر يتعلق بـ CSS؟

[zavorio (Carlos Saborío-Romero)]

@Jagster شكرًا لك على لفت انتباهنا إلى هذا الأمر. لقد قمنا باختباره في متصفحي Safari و Chrome بينما كنا غير مسجلين، وكان يعمل بشكل صحيح.

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

[zavorio (Carlos Saborío-Romero)]

لقد قمنا بتحديث CSS للتو، يجب أن يعمل الآن. كانت قاعدة CSS قديمة كتبناها في البداية ونسيناها، ها.

[elopio (Leo Arias)]

واو، أعجبني ذلك!

سنجربه كسمة افتراضية في https://bunqueer.jaquerespeis.org/

الشعار لا يبدو جيدًا الآن، سنقوم بتغييره لاحقًا.

شكرًا لك @zavorio و @senioritapolyester <3

[CamilleRoux]

هل يوجد وضع ليلي؟

[zavorio (Carlos Saborío-Romero)]

@CamilleRoux قد نقوم بذلك لاحقًا، لكننا نرغب أولاً في تجربة نسخة معدّلة من مخطط الألوان الحالي لإصدار أغمق قليلًا من المظهر. غير أن هذا لا يُصنّف كـ «الوضع الداكن» بالمعنى التقليدي، بل هو أقرب إلى مظهر التيتانيوم في Standard Notes:

أجد أن معظم واجهات المستخدم الشائعة في الوضع الفاتح/الداكن تحتوي على تباين حاد جدًا لعيوني. وكما عبّر @P2W أعلاه، كان هدفنا هو صنع شيء مريح للعين. وقد يكون الوضع الداكن التقليدي مفرطًا في ذلك. لكن، من الممكن أن نغير رأينا

[Zup]

@zavorio

شيء أقرب إلى سمة التيتانيوم في ملاحظات ستاندارد:

هل كان هناك أي تقدم في هذا المخطط اللوني؟ إنه حقًا مثالي!

[zavorio (Carlos Saborío-Romero)]

مرحبًا! ليس تمامًا، لكننا سنخرج قبل نهاية العام. كنا مشغولين بعض الشيء

[stuwest]

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

[Canapin (Coin-coin le Canapin)]

هذا بسبب CSS التالي:

.widget-component-connector {
    display: none;
}

لا أعرف ما هو الغرض الأصلي لهذه القاعدة في هذا المظهر.

[Jagster (Jakke Flemming)]

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

[Canapin (Coin-coin le Canapin)]

@Jagster

وأيقونة الدردشة مفقودة أيضًا.

مما رأيته من كود Discourse، أعتقد أن السبب هو نفس رسالتي أعلاه.

[dax (Daniela)]

@zavorio هناك عدد قليل من طلبات السحب (PR) على Github لك. يرجى الموافقة عليها لإصلاح السمة.

هل ستفكر في مواصلة تحديث هذه السمة في المستقبل، أم تفضل الانتقال منها؟

[dax (Daniela)]

تم نقل السمة إلى مؤسستنا على GitHub وتم إصلاحها.

إذا قمت بتثبيت السمة قبل 7 يونيو 2023، فستحتاج إلى إعادة تثبيتها باستخدام رابط المستودع الجديد على GitHub.

(تم تحديث المنشور الأصلي)