 |
الملخص | يجعل أيقونة تبديل الشريط الجانبي ديناميكية وقابلة للتخصيص |
 |
المستودع | https://github.com/Lillinator/discourse-dynamic-sidebar-icon |
 |
معاينة | https://discourse.theme-creator.io/theme/Lilly/discourse-sidebar-icon |
 |
دليل التثبيت | كيفية تثبيت سمة أو مكون سمة |
 |
جديد في سمات Discourse؟ | دليل المبتدئين لاستخدام سمات Discourse |
تثبيت مكون السمة هذا
أيقونة الشريط الجانبي الديناميكية في Discourse
ملخص
مكون سمة خفيف الوزن في Discourse يغير أيقونة تبديل الشريط الجانبي في الرأس ديناميكيًا بناءً على ما إذا كان الشريط الجانبي مفتوحًا أم مغلقًا.
بشكل افتراضي، يعرض المكون قائمة الهامبرغر القياسية (bars) عندما يكون الشريط الجانبي مغلقًا، وينتقل إلى أيقونة الإغلاق (xmark) عندما يكون الشريط الجانبي مفتوحًا. يمكن للمسؤولين تحديد أيقونات مخصصة أيضًا.
الميزات
- يمنح المستخدمين تغذية راجعة بصرية واضحة حول كيفية التفاعل مع الشريط الجانبي.
- يمكن للمسؤولين استبدال الأيقونات الافتراضية بسهولة بأي أيقونة من FontAwesome عبر إعدادات السمة.
- هذا المخصص مخصص حصريًا لعرض سطح المكتب والأجهزة اللوحية؛ لا يؤثر على الجوال.
الإعدادات
قم بتخصيص الأيقونات المستخدمة لفتح وإغلاق الشريط الجانبي عن طريق تعديل إعدادات المكون:
| الإعداد | الوصف |
|---|---|
icon_to_open_the_sidebar |
الأيقونة المعروضة عندما يكون الشريط الجانبي منكمشًا (الافتراضي: bars) |
icon_to_close_the_sidebar |
الأيقونة المعروضة عندما يكون الشريط الجانبي موسعًا (الافتراضي: xmark) |
ملاحظات هامة
- إذا كنت تستخدم أيقونات مخصصة غير مدرجة بالفعل في نواة Discourse، فستظهر فارغة؛ لإصلاح ذلك، يجب عليك إضافة الأيقونات المخصصة (مثل
rocket،cat) إلى إعداد موقعمجموعة أيقونات SVGفي إعدادات المسؤول في Discourse (راجعجميع إعدادات الموقع→مجموعة أيقونات SVG). - لا يعمل هذا المكون مع وضع القائمة المنسدلة في الرأس.