أداة تصميم بسيطة وممتعة لتخصيص Discourse 👀

خلفية سريعة: أنا شخص يعمل في مجال التصميم والتطوير، مهووس بالطباعة والتباعد وفكرة التصميم التكيفي.

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

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

هذا الغرابة ناتج عن حقيقة أن تغيير الخطوط أو أحجام الخطوط يغير في الواقع نسب تصميمك بالكامل. لذلك يترك لك خيارين:

  1. الانتقال عبر ملف CSS الخاص بك وتعديل كل شيء بدقة لاستيعاب إعداداتك الجديدة، أو…
  2. استخدام نظام تصميم قوي يمكنه إجراء كل هذه التعديلات نيابة عنك.

لقد أمضيت الـ 14 عامًا الماضية في بناء أنظمة تصميم تتكيف مع التغييرات في الخطوط وأحجام الخطوط والألوان وما إلى ذلك.

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

تعتمد الأداة على مبادئ الطباعة بالنسبة الذهبية (GRT)، وتسمى GRT for Discourse.

ماذا تفعل GRT for Discourse؟

يمكنك تحديد بعض متغيرات التصميم الأساسية - الخطوط (بما في ذلك خطوط Google)، التحجيم، وألوان التخطيط - ثم ستوفر لك GRT for Discourse ملف CSS الذي تحتاجه لتطبيق إعدادات التصميم الخاصة بك على تثبيت ديسكورس الخاص بك.

إذا اخترت خط Google، فستوفر لك GRT for Discourse أيضًا تعليمات حول كيفية إضافته إلى بيئتك.

لماذا تستخدم GRT for Discourse؟

تخصيص بيئة ديسكورس بشكل صحيح مهمة معقدة. في تجربتي، يتطلب الأمر الكثير من العمل لإتقان كل تفاصيل CSS اللازمة لاستيعاب التخصيصات؛ تجعل GRT for Discourse هذه العملية المملة سهلة.

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

ربما الأفضل من ذلك كله، أن GRT for Discourse تختزل ساعات من العمل في ثوانٍ. وهذا يمنحك القدرة على اختبار جميع أنواع مجموعات الخطوط وأحجام الخطوط والألوان بسرعة.

مع GRT for Discourse، يمكنك اختبار إعدادات مختلفة وإتقان التصميم المثالي لمنتديات ديسكورس الخاصة بك.

كم تكلف GRT for Discourse؟

إنها مجانية إذا بدأت تجربة GRT مجانية (Golden Ratio Typography: Start your free trial today!). أريد أن يستخدم الناس GRT for Discourse ويختبروا متعة ورضا التخصيص السهل والدقيق.

أيضًا، إذا بدأت تجربة GRT مجانية، فستحصل على وصول إلى منتديات GRT (التي تعمل على ديسكورس، بالطبع). ستتمكن من رؤية GRT for Discourse أثناء العمل هناك، حيث أستخدم خط IBM Plex Sans بحجم 18 بكسل (خط Google) مع مخطط ألوان مخصص.

شيء أخير…

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


↑ لوحة إعدادات تصميم GRT for Discourse

بهذه الطريقة، يمكنك تحديد ما إذا كنت تحب ما تراه قبل القيام بالعمل لنسخ/لصق ملف CSS في تثبيت ديسكورس الخاص بك.

جرب GRT for Discourse، إنها ممتعة!

7 إعجابات

رائع، هذا رائع حقًا!

هل يعمل هذا عن طريق تخصيص العمل الموصوف هنا؟

3 إعجابات

هذا رائع حقًا. ما هي التكلفة بعد الفترة التجريبية؟

يتجاوز GRT for Discourse العديد من متغيرات CSS الأساسية في Discourse، ولكنه يتضمن أيضًا العديد من المتغيرات الخاصة به.

يعمل مع CSS الأساسي لـ Discourse حيثما أمكن، ثم يضيف تجاوزاته الخاصة عند الضرورة.

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

على سبيل المثال، ينتج GRT 6 أحجام خطوط قابلة للاستخدام (f1–f6)، ويتم نشرها باستخدام متغيرات GRT for Discourse (–grt-size-1، --grt-size-2، إلخ)، وليس متغيرات Discourse الأساسية.

3 إعجابات

بعد التجربة، يصبح اشتراك GRT Pro بسعر 57 دولارًا فقط سنويًا. يمنحك هذا الوصول إلى كل أداة على موقع GRT Calculator:

  • GRT للبريد الإلكتروني، منتج للاستخدام اليومي وهو المفضل لدي شخصيًا
  • GRT لمواقع الويب
  • GRT لـ Discourse

توفر هذه الأدوات نتائج مماثلة في وسائط مختلفة: يتم تحسين حجم وتباعد النص لديك بناءً على النسبة الذهبية للطباعة (Golden Ratio Typography)، ثم لديك أيضًا القدرة على استخدام أنماط تنسيق نص GRT في كل وسيط.

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

3 إعجابات

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.