مظهر قارئ أفيد

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

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

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

الميزات

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

لقطات الشاشة

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

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

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

عرض الإعدادات الكاملة للافتة متعددة الاستخدامات

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

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

توصياتنا

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

نمط الفئة

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

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 على دعم هذا العمل!


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

26 إعجابًا

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

إعجابَين (2)

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

إعجابَين (2)

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


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

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

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

إعجابَين (2)

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

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

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

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

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

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

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

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

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

إعجابَين (2)

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

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

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

إعجابَين (2)

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

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

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

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

إعجابَين (2)

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

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

إعجابَين (2)

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

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

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

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

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

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

3 إعجابات