موضوع هوائي

[Discourse]

	ملخص	سمة Air هي سمة نظيفة وعصرية تتضمن مجموعة من مكونات السمة لتعزيز منتداك!
	معاينة	معاينة على منشئ سمات Discourse
	رابط المستودع	https://github.com/discourse/discourse-air
	جديد في سمات Discourse؟	دليل المبتدئين لاستخدام سمات Discourse

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

الميزات

الوضع الفاتح

الوضع الداكن

صفحة التصنيفات

تتضمن هذه السمة أيضًا بضع مكونات لتعزيز منتداك.

• المواضيع القابلة للنقر
• صناديق التصنيفات والمجموعات العصرية

يرجى قراءة هذه النصائح بعناية أثناء التثبيت، حيث توجد بعض الإعدادات التي يجب تفعيلها لكي تظهر السمة بشكل صحيح.

---

نصائح

تبديل مخطط الوضع الداكن/الفاتح

لكي يعمل هذا بشكل صحيح، يجب تفعيل خيارين على الأقل لمخططات الألوان في منطقة https://discourse.jordanvidrine.com/admin/customize/colors. يجب أن يكون خيارا لونين على الأقل قد تم تفعيل خيار “يمكن للمستخدمين اختيار مخطط الألوان”.

بمجرد الانتهاء من ذلك، يجب أن يتمكن المستخدمون من الاختيار بين مخططين للألوان كـ تفضيلات “فاتح” و"داكن" في قائمة واجهة تفضيلات المستخدم.

---

لافتة الترحيب

انتقل إلى صفحة الإدارة > لافتة الترحيب (/admin/config/welcome-banner).

• في القائمة المنسدلة مفعلة على السمات… اختر Air Theme
• في القائمة المنسدلة الموقع اختر تحت رأس الموقع

---

صناديق التصنيفات والمجموعات العصرية

يتطلب مكون السمة هذا استخدام تصنيفاتك لإعداد صناديق التصنيفات مع التصنيفات الفرعية في منطقة /admin/site_settings/category/all_results?filter=categories.

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

مستضاف لدينا؟ السمات متاحة للاستخدام في خططنا القياسية والتجارية والمؤسسية.

[Don]

هذا رائع حقًا يا جوردان! أنا معجب جدًا!

[th21]

سيكون من المفيد إخفاء رسالة الترحيب عند ترك حقل اللغة فارغًا

[oshyan (Oshyan Greene)]

يا إلهي، هذا يبدو رائعًا حقًا! شكرًا لك على المشاركة.

[itsbhanusharma (Bhanu Sharma)]

يمنح هذا السمة منصة Discourse المظهر العصري الذي تستحقه. عمل ممتاز يا @jordan.vidrine

[Ahmed_Gagan]

المظهر رائع. عمل مذهل

[thegurjyot (Gurjyot Singh)]

هذا المظهر مذهل للغاية. نأمل أن نتمكن من الحصول على تصميم صفحة التصنيف كعنصر منفصل أيضًا. يبدو الأمر أفضل بكثير بهذه الطريقة.

[frold]

شكرًا لك، إنه جميل…

هذه أول مرة أقوم فيها بتثبيت سمة جديدة. أنا أحب هذه حقًا!!

Studmed.dk

[Jeremie_Leroy]

مرحبًا @jordan-vidrine، فيما يتعلق بعدد الأعمدة الخاصة بـ “عدد المشاهدات”، ما نوع الكود الذي يجب إضافته في المكون لتجاوز إخفاء هذا العمود؟

[jordan.vidrine]

أعتقد أن هذا يجب أن يعمل:

.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;
}

[ggurbet (Gökhan Gurbetoğlu)]

جميلة بشكل مدهش. عمل رائع @jordan.vidrine!

[ShubhayanS (shubhayan saha)]

هل هناك أي إمكانية لتغيير نص العنوان “مرحباً بك في المنتدى”

[jordan.vidrine]

نعم، يمكن تعديل هذا في مكون Discourse Search Banner

[Jerdeman (Jeroen)]

منذ فترة، طرحت مشكلة تتعلق بعدم رؤية الفئات في عرض الهاتف المحمول (Air Theme - #172). لقد راسلت @jordan.vidrine قليلاً، لكننا لم نتمكن من الوصول إلى جذر المشكلة. نأمل أن يكون لدى شخص آخر بعض الأفكار.

للتفاصيل
باستخدام تثبيت نظيف لـ Discourse 2.7.11 على kubernetes بمساعدة مخطط helm من Bitnami، وأحدث إصدار من السمة مثبت ومكون كما هو مذكور في المنشور الافتتاحي، لا نرى أي فئات في عرض الهاتف المحمول والتصميم غير صحيح في أحدث صفحة.

ما جربناه
إلى جانب استخدام تثبيت نظيف، حاولنا استخدام بعض الإصدارات الأقدم من السمة أيضًا. ومع ذلك، ظلت المشكلة قائمة، لكننا لم نجرب جميع الإصدارات بشكل شامل.
قارنا أيضًا ملف html على مثيلنا مع ملف discourse.jordanvidrine.com ، ولاحظنا أنه مختلف بشكل كبير.

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

سؤال
هل نجح شخص ما في تشغيل هذه السمة مع 2.7 و/أو هل هناك أي أدلة حول ما يمكننا فعله لجعل هذا يعمل؟

[Hyeonji_Kim]

مرحباً. أولاً، شكراً لك على هذا القالب الرائع

أريد تغيير الخط، كيف يمكنني فعل ذلك؟

لقد جربت هذا

• تنزيل هذا القالب Google Fonts ، وتغيير إعدادات الخط في إعدادات الموقع – لم ينجح

• إضافة كود @import{web font link ~~~ } في Desktop.css، mobile.css – لم ينجح

ما هو الملف الذي يجب علي تعديله لتغيير الخط؟؟

[jordan.vidrine]

أعتقد أنه يجب أن تكون قادرًا على تعيين خط مخصص دون مكون هنا: admin/site_settings/category/all_results?filter=font

إذا كنت تريد المزيد من التخصيص، أعتقد أن مكون سمة خطوط جوجل الذي ربطته سيعمل. على الرغم من أن السمة تستخدم theme-settings وليس إعداد موقع، على ما أعتقد.

هل أثرت هذه المشكلة في الموضوع الخاص بمكون الخط هذا؟

[hequaye (Henry Herbert)]

مرحباً بالجميع، هل يمكن لأحد مساعدتي في تغيير حجم و"الطبيعة الثابتة" للون الخلفية على الهاتف المحمول؟

CSS للهاتف المحمول شفاف من جهتي. وأنا بحاجة فقط إلى بعض الإرشادات حول تغيير الخلفية الثابتة لألوان الخلفية.

إذا لم أكن مخطئًا، فهناك خلفية للرأس وخلفية للصفحة، صحيح؟

[jordan.vidrine]

هذا لأن السمة والمكونات المضمنة فيها انتقائية للغاية بشأن كيفية إعداد الموقع.

في المنشور الأصلي شاركت ما يلي:

@jordan-vidrine

فئات حديثة + مربعات مجموعات

يتطلب مكون السمة هذا أن تستخدم فئاتك إعداد مربعات الفئات مع الفئات الفرعية في منطقة /admin/site_settings/category/all_results?filter=categories.

يسمح مكون السمة هذا أيضًا لمسؤول المنتدى بتنظيم صفحة الفئات الخاصة به بعناوين رأس، واختيار الفئات التي تظهر تحت كل رأس. للحفاظ على البساطة، سمحت فقط باستخدام ما يصل إلى 5 رؤوس. إذا لم يتم اختيار أي إعدادات للفئات + الرأس، فسيتم عرض جميع الفئات كما تظهر أعلاه، وهذا هو خيار العرض الافتراضي.

[Nerd_Alert]

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

body {
    background-image: url("image url here");
    background-color: #cccccc;
}

يجعل الجزء العلوي من اللون صورة، ولكن ليس الجزء السفلي.

[jordan.vidrine]

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

html .background-container {
clip-path: unset;
}