||||\n-|-|-|\n:discourse2: | ملخص | Air Theme هو مظهر نظيف وعصري مع عدد قليل من مكونات المظهر المضمنة لتعزيز منتدىك!\n| 
| معاينة | معاينة على منشئ مظهر Discourse\n:hammer_and_wrench: | رابط المستودع | \u003chttps://github.com/discourse/discourse-air\u003e\n:open_book: |جديد في مظهرات Discourse؟ | دليل المبتدئين لاستخدام مظهرات Discourse\n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-air\" repoName="Air Theme"]\nتثبيت هذا المظهر\n[/wrap]\n\n[quote]\n\n:discourse2: نظرًا لكونه مظهرًا official تتم صيانته بواسطة فريق Discourse، يمكن تقديم طلبات Support أو تقارير Bug أو اقتراحات UX أو طلبات Dev advice في الفئات المعنية هنا على Meta، ووضع علامة عليها بالعلامة المناسبة للمظهر. انقر على رابط أدناه لبدء أحدها. 
\n\n\u003ckbd\u003e [
\u0026nbsp;الدعم](https://meta.discourse.org/new-topic?category_id=6\u0026tags=air-theme "اطلب الدعم بشأن تكوين واستخدام مظهر Air") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;خطأ](https://meta.discourse.org/new-topic?category_id=1\u0026tags=air-theme "تقرير الخطأ يعني أن شيئًا ما معطل، مما يمنع الاستخدام العادي/النموذجي للمظهر") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;تجربة المستخدم (UX)](https://meta.discourse.org/new-topic?category_id=9\u0026tags=air-theme "مناقشة حول واجهة المستخدم لمظهر Air، وكيفية عرض الميزات (بما في ذلك اللغة وعناصر واجهة المستخدم)") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;التطوير (Dev)](https://meta.discourse.org/new-topic?category_id=7\u0026tags=air-theme "نصيحة حول كيفية تخصيص هذا المظهر لموقعك")\u003c/kbd\u003e\n\n[/quote]\n\n\n### الميزات\n\nالوضع الفاتح (Light Mode)\n
\n\nالوضع الداكن (Dark Mode)\n
\n\nصفحة الفئات (Categories Page)\n
\n\nيتضمن هذا المظهر أيضًا مكونين لتعزيز منتدىك.\n- مواضيع قابلة للنقر (Clickable Topics)\n- مربعات فئات ومجموعات حديثة (Modern Category + Group Boxes)\n\n\u003e 
يرجى قراءة هذه النصائح عند التثبيت، حيث توجد بعض الإعدادات يجب تفعيلها لكي يتم عرض هذا المظهر بشكل صحيح.\n\n— \n# نصائح\n### تبديل مخطط الألوان الفاتح/الداكن\n
\n\nلكي يعمل هذا بشكل صحيح، يجب تمكين خيارين على الأقل لاختيار الألوان في منطقة https://discourse.jordanvidrine.com/admin/customize/colors. يجب تمكين خيار يمكن للمستخدمين اختيار مخطط الألوان لونيين على الأقل.\n\n
\n\nبمجرد الانتهاء من ذلك، يجب أن يتمكن المستخدمون من الاختيار بين مخططين للألوان كإعدادات فاتح و داكن في قائمة واجهة تفضيلات المستخدم الخاصة بهم.\n\n
\n\n___\n## لافتة الترحيب (Welcome Banner)\n\nانتقل إلى صفحة المسؤول > لافتة الترحيب (/admin/config/welcome-banner).\n\n- في القائمة المنسدلة مُمكّن على المظهرات…، حدد Air Theme\n- في القائمة المنسدلة الموقع، حدد أسفل رأس الموقع (Below site header)\n___\n## مربعات الفئات والمجموعات الحديثة (Modern Category + Group Boxes)\nيتطلب مكون المظهر هذا أن تستخدم الفئات الخاصة بك إعداد مربعات الفئات مع الفئات الفرعية (CATEGORY BOXES WITH SUBCATEGORIES) في منطقة /admin/site_settings/category/all_results?filter=categories.\n\n
\n\nيسمح مكون المظهر هذا أيضًا لمسؤول المنتدى بتنظيم صفحة الفئات الخاصة به باستخدام عناوين رأسية، واختيار الفئات التي تظهر تحت كل رأس. للحفاظ على البساطة، سمحت بما يصل إلى 5 رؤوس ليتم استخدامها. إذا لم يتم اختيار أي إعدادات للفئات + الرأس، فسيتم عرض جميع الفئات كما هي في الأعلى، وهذا هو خيار العرض الافتراضي.\n\n\u003e:discourse2: هل تستضيف لدينا؟ المظهرات متاحة للاستخدام على خططنا القياسية (Standard) والأعمال (Business) والمؤسسات (Enterprise).
That is just amazing Jordan! 
I love it!
It will be helpful if the welcome message can be hide when left locale field empty 
Oh wow, this looks really nice! Thank you for the share. 
This theme gives discourse the modern look it deserves. Very well done @jordan.vidrine
Theme looks amazing. Awesome work
This theme looks so amazing. Hope we can get this category page design as a separate component as well. It is looking way better this way. 
Thanks it is nice…
First time I install a new theme. I really like this one!!
Hi @jordan-vidrine regarding the # of views column, what kind of code shall i add in the component to override that column being hidden ?
I believe this should work:
.full-width .contents .topic-list thead th.posts {
width: 10%;
}
.full-width .contents .topic-list thead th.activity {
width: 10%;
order: 4;
}
th.num.views {
width: 10%;
order: 3;
display: block;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.posts {
width: 10%;
order: 2;
}
.topic-list .views {
width: 10%;
order: 3;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.age {
width: 10%;
order: 4;
}
Refreshingly beautiful. Great work @jordan.vidrine!
هل هناك أي إمكانية لتغيير نص العنوان “مرحباً بك في المنتدى”
نعم، يمكن تعديل هذا في مكون Discourse Search Banner
منذ فترة، طرحت مشكلة تتعلق بعدم رؤية الفئات في عرض الهاتف المحمول (Air Theme - #172). لقد راسلت @jordan.vidrine قليلاً، لكننا لم نتمكن من الوصول إلى جذر المشكلة. نأمل أن يكون لدى شخص آخر بعض الأفكار.
للتفاصيل
باستخدام تثبيت نظيف لـ Discourse 2.7.11 على kubernetes بمساعدة مخطط helm من Bitnami، وأحدث إصدار من السمة مثبت ومكون كما هو مذكور في المنشور الافتتاحي، لا نرى أي فئات في عرض الهاتف المحمول والتصميم غير صحيح في أحدث صفحة.
ما جربناه
إلى جانب استخدام تثبيت نظيف، حاولنا استخدام بعض الإصدارات الأقدم من السمة أيضًا. ومع ذلك، ظلت المشكلة قائمة، لكننا لم نجرب جميع الإصدارات بشكل شامل.
قارنا أيضًا ملف html على مثيلنا مع ملف discourse.jordanvidrine.com ، ولاحظنا أنه مختلف بشكل كبير.
الشعور الحدسي
نظرًا لأنه لا يمكننا استخدام إصدار “تجريبي”، فإن شعوري الحدسي يخبرني أن هذه مشكلة توافق بين السمة أو أحد ملحقاتها مع Discourse 2.7. أود أن أعرف ما إذا كان شخص ما قد نجح في تشغيل هذه السمة على 2.7، وإذا كان الأمر كذلك، مع أي إصدارات من السمة والملحقات ذات الصلة.
سؤال
هل نجح شخص ما في تشغيل هذه السمة مع 2.7 و/أو هل هناك أي أدلة حول ما يمكننا فعله لجعل هذا يعمل؟
مرحباً. أولاً، شكراً لك على هذا القالب الرائع 
أريد تغيير الخط، كيف يمكنني فعل ذلك؟
لقد جربت هذا 
-
تنزيل هذا القالب Google Fonts ، وتغيير إعدادات الخط في إعدادات الموقع – لم ينجح
-
إضافة كود
@import{web font link ~~~ }في Desktop.css، mobile.css – لم ينجح
ما هو الملف الذي يجب علي تعديله لتغيير الخط؟؟ 
أعتقد أنه يجب أن تكون قادرًا على تعيين خط مخصص دون مكون هنا: admin/site_settings/category/all_results?filter=font
إذا كنت تريد المزيد من التخصيص، أعتقد أن مكون سمة خطوط جوجل الذي ربطته سيعمل. على الرغم من أن السمة تستخدم theme-settings وليس إعداد موقع، على ما أعتقد.
هل أثرت هذه المشكلة في الموضوع الخاص بمكون الخط هذا؟
مرحباً بالجميع، هل يمكن لأحد مساعدتي في تغيير حجم و"الطبيعة الثابتة" للون الخلفية على الهاتف المحمول؟
CSS للهاتف المحمول شفاف من جهتي. وأنا بحاجة فقط إلى بعض الإرشادات حول تغيير الخلفية الثابتة لألوان الخلفية.
إذا لم أكن مخطئًا، فهناك خلفية للرأس وخلفية للصفحة، صحيح؟
هذا لأن السمة والمكونات المضمنة فيها انتقائية للغاية بشأن كيفية إعداد الموقع.
في المنشور الأصلي شاركت ما يلي:
هل هناك أي طريقة لجعل الخلفية صورة؟ أفضل أن تكون صورة بدلاً من الألوان. استخدام
body {
background-image: url("image url here");
background-color: #cccccc;
}
يجعل الجزء العلوي من اللون صورة، ولكن ليس الجزء السفلي.
ما قمت به جيد لإضافة الصورة، ولكنك سترغب أيضًا في إزالة مسار الاقتصاص الذي تم إنشاؤه لإعطاء هذا التأثير المتراكب.
html .background-container {
clip-path: unset;
}